#logo,
#logo a{
	height: @headerLogoHeight;
	line-height: @headerLogoHeight;
	display: block;
	text-align: center;
	position: relative;
	overflow: hidden;
}

#logo{ float: none; }

<xen:if is="@textLogo">
#logo a.textLogo{
	color: #fff;
	font-size: 70px;
	font-weight: 400;
	font-family: "Oswald";
	text-transform: uppercase;
	text-shadow: rgba(0,0,0,0.5) 2px 2px 0px, rgba(255,255,255,0.45) 4px 4px 0px;
}

<xen:if is="@logoSlogan">

#logo a.textLogo{
	height: {xen:calc '@headerLogoHeight - 26'}px;
	line-height: {xen:calc '@headerLogoHeight - 90'}px;
	padding-top: 26px;
}

#logo a.textLogo span{
	display: block;
	height: auto;
	font-size: 20px;
	line-height: 20px;
	position: relative; top: -5px;
	text-shadow: rgba(0,0,0,0.35) 2px 2px 0px;
}

</xen:if>

</xen:if>

<xen:if is="@iconBehindLogo">
#logo:after{
	content: "\@iconBehindLogo";
	font-size: 600px !important;
	position: absolute;
	top: 50%; left: 50%; margin-left: -0.427em; margin-top: 5px;
	color: #000;
	opacity: 0.1;
}

#logo a{ z-index: 1; }
</xen:if>

#blurredBackground, #clearBackground{
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: -2;
	height: 100%;
	background: url("@imagePath/xenfocus/background/<xen:if is="@blurImageName">@blurImageName</xen:if>_blur.jpg") 50% 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

#clearBackground{
	z-index: -1;
	/* Change the following to a background color if you do not wish to use an image. */
	background-image: url("@imagePath/xenfocus/background/<xen:if is="@blurImageName">@blurImageName</xen:if>.jpg");
}

.titleBar{
	border-radius: 3px;
	box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.4) 0px 100px 0px;
	padding: 14px;
	text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
}

.titleBar, .titleBar *{ color: #fff !important; }

.navTabs .navTab.selected,
#navigation .pageContent,
body #moderatorBar,
.titleBar{
	/* Change the following to a background color if you do not wish to use an image. You must also disable the blur feature */
	background: url("@imagePath/xenfocus/background/<xen:if is="@blurImageName">@blurImageName</xen:if>_blur.jpg") 50% 0 fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

body #moderatorBar{ box-shadow: inset rgba(255,255,255,0.5) 0px 100px 0; }

/* .avatar, .avatar img{ border-radius: 50%; }
.memberCard .avatar, .memberCard .avatar img{ border-radius: 0; } */

#content .pageContent{ background: rgba(20,20,20,0.85); }

body .breadcrumb{ border-color: #1f1f1f; }
.breadcrumb a{ }
.breadcrumb a:hover{ }

/*
	Navigation background: Navigation Tabs Container
*/
#blurredBackground, #clearBackground,
#navigation{

}

.navTabs .navTab.selected,
#navigation .pageContent{

}

/* Nav link */
.navTabs .navTab.PopupClosed a.navLink{
	color: #fff;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
}

.navTabs .navTab.PopupClosed:hover a.navLink{
	background: rgba(255,255,255,0.1);
	color: #fff;
}
/* Public tabs */
.navTabs .publicTabs .navLink{ padding: 0 20px; }

/* Open menu tab */
.navTabs .Popup .PopupControl.PopupOpen > a, .navTabs .Popup.PopupContainerControl.PopupOpen > a{
	color: #fff;
	background: rgba(255,255,255,0.2);
}

.Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen {
    background-color: transparent;
    border-radius: 0;
}

.Popup .PopupControl.BottomControl.PopupOpen, .Popup.PopupContainerControl.BottomControl.PopupOpen {
    border-radius: 0 0 3px 3px;
}

/* Active tab */

.navTabs .navTab.selected{ border-radius: 3px 3px 0px 0px; }

.navTabs .navTab.selected a.navLink,
.navTabs ul.visitorTabs > li.navTab.selected a.navLink{
	background: rgba(255,255,255,0.4);
	color: #fff;
	border-radius: 3px 3px 0px 0px;
	box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
	position: relative;
	font-weight: bold;
}

/* .navTabs .publicTabs .navTab.selected a.navLink:before,
.navTabs .publicTabs .navTab.selected a.navLink:after{
	content: "";
	width: 4px; height: 4px;
	position: absolute;
	bottom: 0px; left: -4px;
	z-index: 10;
	background: @altPrimary;
}

.navTabs .publicTabs .navTab.selected a.navLink:after{
	border-bottom-color: #000;
	opacity: 0.4;
	bottom: 1px;
	z-index: 5;
} */

/* .navTabs .navTab.selected .SplitCtrl{
	display: block !important;
	background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -128px 12.5px !important;
	position: relative;
} */

.navTabs .visitorTabs{ font-size: 11px; }

/* Sub navigation background */
.navTabs .navTab.selected .tabLinks{
	background: @contentBackground;
	background: rgba(255,255,255,0.4);
	background-position: 0 0;
	border-radius: 0px 0px 4px 4px;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
}

.navTabs .navTab.selected .tabLinks a{
	color: #fff;
	line-height: 30px;
	border-radius: 3px;
	margin-top: 3px;
	padding: 0 10px;
}

.navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus{
	color: #fff;
	background: rgba(0,0,0,0.2);
}

.navTabs .navTab.PopupClosed, .navTabs .navTab.PopupClosed:hover{ background: none transparent; }

<xen:if is="!@fontawesome">
.navTab.account a strong:before,
.navTab.inbox a:before,
.navTab.alerts a:before{
	content: "";
	background: url(@imagePath/xenfocus/userLinkIcons.png) no-repeat 0 0;
	width: 18px; height: 18px;
	display: inline-block;
	position: relative;
	top: 4px;
	margin-right: 6px;
}

.navTab.account:hover a strong:before{ background-position: 0 -18px; }
.navTab.account.selected a strong:before{ background-position: 0 -36px; }
.navTab.inbox a:before{ background-position: -18px 0px; }
.navTab.inbox:hover a:before{ background-position: -18px -18px; }
.navTab.inbox.selected a:before{ background-position: -18px -36px; }
.navTab.alerts a:before{ background-position: -36px 0px; }
.navTab.alerts:hover a:before{ background-position: -36px -18px; }
.navTab.alerts.selected a:before{ background-position: -36px -36px; }
</xen:if>

.navTab a strong#VisitorExtraMenu_Counter:before{ display: none; }

.navTabs .navTab.selected.PopupOpen a.navLink{ border-radius: 0px; }

/* Adjust the following + 0 value depending on navigation borders */
.navTabs .navTab.selected .tabLinks{ top: {xen:calc '@headerTabHeight + 0'}px; }
#navigation .pageContent{ height: {xen:calc '@headerTabHeight * 2 + 0'}px; }
#headerMover #headerProxy{ height: {xen:calc '@headerLogoHeight + @headerTabHeight * 2 + 0'}px; }

#forums.sectionMain,
.messageInfo.primaryContent{ background: none transparent; }

.mainProfileColumn,
.xenForm,
.message{
	background-color: @contentBackground;
}

#loginBar .xenForm{ background: none transparent; }

/* Categories and forums */
#forums .node.category.level_1,
.discussionList.section.sectionMain,
.sidebar .section > .secondaryContent,
#pageNodeContent{
	box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
}

body #pageNodeContent{ background: @contentBackground; padding: 12px; }
#pageNodeContent .larger.textHeading{ color: @primaryMedium; }

.sidebar .section > .secondaryContent{ border: 0; background: @contentBackground; }

#forums .node.category.level_1{ margin-bottom: 10px; }
#forums .nodeList li:last-of-type .nodeInfo{ border-bottom: 0; }
#forums .nodeList .nodeInfo{ min-height: 40px; padding: 7px 0; }
#forums .nodeIcon{ position: absolute; top: 50%; margin-top: -18px; }
#forums .nodeText{ padding-right: 180px; }
#forums .node .nodeControls{ right: 10px; top: 50%; margin: -8px 0 0 0; }

.idxStats{ float: right; position: absolute; right: 244px; top: 50%; margin-top: -20px; }
.idxStats dl{ float: left; min-width: 80px; padding: 0 6px; text-align: center; text-transform: uppercase; font-size: 11px; }
.idxStats dt{ display: block; color: @primaryLightish; }
.idxStats dd{ display: block; color: @primaryMedium; font-size: 18px; padding-bottom: 3px; }

@media (min-width: 991px){
	.subForumList{ padding-right: 428px; }
}

@media (max-width: 990px){
	.idxStats{ display: none; }
	#forums .nodeText{ padding-right: 0; }
	.subForumList{ padding-right: 225px; }
}

body .node .nodeLastPost{ height: 40px; line-height: 20px; padding: 0 0 0 14px; margin: -20px 20px 0 0; top: 50%; border-left: 1px solid @primaryLighterStill; }

.sidebar .visitorPanel{ overflow: visible; }

body .discussionList .sectionHeaders{
	box-sizing: border-box;
	margin-top: 0;
	border-width: 0px 0px 1px 0px;
	border-radius: 4px 4px 0 0;
}

body .attachedFiles .attachmentList, .sectionFooter, body .userBanner{ background-image: none; }

body .discussionList .sectionFooter{ border-radius: 0px 0px 4px 4px; border-bottom: 0; }
body .DiscussionListOptions{ margin-left: 10px; margin-right: 10px; }
body .itemPageNav a{ color: #fff; }

body .bbCodeQuote .quoteContainer{ border-radius: 0px 0px 3px 3px; }

<xen:if is="@fontawesome">

.LoggedIn .discussionListItem .unreadLink,
.LoggedIn .discussionListItem .ReadToggle{
	background: none transparent !important;
	text-indent: 0 !important;
}

.LoggedIn .discussionListItem .unreadLink:before,
.LoggedIn .discussionListItem .ReadToggle:before{
	font-size: 10px;
	content: "\f067";
	width: 10px; height: 10px;
	font-size: 10px !important;
	display: block;
}

</xen:if>

<xen:if is="@transparentContent">
#content > .pageWidth > .pageContent,
#forums.sectionMain,
#loginBar .xenForm{
	background: none transparent;
}
.mainProfileColumn,
.xenForm,
.message{
	background-color: @contentBackground;
}

#content > .pageWidth > .pageContent{ padding: 2px 0; }

.mainProfileColumn{ padding: 0 10px 10px 0; }
body .profilePage .mast{ border: 0; }

body .xenForm .submitUnit { padding-bottom: 5px; }
.xenForm h3.textHeading{ padding-left: 10px; }

.linkGroup a,
.pageNavHeader{
	color: #fff;
	background: rgba(0,0,0,0.5);
	border-radius: 3px;
	padding: 3px 6px;
}

.PageNav .pageNavHeader{ padding-top: 1px !important; padding-bottom: 1px !important; }

.linkGroup.SelectionCountContainer a{ color: #fff !important; }
.PageNav .pageNavHeader{ padding: 0px 6px; }

.linkGroup.SelectionCountContainer a:hover{
	background: rgba(0,0,0,0.6);
}

.linkGroup a.callToAction{ background: none transparent; }

.member_notable .mainContent .section{ margin-top: 0; }
#messageList{ border: 0; padding: 0; }

.discussionList .sectionHeaders{ border-left: 0 !important; border-right: 0 !important; }
</xen:if>

<xen:if is="!@fontawesome">
/* Sidebar icons */
.forum_list .sidebar .section h3:before{
	content: "";
	float: left;
	width: 16px; height: 16px;
	margin: -1px 6px -5px 0;
	background: url(@imagePath/xenfocus/sidebarSprite.png) no-repeat 0 0;
}
.forum_list .sidebar .section.staffOnline h3:before{ background-position: 0 -16px; }
.forum_list .sidebar .section.membersOnline h3:before{ background-position: 0 -32px; }
.forum_list .sidebar .section .statsList h3:before{ background-position: 0 -48px; }
.forum_list .sidebar .section.sharePage h3:before{ background-position: 0 -64px; }
</xen:if>

body .message .publicControls a.item{ margin-left: 5px; margin-right: 0; }
body .message .publicControls .MultiQuoteControl{ border-radius: 3px; padding-top: 1px; padding-bottom: 1px; }
body .message .publicControls .MultiQuoteControl.active{ background: @altPrimary; }

<xen:if is="!@fontawesome">
/* Post button icons */
.messageMeta .control:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 16px; height: 16px;
	margin: -1px 6px -5px -2px;
	background: url(@imagePath/xenfocus/postButtonSprite.png) no-repeat 0 0;
}
.messageMeta .control.edit:before{ background-position: 0 -16px; }
.messageMeta .control.delete:before{ background-position: 0 -32px; }
.messageMeta .control.ip:before{ background-position: 0 -48px; }
.messageMeta .control.report:before{ background-position: 0 -64px; }
.messageMeta .control.reply:before{ background-position: 0 -80px; }
.messageMeta .control.like:before{ background-position: 0 -96px; }
.messageMeta .control.unlike:before{ background-position: 0 -112px; }
.messageMeta .control.warn:before{ background-position: 0 -112px; }
.messageMeta .control.deleteSpam:before{ background-position: 0 -128px; }
</xen:if>

<xen:if is="!@privateControlIcons">
.messageMeta .privateControls .control:before{ display: none; }
</xen:if>
<xen:if is="!@publicControlIcons">
.messageMeta .publicControls .control:before{ display: none; }
</xen:if>

<xen:if is="@fadedPostControls">
@media (min-width:1025px){
	.message .messageMeta .control{
		opacity: 0.15;
		-webkit-transition: opacity ease-in-out 0.1s;
		-moz-transition: opacity ease-in-out 0.1s;
		transition: opacity ease-in-out 0.1s;
	}
	.message .messageMeta .privateControls .control{ opacity: 0; }
	body .message:hover .messageMeta .control{ opacity: 1; }
}
</xen:if>

.message .publicControls, .message .privateControls{ min-height: 26px; line-height: 24px; }
.message .publicControls .item.muted{ float: right; }

<xen:if is="@boxedPosts"><xen:if is="@enableResponsive">
@media (min-width:1000px){
	/* Post control bar */
	body .message{
		position: relative;
		padding-bottom: 57px !important;
		padding-top: 10px !important;
		margin-bottom: 12px !important;
	}
	body .quickReply.message{ padding-bottom: 10px !important; }
	.thread_view .messageMeta{
		position: absolute;
		bottom: 5px; left: 5px; right: 5px;
		padding: 10px 10px 10px 150px !important;
		border-top: 1px solid @primaryLighterStill;
		background: @primaryLightest;
	}

	/* .thread_view .message:hover .messageMeta{
		border-top: 1px solid @primaryLighterStill;
		background: @primaryLightest;
	} */

	.thread_view .message .privateControls .authorEnd{ display: none; }
	.thread_view .messageMeta .InlineModCheck{ position: relative; top: 5px; }
}
</xen:if></xen:if>

<xen:if is="@noAuthorBox"><xen:if is="@enableResponsive">
@media (min-width:@maxResponsiveNarrowWidth){
	.message .messageUserBlock, .message .messageUserBlock div.avatarHolder{ background: none transparent; border: 0; }
	.message .messageUserBlock div.avatarHolder{ text-align: center; }
	.message .messageUserBlock .arrow, .message .userBanner .before, .message .userBanner .after{ display: none !important; }
	.message .messageUserBlock h3.userText{ text-align: center; padding-left: 0; }
	.message .messageUserBlock .userBanner{ border-radius: 3px; margin-left: 0; margin-right: 0; }

}
</xen:if></xen:if>

body .message .newIndicator{ margin-right: -28px; }

.footerLegal, .footerLegal a, .footerLegal .pairsInline dt, #copyright{ color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 3px; }
.footerLegal .pairsInline dt{ opacity: 0.7; }

/* Remove the following if search box is inline with nav */
/* .withSearch .navTabs .navTab.selected .blockLinksList{ margin-right: 8px; } */

#QuickSearch{ top: -40px; right: 5px; background: none transparent; }
#QuickSearch.active{ background-color: @content.background-color; box-shadow: 0px 3px 6px rgba(0,0,0,0.25); }
#QuickSearch:not(.active) #QuickSearchQuery{ background: #fff; box-shadow: none; border-color: #fff; border-radius: 3px; }

.pageContent > .sharePage{
	box-shadow: rgba(0,0,0,0.05) 0px 1px 3px;
	padding: 10px;
	background: @contentBackground;
}

.pageContent > .sharePage h3{
	color: @sidebarBlockHeading.color;
	font-size: 12px !important;
	padding: 10px;
	margin: -10px -10px 10px -10px;
	border: 0;
	border-bottom: 1px solid @primaryLighterStill;
	background: @primaryLightest;
}

form#login input.button.primary{
	color: #fff;
	text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
	background: #555;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
	border: 0;
	box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;
}

form#login input.button.primary:hover{ background-color: #666; }

body #pageNodeNavigation{
	box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
	border-radius: 0;
}

/* .quickReply.message{ border: 0; }
.mainProfileColumn{ background: @primaryLightest; } */
#ProfilePanes{ padding-right: 8px; padding-bottom: 8px; min-height: 580px; }

<xen:if is="!@faForumIcons">
<xen:if is="@squareNodeIcons">
.nodeIcon{
	border-radius: 3px;
	background-color: #757575;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
	box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}</xen:if>

<xen:if is="@customNodeIcons">
.node_2 .nodeIcon{ background: url(@imagePath/xenfocus/nodes/nodeIcon_2.png) no-repeat 50% 50% !important; }
.node_3 .nodeIcon{ background: url(@imagePath/xenfocus/nodes/nodeIcon_3.png) no-repeat 50% 50% !important; }
.node_11 .nodeIcon{ background: url(@imagePath/xenfocus/nodes/nodeIcon_11.png) no-repeat 50% 50% !important; }
.node_7 .nodeIcon{ background: url(@imagePath/xenfocus/nodes/nodeIcon_7.png) no-repeat 50% 50% !important; }
.node_8 .nodeIcon{ background: url(@imagePath/xenfocus/nodes/nodeIcon_8.png) no-repeat 50% 50% !important; }

.nodeIcon{ opacity: 0.25; }
.unread .nodeIcon, .linkNodeInfo .nodeIcon, .pageNodeInfo .nodeIcon{ opacity: 1; }

<xen:if is="@grayNodeIcons">
/* Restrict from mobiles */
@media (min-width:@maxResponsiveWideWidth){
.nodeIcon{ -webkit-filter: grayscale(100%); }
.unread .nodeIcon, .linkNodeInfo .nodeIcon, .pageNodeInfo .nodeIcon{ -webkit-filter: grayscale(0%); }
}</xen:if>

</xen:if></xen:if>

<xen:if is="@fontawesome">

/* Font Awesome */

.navTab.account a strong:before,
.navTab.inbox a:before,
.navTab.alerts a:before,
#AccountMenu .menuColumns a:before,
.tabLinks a:before,
.breadcrumb a.jumpMenuTrigger:before,
<xen:if is="@faForumIcons">.nodeIcon:before,</xen:if>
.forum_list .sidebar .section h3:before,
.node .nodeLastPost .lastThreadTitle span:before,
.messageMeta .control:before,
.Responsive #QuickSearchPlaceholder:before,
body .node .tinyIcon:before,
body .footerLinks a.globalFeed:before,
.LoggedIn .discussionListItem .unreadLink:before,
.LoggedIn .discussionListItem .ReadToggle:before,
#logo:after{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 0px;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  /* color: inherit !important; */
}

.navTab.account a strong:before{ margin: -1px 7px 0 0; content: "\f007"; }
.navTab.inbox a:before{ margin: -1px 7px 0 0; content: "\f01c"; }
.navTab.alerts a:before{ margin: -1px 7px 0 0; content: "\f0ac"; }

#AccountMenu .menuColumns a:before{ font-size: 14px !important; opacity: 0.6; position: relative; left: -3px; }
#AccountMenu .menuColumns a:hover:before{ opacity: 1; }
#AccountMenu a[href*="/personal-details"]:before{ content: "\f007" }
#AccountMenu a[href*="/signature"]:before{ content: "\f040" }
#AccountMenu a[href*="/contact-details"]:before{ content: "\f0e0" }
#AccountMenu a[href*="/privacy"]:before{ content: "\f06e" }
#AccountMenu a[href*="/preferences"]:before{ content: "\f14a" }
#AccountMenu a[href*="/alert-preferences"]:before{ content: "\f0ac" }
#AccountMenu a[href*="/avatar"]:before{ content: "\f03e" }
#AccountMenu a[href*="/security"]:before{ content: "\f084" }
#AccountMenu a[href*="/news-feed"]:before{ content: "\f03a" }
#AccountMenu a[href*="conversations"]:before{ content: "\f036" }
#AccountMenu a[href*="/alerts"]:before{ content: "\f0ac" }
#AccountMenu a[href*="/likes"]:before{ content: "\f087" }
#AccountMenu a[href*="search/member"]:before{ content: "\f0cb" }
#AccountMenu a[href*="/following"]:before{ content: "\f061" }
#AccountMenu a[href*="/ignored"]:before{ content: "\f05e" }
#AccountMenu a[href*="logout"]:before{ content: "\f053" }
#AccountMenu { width: 294px; }
#AccountMenu .menuColumns a:before{ margin: -1px 7px 0 0; font-size: 11px; width: 10px; }
#AccountMenu .menuColumns a, #AccountMenu .menuColumns label { width: 125px; }
#AccountMenu .statusPoster textarea { width: 265px; }

.tabLinks a:before{ margin: -1px 7px 0 0; font-size: 14px; }
.tabLinks a[href*="/mark-read"]:before{ content: "\f14a" }
.tabLinks a[href*="search/"]:before{ content: "\f002" }
.tabLinks a[href*="watched/forums"]:before{ content: "\f00b" }
.tabLinks a[href*="watched/threads"]:before{ content: "\f03a" }
.tabLinks a[href*="find-new/posts"]:before{ content: "\f0fe" }
.tabLinks a[href*="members/"]:before{ content: "\f007" }
.tabLinks a[href*="online/"]:before{ content: "\f0ac" }
.tabLinks a[href*="recent-activity/"]:before{ content: "\f017" }

.breadcrumb a.jumpMenuTrigger{ background: none transparent; text-indent: 0; text-align: center; }
.breadcrumb a.jumpMenuTrigger:before{ margin: 1px 0 0 0; content: "\f03a"; font-size: 14px; }

<xen:if is="@faForumIcons">.nodeIcon{ background: none transparent !important; text-align: center; }
.nodeIcon:before{ content: "\f075"; color: @altPrimary; font-size: 30px; line-height: 30px; margin: 3px 0 0 0; opacity: 0.15; }
.unread .nodeIcon:before{ content: "\f086"; opacity: 1; }
.link .nodeIcon:before{ content: "\f061"; opacity: 1; }
.page .nodeIcon:before{ content: "\f0f6"; opacity: 1; }</xen:if>

.forum_list .sidebar .section h3:before{ margin: -1px 7px 0 0; content: "\f02b"; font-size: 14px; }
.forum_list .sidebar .section.staffOnline h3:before{ content: "\f0e3"; }
.forum_list .sidebar .section.membersOnline h3:before{ content: "\f017"; }
.forum_list .sidebar .section .statsList h3:before{ content: "\f080"; }
.forum_list .sidebar .section.sharePage h3:before{ content: "\f0ac"; }

.lastThreadTitle{ font-weight: bold; }
.node .nodeLastPost .lastThreadTitle span { float: left; height: 16px; width: 16px; margin: 1px 5px -6px 0; overflow: hidden; 	display: none; }
.node .nodeLastPost .lastThreadTitle span:before{ line-height: 16px; display: block; content: "\f086"; font-size: 14px; color: @mutedTextColor; }

.messageMeta .control:before{
	content: "";
	position: relative;
	margin: -3px 5px 0px -2px;
	font-size: 14px;
	line-height: 0px;
	opacity: 0.7;
}
.messageMeta .control:hover:before{ opacity: 1; }
.messageMeta .control.edit:before{ content: "\f040"; }
.messageMeta .control.delete:before{ content: "\f00d"; }
.messageMeta .control.ip:before{ content: "\f0ac"; }
.messageMeta .control.report:before{ content: "\f165"; }
.messageMeta .control.reply:before{ content: "\f075"; }
.messageMeta .control.like:before{ content: "\f164"; }
.messageMeta .control.unlike:before{ content: "\f165"; }
.messageMeta .control.warn:before{ content: "\f071"; }
.messageMeta .control.deleteSpam:before{ content: "\f014"; }

body .footerLinks a.globalFeed,
body .node .tinyIcon {
	background: #ee8822;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
	color: #fff;
	text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
	border-radius: 3px;
	box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
	text-indent: 0;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}

body .footerLinks a.globalFeed:before,
body .node .tinyIcon:before{ content: "\f09e"; display: block; line-height: 17px; font-size: 12px; }
body .footerLinks a.globalFeed:before{ font-size: 10px; }

.Responsive #QuickSearchPlaceholder {
    background: none transparent;
    border-radius: 0;
    font-size: 14px;
    text-indent: 0px;
    text-align: center;
}

.Responsive #QuickSearchPlaceholder:before{ display: block; height: 16px; line-height: 16px; content: "\f002"; color: #fff; }

</xen:if>

/* Xenfocus fixes */

<xen:if is="!@fontawesome">
.node .nodeLastPost .lastThreadTitle span{
	width: 16px; height: 16px;
	overflow: hidden; text-indent: -999px;
	float: left;
	margin: 1px 5px -6px 0;
	background: url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -80px -16px;
}
</xen:if>
.skin_branding{ float: left; padding-left: 15px; }
.skin_branding a{ float: none; display: inline-block; padding-left: 0; padding-right: 0; }
.insideSidebar{ padding: 10px; }
.node .nodeLastPost .noMessages{ line-height: 36px !important; }
.messageUserBlock .userBanner{ margin-top: 6px; padding-top: 4px; padding-bottom: 4px; }
.quote{ padding-left: 3px; }
/* Fix wider search input */
.formPopup{ width: 256px; }
.xenForm .submitUnit{ padding-top: 5px; }
.navigationSideBar li a.secondaryContent{
	border: 0;
	@property "primaryContent.border";
	border-bottom: 1px solid @primaryLighterStill;
	@property "/primaryContent.border";
}
/* Clear index avatar in sidebar */
.section.visitorPanel .secondaryContent:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.footerLinks a.globalFeed{ width: 16px; height: 16px; margin: 9px 5px 0 5px; }
.thread_create .surplusLabel .textCtrl{ padding-left: 5px; padding-right: 0px; }
.thread_create #ctrl_title_thread_create{ box-shadow: none; padding: 3px; }
.titleBar .prefix{ position: relative; top: -2px; }
.PageNav .pageNavHeader{ margin-right: 7px; }
.PageNav a.text{ padding: 0 7px; }
.messageUserBlock .userTitle{ padding-top: 4px; }
.userBanner{ box-shadow: rgba(0,0,0,0.1) 0px 1px 4px; }
#QuickSearch .moreOptions{ margin: 0 29px 0 115px; }
#QuickSearch .formPopup{ background: none transparent; }
#QuickSearch .Popup .arrowWidget{ margin-left: 2px; margin-top: 0; }
body #moderatorBar{ border: 0; }
/* Align userlinks correctly and remove border from secondaryContent */
.styleChooser .secondaryContent,
.navPopup .secondaryContent,
.secondaryContent.blockLinksList,
#AccountMenu .menuColumns, #jumpMenu .secondaryContent{ border: 0; }
.PageNav .scrollable{ height: 30px; }
.formOverlay.AvatarEditor .avatarOption{ background: none transparent; border: 0; }
.message.deleted .messageMeta .control{ margin-bottom: 0px; }
body .afterDiscussionListHandle{ margin-top: 25px; }
body .textWithCount.subHeading .text{ color: inherit; }
body .textWithCount.subHeading .count{ text-shadow: none; }
body .messageSimple .messageMeta{ line-height: 16px; }
.discussionListItemEdit .textCtrl{ text-shadow: none; }
input[type="submit"], input[type="reset"], label{ cursor: pointer; }
.xenForm.formOverlay .ctrlUnit div.textCtrl{ padding-right: 0; }
#ctrl_title_thread_edit{ box-shadow: none; }
.help_cookies .baseHtml, .help_terms .baseHtml{ padding: 10px; }
#ProfilePostList .messageMeta .control:before{ display: none !important; }
body .xenOverlay.timedMessage{ background: rgba(255,255,255,0.88); }

/* Responsive tweaks */
<xen:if is="@enableResponsive">

@media (max-width:768px){
	.Responsive .pageWidth{
		width: auto;
	}

	.Responsive body .message{ margin-bottom: 10px !important; }

	.Responsive #blurredBackground {display: none; }
	.Responsive #clearBackground{ position: absolute; }
}

@media (max-width:1010px){
	.Responsive .pageWidth{ min-width: 0; }
}

@media (max-width:@maxResponsiveMediumWidth){
	.Responsive #QuickSearch{ top: -25px; right: 15px; }
	.Responsive .message .messageMeta .control{ opacity: 1; }
	.Responsive .messageList .message{ padding: 10px 0; }
	.Responsive .idxStats{ display: none; }
	.Responsive #forums .nodeText{ padding-right: 0; }
}

@media (max-width:@maxResponsiveNarrowWidth){
	.Responsive #logo a.textLogo{ font-size: 45px; }
	.Responsive .navTabs{ border-radius: 0; }
	.Responsive .messageUserBlock{ background: @primaryLightest; border-radius: 4px 4px 0px 0px; border-width: 0px 0px 1px 0px; }
	.Responsive .messageList .message{ padding-top: 0; margin-bottom: 10px; }
	.Responsive .messageUserBlock a.username{ line-height: 14px; }
	.Responsive .messageUserBlock .userBanner{ margin-top: 2px; padding-top: 2px; padding-bottom: 2px; }
	.Responsive .messageUserBlock h3.userText{ padding: 5px 0 0px 8px; }
	.Responsive .message .privateControls .item.muted{
		float: none;
		display: block;
		padding-bottom: 10px;
	}
	.Responsive .message .privateControls, .Responsive .message .publicControls{ float: none; }
	.Responsive .message .publicControls .item{ margin-left: 5px; }
	.Responsive .message .messageMeta .control{ margin-top: 0; margin-bottom: 2px; }
	.Responsive .messageMeta .control:before{ display: none; }
	.Responsive .skin_branding{ padding-left: 8px; }
	.Responsive .skin_branding span{ display: none; }

	<xen:if is="@fontawesome">.Responsive .navTab.account a strong:before, .Responsive .navTab.inbox a:before, .Responsive .navTab.alerts a:before{ display: none; }</xen:if>

}

/* @media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
	.Responsive .navTab.account a strong:before,
	.Responsive .navTab.inbox a:before,
	.Responsive .navTab.alerts a:before{
		background-image: url(@imagePath/xenfocus/userLinkIcons-2x.png);
		background-size: 54px 54px;
	}
} */
</xen:if>

.username .style3:before {

content: "\f121";
font-family: FontAwesome;
margin-right: 4px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.username:hover .style3:before {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

.username .style5:before {

content: "\f0e3";
font-family: FontAwesome;
margin-right: 4px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.username:hover .style5:before {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

.username .style6:before {

content: "\f0e3";
font-family: FontAwesome;
margin-right: 4px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.username:hover .style6:before {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

.username .style4:before {

content: "\f005";
font-family: FontAwesome;
margin-right: 4px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.username:hover .style4:before {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

.username .style7:before {

content: "\f0a1";
font-family: FontAwesome;
margin-right: 4px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.username:hover .style7:before {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

.username .style8:before {

content: "\f004";
font-family: FontAwesome;
margin-right: 4px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.username:hover .style8:before {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

.cm { font-weight: bold;background: #242424!important;border-radius: 2px!important;border: 1px solid #282828!important;padding: 7px;text-align: center!important;box-shadow: 1px 2px 5px rgba(0,0,0,.1); }
.cm.staff:before, .cm.membre:before {font-family: "FontAwesome"!important;padding-right: 5px;}
.cm.staff:before {content: "\f164"!important;}
.cm.membre:before {content: "\f071"!important;}
.cm a {font-weight: bold;color: #15516e;}

#logo img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity 500ms ease;
-moz-transition: opacity 500ms ease;
-ms-transition: opacity 500ms ease;
-o-transition: opacity 500ms ease;
transition: opacity 500ms ease;
}
#logo img:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
}

#messageindex {
    background: url("http://image.noelshack.com/fichiers/2017/20/1495368054-2017-05-21-132508.png");
    border-top: 2px solid #16516F;
    border-bottom: 2px solid #16516F;
    border-left: 2px solid #16516F;
    border-right: 2px solid #16516F;
    border-color: 252525;
    color: #fff;
    text-align: center;
    margin: 50px auto;
    padding: 5px 20px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 1px;
}

.username .style3 {
-webkit-animation:style3 5s linear infinite;
-moz-animation:style3 5s linear infinite;
-ms-animation:style3 5s linear infinite;
-o-animation:style3 5s linear infinite;
animation:style3 5s linear infinite;
}
@-moz-keyframes style3 {
0% { color: #FF1919; }
15% { color: #E019FF; }
30% { color: #4F19FF; }
45% { color: #19A7FF; }
60% { color: #19FFDC; }
75% { color: #65FF19; }
90% { color: #FFE019; }
}
@-webkit-keyframes style3 {
0% { color: #FF1919; }
15% { color: #E019FF; }
30% { color: #4F19FF; }
45% { color: #19A7FF; }
60% { color: #19FFDC; }
75% { color: #65FF19; }
90% { color: #FFE019; }
}

.username .style9:before {

content: "\f17b";
font-family: FontAwesome;
margin-right: 4px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.username:hover .style9:before {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

#messageindex2 {
    background: url("http://image.noelshack.com/fichiers/2017/20/1495368054-2017-05-21-132508.png");
    border-top: 3px solid #16516F;
    border-bottom: 3px solid #16516F;
    border-left: 3px solid #16516F;
    border-right: 3px solid #16516F;
    color: #fff;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 1px;
}

#notice {
    border-top: 3px solid #16516F;
    border-bottom: 3px solid #16516F;
    border-left: 3px solid #16516F;
    border-right: 3px solid #16516F;
}

#moderatorBar a[href*="reports"]:before {
    content: "\f024";
    font-family: FontAwesome;
   margin-right: 5px;
}

#moderatorBar a[href*="admin"]:before {
    content: "\f013";
    font-family: FontAwesome;
   margin-right: 5px;
}

.username .style11:before {

content: "\f06e";
font-family: FontAwesome;
margin-right: 4px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.username:hover .style11:before {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

.publicTabs a.navLink:before { font-family: "FontAwesome"; font-size: 12pt; padding-right: 5px; font-weight: normal!important; }
.forums a.navLink:before { content: "\f015"; }
.resources a.navLink:before { content: "\f085"; }
.taigachat a.navLink:before { content: "\f000";}
.members a.navLink:before { content: "\f0c0";}
.Staff a.navLink:before { content: "\f132";}
.nf_tickets a.navLink:before { content: "\f145";}