<?xml version="1.0" encoding="utf-8"?>
<style title="Modern Gamer - Red (Parent - DO NOT EDIT)" description="A red version of Modern Gamer, by Nulumia" user_selectable="1" base_version_id="2010970" export_version="2">
  <templates>
    <template title="PAGE_CONTAINER" type="public" addon_id="XF" version_id="2010970" version_string="2.1.9"><![CDATA[<!DOCTYPE html>
<html id="XF" lang="{$xf.language.language_code}" dir="{$xf.language.text_direction}"
	data-app="public"
	data-template="{$template}"
	data-container-key="{$containerKey}"
	data-content-key="{$contentKey}"
	data-logged-in="{{ $xf.visitor.user_id ? 'true' : 'false' }}"
	data-cookie-prefix="{$xf.cookie.prefix}"
	data-csrf="{{ csrf_token()|escape('js') }}"
	class="has-no-js {{ $template ? 'template-' . $template : '' }} page_{$pageMode} page_{$containerKey} <xf:include template="nl_body_classes" />"
	{{ $xf.runJobs ? ' data-run-jobs=""' : '' }}>
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">

	<xf:set var="$siteName" value="{$xf.options.boardTitle}" />
	<xf:set var="$h1"><xf:h1 fallback="{$siteName}" /></xf:set>
	<xf:set var="$description"><xf:description /></xf:set>

	<title><xf:title formatter="%s | %s" fallback="{$xf.options.boardTitle}" page="{$pageNumber}" /></title>

	<xf:foreach loop="$head" value="$headTag">
		{$headTag}
	</xf:foreach>

	<xf:if is="!$head.meta_site_name && $siteName is not empty">
		<xf:macro template="metadata_macros" name="site_name" arg-siteName="{$siteName}" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_type">
		<xf:macro template="metadata_macros" name="type" arg-type="website" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_title">
		<xf:macro template="metadata_macros" name="title" arg-title="{{ page_title() ?: $siteName }}" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_description && $description is not empty && $pageDescriptionMeta">
		<xf:macro template="metadata_macros" name="description" arg-description="{$description}" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_share_url">
		<xf:macro template="metadata_macros" name="share_url" arg-shareUrl="{$xf.fullUri}" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_image_url && property('publicMetadataLogoUrl')">
		<xf:macro template="metadata_macros" name="image_url"
			arg-imageUrl="{{ base_url(property('publicMetadataLogoUrl'), true) }}"
			arg-output="{{ true }}" />
	</xf:if>

	<xf:if is="property('nlGoogleFonts') != null">
		{{ property('nlGoogleFonts') }}
	</xf:if>
	<xf:if is="$bgColor OR $bgImage">
		<xf:macro template="bodytag_macros" name="page_inline_styles"
			arg-bgColor="{$bgColor}"
			arg-bgImage="{$bgImage}" />
	</xf:if>
	
	<xf:if is="property('metaThemeColor')">
		<meta name="theme-color" content="{{ parse_less_color(property('metaThemeColor')) }}" />
	</xf:if>

	<xf:macro template="helper_js_global" name="head" arg-app="public" />

	<xf:if is="property('publicFaviconUrl')">
		<link rel="icon" type="image/png" href="{{ base_url(property('publicFaviconUrl'), true) }}" sizes="32x32" />
	</xf:if>
	<xf:if is="property('publicMetadataLogoUrl')">
		<link rel="apple-touch-icon" href="{{ base_url(property('publicMetadataLogoUrl'), true) }}" />
	</xf:if>
	<xf:include template="google_analytics" />
</head>
<body data-template="{$template}">

<div class="p-pageWrapper" id="top">
<!--[XF:theme_hook:html_top]-->
<xf:macro template="nl_theme_hooks" name="html_top" arg-template="{$template}" />
<xf:macro template="nl_helper_macros" name="html_top" arg-template="{$template}" />
<xf:if is="property('nlImportParticlesJs') == true AND property('nlEnableParticlesJsBg') == true">
	<div id="particles-js"></div>
</xf:if>
	
<!--XF:theme_hook:above_staff_bar-->
<xf:macro template="nl_theme_hooks" name="above_staff_bar" arg-template="{$template}" />
<xf:macro template="nl_helper_macros" name="above_staff_bar" arg-template="{$template}" />
	
<xf:if contentcheck="true">
	<div class="p-staffBar">
		<div class="p-staffBar-inner hScroller" data-xf-init="h-scroller">
			<div class="hScroller-scroll">
			<xf:contentcheck>
				<xf:if is="$xf.visitor.is_moderator && $xf.session.unapprovedCounts.total">
					<a href="{{ link('approval-queue') }}" class="p-staffBar-link badgeContainer badgeContainer--highlighted" data-badge="{$xf.session.unapprovedCounts.total|number}">
						{{ phrase('approval_queue') }}
					</a>
				</xf:if>

				<xf:if is="$xf.visitor.is_moderator && !$xf.options.reportIntoForumId && $xf.session.reportCounts.total">
					<a href="{{ link('reports') }}"
						class="p-staffBar-link badgeContainer badgeContainer--visible {{ ($xf.session.reportCounts.total && ($xf.session.reportCounts.lastBuilt > $xf.session.reportLastRead) OR $xf.session.reportCounts.assigned) ? ' badgeContainer--highlighted' : '' }}"
						data-badge="{{ $xf.session.reportCounts.assigned ? $xf.session.reportCounts.assigned|number . ' / ' . $xf.session.reportCounts.total|number : $xf.session.reportCounts.total|number }}"
						title="{{ $xf.session.reportCounts.lastBuilt ? phrase('last_report_update:')|for_attr . ' ' . date_time($xf.session.reportCounts.lastBuilt) : '' }}">
						{{ phrase('reports') }}
					</a>
				</xf:if>

				<xf:if contentcheck="true">
					<a class="p-staffBar-link menuTrigger" data-xf-click="menu" data-xf-key="alt+m" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('moderator') }}</a>
					<div class="menu" data-menu="menu" aria-hidden="true">
						<div class="menu-content">
							<h4 class="menu-header">{{ phrase('moderator_tools') }}</h4>
							<xf:contentcheck>
							<!--[XF:mod_tools_menu:top]-->
							<xf:if is="$xf.visitor.is_moderator">
								<a href="{{ link('approval-queue') }}" class="menu-linkRow">{{ phrase('approval_queue') }}</a>
							</xf:if>
							<xf:if is="$xf.visitor.is_moderator && !$xf.options.reportIntoForumId">
								<a href="{{ link('reports') }}" class="menu-linkRow" title="{{ $xf.session.reportCounts.lastBuilt ? phrase('last_report_update:')|for_attr . ' ' . date_time($xf.session.reportCounts.lastBuilt) : '' }}">{{ phrase('reports') }}</a>
							</xf:if>
							<!--[XF:mod_tools_menu:bottom]-->
							</xf:contentcheck>
						</div>
					</div>
				</xf:if>

				<xf:if is="$xf.visitor.is_admin">
					<a href="{{ base_url('admin.php') }}" class="p-staffBar-link" target="_blank">{{ phrase('admin') }}</a>
				</xf:if>
				<xf:if is="$xf.visitor.is_admin && property('nlShowThemeHookLocations')">
					<span class="p-staffBar-link p-staffBar-link--themeHooks" data-xf-click="toggle" data-target=".p-staffBar-link--themeHooks"><i class="fas fa-terminal"></i> Theme hook locations</span>
				</xf:if>
			</xf:contentcheck>
			</div>
		</div>
	</div>
</xf:if>

<div class="headerProxy"></div>
<xf:macro name="header" arg-visitorHtml="">
<xf:if is="!property('nlUseCompactHeader')">
<!--XF:theme_hook:above_header-->
<xf:macro template="nl_theme_hooks" name="above_header" arg-template="{$template}" />
<xf:macro template="nl_helper_macros" name="above_header" arg-template="{$template}" />
</xf:if>
<header class="p-header" id="header">
	<div class="p-header-inner">
		<div class="p-header-content">
			<!--XF:theme_hook:header_left-->
			<xf:macro template="nl_theme_hooks" name="header_left" arg-template="{$template}" />
			<xf:macro template="nl_helper_macros" name="header_left" arg-template="{$template}" />
			<div class="p-header-logo p-header-logo--image <xf:if is="property('nlLogoPosition') == 'center'">p-header-logo--center</xf:if>">
				<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
					<xf:if is="property('nlEnableTextLogo') == true">
						<div class="p-text-logo">
						<span class="txtLogo1">{{ property('nlPrimaryLogoText') }}</span><xf:if is="property('nlSecondaryLogoText') != null"><span class="txtLogo2">{{ property('nlSecondaryLogoText') }}</span></xf:if>
						</div>
					<xf:else />	
					<img src="{{ base_url(property('publicLogoUrl')) }}"
						alt="{$xf.options.boardTitle}"
						{{ property('publicLogoUrl2x') ? 'srcset="' . base_url(property('publicLogoUrl2x')) . ' 2x"' : '' }} />
					</xf:if>
					<xf:if is="property('nlEnableLogoSubtitle') == true">
						<span class="logoSubtitle">{{ property('nlLogoSubtitle') }}</span>
					</xf:if>
				</a>
			</div>
			
			<xf:if is="property('nlVisitorTabsLocation') == 'logoBlock'">
				<div class="visitorLinks">
					<!--XF:theme_hook:before_visitor_links_list-->
					<xf:macro template="nl_helper_macros" name="before_visitor_links_list" arg-template="{$template}" />
					{$visitorHtml|raw}
					<!--XF:theme_hook:after_visitor_links_list-->
					<xf:macro template="nl_helper_macros" name="after_visitor_links_list" arg-template="{$template}" />
				</div>
			<xf:else />
				
			<xf:if is="property('nlHeaderShowRightBlock')">
				<xf:if contentcheck="true">
					<!--XF:theme_hook:header_content_right-->
					<div class="p-header-right">
						<xf:contentcheck>
							<xf:include template="nl_header_content_right" />
						</xf:contentcheck>
					</div>
				</xf:if>
			</xf:if>
			<!--XF:theme_hook:header_right-->
			<xf:macro template="nl_theme_hooks" name="header_right" arg-template="{$template}" />
			<xf:macro template="nl_helper_macros" name="header_right" arg-template="{$template}" />	
			<xf:ad position="container_header" />
			</xf:if>
		</div>
	</div>
</header>
<xf:if is="!property('nlUseCompactHeader')">
<!--XF:theme_hook:below_header-->
<xf:macro template="nl_theme_hooks" name="below_header" arg-template="{$template}" />
<xf:macro template="nl_helper_macros" name="below_header" arg-template="{$template}" />
</xf:if>
</xf:macro>
	
<xf:set var="$navHtml">
	<nav class="p-nav">
		<div class="p-nav-inner">
			<a class="p-nav-menuTrigger" data-xf-click="off-canvas" data-menu=".js-headerOffCanvasMenu" role="button" tabindex="0">
				<i aria-hidden="true"></i>
				<span class="p-nav-menuText">{{ phrase('menu') }}</span>
			</a>
			
			<!--XF:theme_hook:navigation_left-->
			<xf:macro template="nl_theme_hooks" name="navigation_left" arg-template="{$template}" />
			<xf:macro template="nl_helper_macros" name="navigation_left" arg-template="{$template}" />
	
			<div class="p-nav-smallLogo">
				<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
					<xf:if is="property('nlEnableTextLogo') == true">
						<div class="p-text-logo">
						<span class="txtLogo1">{{ property('nlPrimaryLogoText') }}</span><xf:if is="property('nlSecondaryLogoText') != null"><span class="txtLogo2">{{ property('nlSecondaryLogoText') }}</span></xf:if>
						</div>
					<xf:else />	
					<img src="{{ property('publicLogoUrlSmall') ? base_url(property('publicLogoUrlSmall')) : base_url(property('publicLogoUrl')) }}"
						alt="{$xf.options.boardTitle}"
					{{ property('publicLogoUrl2x') ? 'srcset="' . base_url(property('publicLogoUrl2x')) . ' 2x"' : '' }} />
					</xf:if>
				</a>
			</div>

			<div class="p-nav-scroller hScroller" data-xf-init="h-scroller" data-auto-scroll=".p-navEl.is-selected">
				<div class="hScroller-scroll">
					<ul class="p-nav-list js-offCanvasNavSource">
					<xf:foreach loop="$navTree" key="$navSection" value="$navEntry" i="$i" if="{{ $navSection != $xf.app.defaultNavigationId }}">
						<li>
							<xf:macro name="nav_entry"
								arg-navId="{$navSection}"
								arg-nav="{$navEntry}"
								arg-selected="{{ $navSection == $pageSection }}"
								arg-shortcut="{$i}" />
						</li>
					</xf:foreach>
					</ul>
				</div>
			</div>
			<xf:set var="$visitorHtml">
			<div class="p-nav-opposite">
				<div class="p-navgroup p-account {{ $xf.visitor.user_id ? 'p-navgroup--member' : 'p-navgroup--guest' }}">
					<xf:if is="$xf.visitor.user_id">
						<xf:if is="$xf.visitor.user_state == 'rejected' OR $xf.visitor.user_state == 'disabled'">
							<a href="{{ link('account') }}"
								class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--user">
								<xf:avatar user="$xf.visitor" size="xxs" href="" />
								<span class="p-navgroup-linkText">{$xf.visitor.username}</span>
							</a>

							<a href="{{ link('logout', null, {'t': csrf_token()}) }}" class="p-navgroup-link">
								<span class="p-navgroup-linkText">{{ phrase('log_out') }}</span>
							</a>
						<xf:else />
							<a href="{{ link('account') }}"
								class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--user"
								data-xf-click="menu"
								data-xf-key="{{ phrase('shortcut.visitor_menu')|for_attr }}"
								data-menu-pos-ref="< .p-navgroup"
								aria-expanded="false"
								aria-haspopup="true">
								<xf:avatar user="$xf.visitor" size="xxs" href="" />
								<span class="p-navgroup-linkText">{$xf.visitor.username}</span>
							</a>
							<div class="menu menu--structural menu--wide menu--account" data-menu="menu" aria-hidden="true"
								data-href="{{ link('account/visitor-menu') }}"
								data-load-target=".js-visitorMenuBody">
								<div class="menu-content js-visitorMenuBody">
									<div class="menu-row">
										{{ phrase('loading...') }}
									</div>
								</div>
							</div>

							<a href="{{ link('conversations') }}"
								class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--conversations js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}"
								data-badge="{$xf.visitor.conversations_unread|number}"
								data-xf-click="menu"
								data-xf-key="{{ phrase('shortcut.conversations_menu')|for_attr }}"
								data-menu-pos-ref="< .p-navgroup"
								aria-label="{{ phrase('inbox')|for_attr }}"
								aria-expanded="false"
								aria-haspopup="true">
								<i aria-hidden="true"></i>
								<span class="p-navgroup-linkText">{{ phrase('nav_inbox') }}</span>
							</a>
							<div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
								data-href="{{ link('conversations/popup') }}"
								data-nocache="true"
								data-load-target=".js-convMenuBody">
								<div class="menu-content">
									<h3 class="menu-header">{{ phrase('conversations') }}</h3>
									<div class="js-convMenuBody">
										<div class="menu-row">{{ phrase('loading...') }}</div>
									</div>
									<div class="menu-footer menu-footer--split">
										<span class="menu-footer-main">
											<a href="{{ link('conversations') }}">{{ phrase('show_all...') }}</a>
										</span>
										<xf:if is="$xf.visitor.canStartConversation()">
											<span class="menu-footer-opposite">
												<a href="{{ link('conversations/add') }}">{{ phrase('start_new_conversation') }}</a>
											</span>
										</xf:if>
									</div>
								</div>
							</div>

							<a href="{{ link('account/alerts') }}"
								class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--alerts js-badge--alerts badgeContainer{{ $xf.visitor.alerts_unread ? ' badgeContainer--highlighted' : '' }}"
								data-badge="{$xf.visitor.alerts_unread|number}"
								data-xf-click="menu"
								data-xf-key="{{ phrase('shortcut.alerts_menu')|for_attr }}"
								data-menu-pos-ref="< .p-navgroup"
								aria-label="{{ phrase('alerts')|for_attr }}"
								aria-expanded="false"
								aria-haspopup="true">
								<i aria-hidden="true"></i>
								<span class="p-navgroup-linkText">{{ phrase('nav_alerts') }}</span>
							</a>
							<div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
								data-href="{{ link('account/alerts-popup') }}"
								data-nocache="true"
								data-load-target=".js-alertsMenuBody">
								<div class="menu-content">
									<h3 class="menu-header">{{ phrase('alerts') }}</h3>
									<div class="js-alertsMenuBody">
										<div class="menu-row">{{ phrase('loading...') }}</div>
									</div>
									<div class="menu-footer menu-footer--split">
										<span class="menu-footer-main">
											<a href="{{ link('account/alerts') }}">{{ phrase('show_all...') }}</a>
										</span>
										<span class="menu-footer-opposite">
											<a href="{{ link('account/preferences') }}">{{ phrase('preferences') }}</a>
										</span>
									</div>
								</div>
							</div>
						</xf:if>
						<!--XF:theme_hook:after_visitor_links_logged-->
						<xf:macro template="nl_theme_hooks" name="after_visitor_links_logged" arg-template="{$template}" />
						<xf:macro template="nl_helper_macros" name="after_visitor_links_logged" arg-template="{$template}" />
					<xf:else />
						<a href="{{ link('login') }}" class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--logIn"
							data-xf-click="overlay" data-follow-redirects="on">
							<i aria-hidden="true"></i>
							<span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
						</a>
						<xf:if is="$xf.options.registrationSetup.enabled">
							<a href="{{ link('register') }}" class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--register"
								data-xf-click="overlay" data-follow-redirects="on">
								<i aria-hidden="true"></i>
								<span class="p-navgroup-linkText">{{ phrase('register') }}</span>
							</a>
						</xf:if>
						<!--XF:theme_hook:after_visitor_links_guest-->
						<xf:macro template="nl_theme_hooks" name="after_visitor_links_guest" arg-template="{$template}" />
						<xf:macro template="nl_helper_macros" name="after_visitor_links_guest" arg-template="{$template}" />
					</xf:if>
				</div>

				<div class="p-navgroup p-discovery{{ !$xf.visitor.canSearch() ? ' p-discovery--noSearch' : '' }}">
					<a href="{{ link('whats-new') }}"
						class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--whatsnew"
						aria-label="{{ phrase('whats_new')|for_attr }}"
						title="{{ phrase('whats_new')|for_attr }}">
						<i aria-hidden="true"></i>
						<span class="p-navgroup-linkText">{{ phrase('whats_new') }}</span>
					</a>

					<xf:if is="$xf.visitor.canSearch()">
						<a href="{{ link('search') }}"
							class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--search"
							data-xf-click="menu"
							data-xf-key="{{ phrase('shortcut.search_menu')|for_attr }}"
							aria-label="{{ phrase('search')|for_attr }}"
							aria-expanded="false"
							aria-haspopup="true"
							title="{{ phrase('search')|for_attr }}">
							<i aria-hidden="true"></i>
							<span class="p-navgroup-linkText">{{ phrase('search') }}</span>
						</a>
						<div class="menu menu--structural menu--wide" data-menu="menu" aria-hidden="true">
							<form action="{{ link('search/search') }}" method="post"
								class="menu-content"
								data-xf-init="quick-search">

								<h3 class="menu-header">{{ phrase('search') }}</h3>
								<!--[XF:search_menu:above_input]-->
								<div class="menu-row">
									<xf:if is="$searchConstraints">
										<div class="inputGroup inputGroup--joined">
											<xf:textbox name="keywords"
												placeholder="{{ phrase('search...') }}"
												aria-label="{{ phrase('search') }}"
												data-menu-autofocus="true" />
											<xf:select name="constraints"
												class="js-quickSearch-constraint"
												aria-label="{{ phrase('search_within') }}">

												<xf:option value="">{{ phrase('everywhere') }}</xf:option>
												<xf:foreach loop="$searchConstraints" key="$constraintName" value="$constraint">
													<xf:option value="{$constraint|json}">{$constraintName}</xf:option>
												</xf:foreach>
											</xf:select>
										</div>
									<xf:else />
										<xf:textbox name="keywords"
											placeholder="{{ phrase('search...') }}"
											aria-label="{{ phrase('search') }}"
											data-menu-autofocus="true" />
									</xf:if>
								</div>

								<!--[XF:search_menu:above_title_only]-->
								<div class="menu-row">
									<xf:checkbox standalone="true"><xf:option name="c[title_only]" label="{{ phrase('search_titles_only') }}" /></xf:checkbox>
								</div>
								<!--[XF:search_menu:above_member]-->
								<div class="menu-row">
									<div class="inputGroup">
										<span class="inputGroup-text" id="ctrl_search_menu_by_member">{{ phrase('by:') }}</span>
										<input type="text" class="input" name="c[users]" data-xf-init="auto-complete" placeholder="{{ phrase('member')|for_attr }}" aria-labelledby="ctrl_search_menu_by_member" />
									</div>
								</div>
								<div class="menu-footer">
									<span class="menu-footer-controls">
										<xf:button type="submit" class="button--primary" icon="search" />
										<xf:button href="{{ link('search') }}">{{ phrase('advanced_search...') }}</xf:button>
									</span>
								</div>

								<xf:csrf />
							</form>
						</div>
					</xf:if>
				</div>
			</div>
			</xf:set>
			{$visitorHtml|raw}
		</div>
	</nav>
</xf:set>
<xf:set var="$subNavHtml">
	<xf:if is="$selectedNavChildren is not empty">
		<div class="p-sectionLinks">
			<div class="p-sectionLinks-inner hScroller" data-xf-init="h-scroller">
				<div class="hScroller-scroll">
					<ul class="p-sectionLinks-list">
					<xf:foreach loop="$selectedNavChildren" key="$navId" value="$navEntry" i="$i">
						<li>
							<xf:macro name="nav_entry" arg-navId="{$navId}" arg-nav="{$navEntry}" arg-shortcut="alt+{$i}" />
						</li>
					</xf:foreach>
					</ul>
				</div>
				<!--XF:theme_hook:after_section_links-->
				<xf:macro template="nl_theme_hooks" name="after_section_links" arg-template="{$template}" />
				<xf:macro template="nl_helper_macros" name="after_section_links" arg-template="{$template}" />
			</div>
		</div>
	<xf:elseif is="{$selectedNavEntry}" />
		<div class="p-sectionLinks p-sectionLinks--empty"></div>
	</xf:if>
</xf:set>

<xf:set var="$topbarHtml">
<!--XF:theme_hook:above_topbar-->
<xf:macro template="nl_theme_hooks" name="above_topbar" arg-template="{$template}" />
<xf:macro template="nl_helper_macros" name="above_topbar" arg-template="{$template}" />
<div class="p-topBarController">
	<div id="p-topBar" class="p-header-topbar social-hide-{{ property('nlTopbarSocialLinksHideBelow') }} date-hide-{{ property('nlTopbarDateHideBelow') }} ticker-hide-{{ property('nlTopbarTickerHideBelow') }} html1-hide-{{ property('nlTopbarHtml1HideBelow') }} html2-hide-{{ property('nlTopbarHtml2HideBelow') }}">
		<div class="p-topBar-inner">
			<xf:if contentcheck="true">	
				<div class="p-topBar-left">
					<xf:contentcheck>
						<!--XF:theme_hook:topbar_left-->
						<xf:macro template="nl_theme_hooks" name="topbar_left" arg-template="{$template}" />
						<xf:macro template="nl_helper_macros" name="topbar_left" arg-template="{$template}" />
						<xf:macro name="topbar_loop" arg-pos="farLeft" />
						<xf:macro name="topbar_loop" arg-pos="left" />
					</xf:contentcheck>
				</div>
			</xf:if>
			<xf:if contentcheck="true">
				<div class="p-topBar-center">
					<xf:contentcheck>
						<!--XF:theme_hook:topbar_center-->
						<xf:macro template="nl_theme_hooks" name="topbar_center" arg-template="{$template}" />
						<xf:macro template="nl_helper_macros" name="topbar_center" arg-template="{$template}" />
						<xf:macro name="topbar_loop" arg-pos="centerLeft" />
						<xf:macro name="topbar_loop" arg-pos="center" />
						<xf:macro name="topbar_loop" arg-pos="centerRight" />
					</xf:contentcheck>
				</div>
			</xf:if>
			<xf:if contentcheck="true">
				<div class="p-topBar-right">
					<xf:contentcheck>
						<!--XF:theme_hook:topbar_right-->
						<xf:macro template="nl_theme_hooks" name="topbar_right" arg-template="{$template}" />
						<xf:macro template="nl_helper_macros" name="topbar_right" arg-template="{$template}" />
						<xf:macro name="topbar_loop" arg-pos="right" />
						<xf:macro name="topbar_loop" arg-pos="farRight" />
						<xf:if is="property('nlVisitorTabsLocation') == 'topbar'">
							<div class="p-topbar-group visitorLinks">
								{$visitorHtml|raw}
							</div><!-- end visitorLinks -->
						</xf:if>
					</xf:contentcheck>
				</div>
			</xf:if>
		</div>
	</div>
</div>
<!--XF:theme_hook:below_topbar-->
<xf:macro template="nl_theme_hooks" name="below_topbar" arg-template="{$template}" />
<xf:macro template="nl_helper_macros" name="below_topbar" arg-template="{$template}" />
</xf:set>

<xf:if is="property('nlEnableTopBar')">
	{$topbarHtml|raw}
</xf:if>
	
<xf:if is="property('nlNavigationLocation') == 'default'">
	<xf:macro name="header" arg-visitorHtml="{$visitorHtml}" />
</xf:if>

<xf:if is="property('nlUseCompactHeader')">
	<!--XF:theme_hook:above_header-->
	<xf:macro template="nl_theme_hooks" name="above_header" arg-template="{$template}" />
	<xf:macro template="nl_helper_macros" name="above_header" arg-template="{$template}" />
</xf:if>
<xf:if is="property('publicNavSticky') == 'primary'">
	<div class="p-navSticky p-navSticky--primary p-navController" data-xf-init="sticky-header">
		{$navHtml|raw}
	</div>
	{$subNavHtml|raw}
<xf:elseif is="property('publicNavSticky') == 'all'" />
	<div class="p-navSticky p-navSticky--all p-navController" data-xf-init="sticky-header">
		{$navHtml|raw}
		{$subNavHtml|raw}
	</div>
<xf:else />
	<div class="p-navController">
		{$navHtml|raw}
		{$subNavHtml|raw}
	</div>
</xf:if>
<xf:if is="property('nlUseCompactHeader')">
	<!--XF:theme_hook:below_header-->
	<xf:macro template="nl_theme_hooks" name="below_header" arg-template="{$template}" />
	<xf:macro template="nl_helper_macros" name="below_header" arg-template="{$template}" />
</xf:if>
<xf:if is="property('nlNavigationLocation') == 'above'">
	<xf:macro name="header" arg-visitorHtml="{$visitorHtml}" />
</xf:if>
<div class="offCanvasMenu offCanvasMenu--nav js-headerOffCanvasMenu" data-menu="menu" aria-hidden="true" data-ocm-builder="navigation">
	<div class="offCanvasMenu-backdrop" data-menu-close="true"></div>
	<div class="offCanvasMenu-content">
		<div class="offCanvasMenu-header">
			<xf:if is="property('nlSlideMenuHeaderMode') == 'label'">
			{{ phrase('menu') }}
			<xf:elseif is="property('nlSlideMenuHeaderMode') == 'logo'" />
				<img src="{{ property('publicLogoUrlSmall') ? base_url(property('publicLogoUrlSmall')) : base_url(property('publicLogoUrl')) }}"
						alt="{$xf.options.boardTitle}"
					{{ property('publicLogoUrl2x') ? 'srcset="' . base_url(property('publicLogoUrl2x')) . ' 2x"' : '' }} />
			</xf:if>
			<a class="offCanvasMenu-closer" data-menu-close="true" role="button" tabindex="0" aria-label="{{ phrase('close')|for_attr }}"></a>
		</div>
		<xf:if is="$xf.visitor.user_id">
			<div class="p-offCanvasAccountLink">
				<div class="offCanvasMenu-linkHolder">
					<a href="{{ link('account') }}" class="offCanvasMenu-link">
						<xf:avatar user="$xf.visitor" size="xxs" href="" />
						{$xf.visitor.username}
					</a>
				</div>
				<hr class="offCanvasMenu-separator" />
			</div>
		<xf:else />
			<div class="p-offCanvasRegisterLink">
				<div class="offCanvasMenu-linkHolder">
					<a href="{{ link('login') }}" class="offCanvasMenu-link" data-xf-click="overlay" data-menu-close="true">
						{{ phrase('log_in') }}
					</a>
				</div>
				<hr class="offCanvasMenu-separator" />
				<xf:if is="$xf.options.registrationSetup.enabled">
					<div class="offCanvasMenu-linkHolder">
						<a href="{{ link('register') }}" class="offCanvasMenu-link" data-xf-click="overlay" data-menu-close="true">
							{{ phrase('register') }}
						</a>
					</div>
					<hr class="offCanvasMenu-separator" />
				</xf:if>
			</div>
		</xf:if>
		<div class="js-offCanvasNavTarget"></div>
	</div>
</div>
	
<xf:if is="property('nlPageTitleLayout') == 'welcome' AND !((property('nlPageHeaderHideForumList') == true AND $template == 'forum_list') OR (property('nlPageHeaderHideXenPorta') == true AND $template == 'EWRporta_articles_index'))">
	<xf:if contentcheck="true">
		
		<xf:if is="property('nlPageHeaderUseJsParallax') == true">
			<xf:set var="$pageHeaderBg" value="{{ property('nlPageHeader--background-image') }}"></xf:set>
			<div class="p-page-header parallax-window" data-parallax="scroll" data-position-y="{{ property('nlPageHeaderBgAttachment') }}" data-mirror-container=".p-page-header" data-image-src="{{ base_url({$pageHeaderBg|replace({'url("': null})|replace({'")': null})}) }}">
		<xf:else />
			<div class="p-page-header">	
		</xf:if>
		<xf:if is="property('nlImportParticlesJs') == true AND property('nlPageHeaderRowAddParticles') == true">
			<div id="particles-js2"></div>
		</xf:if>
				
		<div class="p-page-header-inner flex f-v-stretch">
			<xf:contentcheck>
				<xf:if is="$headerHtml is not empty">
					<div class="p-body-header">
						{$headerHtml|raw}
					</div>
				<xf:elseif contentcheck="true" />
					<div class="p-body-header">
					<xf:contentcheck>
						<xf:if contentcheck="true">
							<div class="p-title {{ $noH1 ? 'p-title--noH1' : '' }}">
							<xf:contentcheck>
								<xf:if is="!$noH1">
									<h1 class="p-title-value">{$h1}</h1>
								</xf:if>
							</xf:contentcheck>
							</div>
						</xf:if>

						<xf:if is="$description is not empty">
							<div class="p-description">{$description}</div>
						</xf:if>
					</xf:contentcheck>
					</div>
				</xf:if>

				<xf:macro name="breadcrumbs"
					arg-breadcrumbs="{$breadcrumbs}"
					arg-navTree="{$navTree}"
					arg-selectedNavEntry="{$selectedNavEntry}"
					arg-variant="pageHeader" />
				</xf:contentcheck>
			</div>
		</div>
	</xf:if>
</xf:if>

<div class="p-body">
	<div class="page_top">
	<div class="page_bot">
	<div class="p-body-inner">
		<!--XF:EXTRA_OUTPUT-->
		
		<!--XF:theme_hook:above_content_wide-->
		<xf:macro template="nl_theme_hooks" name="above_content_wide" arg-template="{$template}" />
		<xf:macro template="nl_helper_macros" name="above_content_wide" arg-template="{$template}" />
		
		<!--XF:theme_hook:above_notices-->
		<xf:macro template="nl_theme_hooks" name="above_notices" arg-template="{$template}" />
		<xf:macro template="nl_helper_macros" name="above_notices" arg-template="{$template}" />
		
		<xf:if is="$notices.block">
			<xf:macro template="notice_macros" name="notice_list" arg-type="block" arg-notices="{$notices.block}" />
		</xf:if>

		<xf:if is="$notices.scrolling">
			<xf:macro template="notice_macros" name="notice_list" arg-type="scrolling" arg-notices="{$notices.scrolling}" />
		</xf:if>
		
		<!--XF:theme_hook:below_notices-->
		<xf:macro template="nl_theme_hooks" name="below_notices" arg-template="{$template}" />
		<xf:macro template="nl_helper_macros" name="below_notices" arg-template="{$template}" />

		<xf:ad position="container_breadcrumb_top_above" />
		<xf:if is="property('nlPageTitleLayout') == 'default'">
			
		<!--XF:theme_hook:above_top_breadcrumb-->
		<xf:macro template="nl_theme_hooks" name="above_top_breadcrumb" arg-template="{$template}" />
		<xf:macro template="nl_helper_macros" name="above_top_breadcrumb" arg-template="{$template}" />

		<xf:macro name="breadcrumbs"
			arg-breadcrumbs="{$breadcrumbs}"
			arg-navTree="{$navTree}"
			arg-selectedNavEntry="{$selectedNavEntry}"
			arg-variant="top" />
			
		<!--XF:theme_hook:below_top_breadcrumb-->
		<xf:macro template="nl_theme_hooks" name="below_top_breadcrumb" arg-template="{$template}" />
		<xf:macro template="nl_helper_macros" name="below_top_breadcrumb" arg-template="{$template}" />
		</xf:if>
		<xf:ad position="container_breadcrumb_top_below" />

		<xf:macro template="browser_warning_macros" name="javascript" />
		<xf:macro template="browser_warning_macros" name="browser" />

		<xf:macro name="page_title">
		<xf:if is="$headerHtml is not empty">
			<div class="p-body-header">
				{$headerHtml|raw}
			</div>
		<xf:elseif contentcheck="true" />
			<div class="p-body-header">
			<xf:contentcheck>
				<xf:if contentcheck="true">
					<div class="p-title {{ $noH1 ? 'p-title--noH1' : '' }}">
					<xf:contentcheck>
						<xf:if is="!$noH1">
							<h1 class="p-title-value">{$h1}</h1>
						</xf:if>
						<xf:if contentcheck="true">
							<div class="p-title-pageAction"><xf:contentcheck><xf:pageaction /></xf:contentcheck></div>
						</xf:if>
					</xf:contentcheck>
					</div>
				</xf:if>

				<xf:if is="$description is not empty">
					<div class="p-description">{$description}</div>
				</xf:if>
			</xf:contentcheck>
			</div>
		</xf:if>
		</xf:macro>
		
		<xf:if is="property('nlPageTitleLayout') == 'default'">
			<xf:macro name="page_title" />
		</xf:if>

		<div class="p-body-main {{ $sidebar ? 'p-body-main--withSidebar' : '' }} {{ $sideNav ? 'p-body-main--withSideNav' : '' }}">
			<xf:if is="$sideNav">
				<div class="p-body-sideNav">
					<div class="p-body-sideNavTrigger">
						<xf:button class="button--link" data-xf-click="off-canvas" data-menu="#js-SideNavOcm">
							{{ $sideNavTitle ?: phrase('navigation') }}
						</xf:button>
					</div>
					<div class="p-body-sideNavInner" data-ocm-class="offCanvasMenu offCanvasMenu--blocks" id="js-SideNavOcm" data-ocm-builder="sideNav">
						<div data-ocm-class="offCanvasMenu-backdrop" data-menu-close="true"></div>
						<div data-ocm-class="offCanvasMenu-content">
							<div class="p-body-sideNavContent">
								<xf:ad position="container_sidenav_above" />
								<!--XF:theme_hook:above_sidenav-->
								<xf:macro template="nl_theme_hooks" name="above_sidenav" arg-template="{$template}" />
								<xf:macro template="nl_helper_macros" name="above_sidenav" arg-template="{$template}" />
								<xf:foreach loop="$sideNav" value="$sideNavHtml">
									{$sideNavHtml}
								</xf:foreach>
								<xf:ad position="below_sidenav" />
								<!--XF:theme_hook:sidenav_top-->
								<xf:macro template="nl_theme_hooks" name="below_sidenav" arg-template="{$template}" />
								<xf:macro template="nl_helper_macros" name="below_sidenav" arg-template="{$template}" />
							</div>
						</div>
					</div>
				</div>
			</xf:if>

			<div class="p-body-content">
				
				<xf:if is="property('nlPageTitleLayout') == 'aside'">
					
					<xf:macro name="breadcrumbs"
						arg-breadcrumbs="{$breadcrumbs}"
						arg-navTree="{$navTree}"
						arg-selectedNavEntry="{$selectedNavEntry}"
						arg-variant="top" />
					<xf:macro name="page_title" />
					
				<xf:elseif is="property('nlPageTitleLayout') == 'welcome' AND !((property('nlPageHeaderHideForumList') == true AND $template == 'forum_list') OR (property('nlPageHeaderHideXenPorta') == true AND $template == 'EWRporta_articles_index'))" />
					<xf:if contentcheck="true">
						<div class="p-body-header">
							<div class="p-title-pageAction"><xf:contentcheck><xf:pageaction /></xf:contentcheck></div>
						</div>
					</xf:if>
				<xf:elseif is="property('nlPageTitleLayout') == 'welcome' AND ((property('nlPageHeaderHideForumList') == true AND $template == 'forum_list') OR (property('nlPageHeaderHideXenPorta') == true AND $template == 'EWRporta_articles_index'))" />
					<xf:macro name="breadcrumbs"
						arg-breadcrumbs="{$breadcrumbs}"
						arg-navTree="{$navTree}"
						arg-selectedNavEntry="{$selectedNavEntry}"
						arg-variant="top" />

					<xf:macro name="page_title" />
				</xf:if>
				<xf:ad position="container_content_above" />
				<div class="p-body-pageContent">
					<!--XF:theme_hook:above_content_narrow-->
					<xf:macro template="nl_theme_hooks" name="above_content_narrow" arg-template="{$template}" />
					<xf:macro template="nl_helper_macros" name="above_content_narrow" arg-template="{$template}" />
					{$content|raw}
					<!--XF:theme_hook:below_content_narrow-->
					<xf:macro template="nl_theme_hooks" name="below_content_narrow" arg-template="{$template}" />
					<xf:macro template="nl_helper_macros" name="below_content_narrow" arg-template="{$template}" />
				</div>
				<xf:ad position="container_content_below" />
			</div>

			<xf:if is="$sidebar">
				<div class="p-body-sidebar">
					<xf:ad position="container_sidebar_above" />
					<!--XF:theme_hook:above_sidebar-->
					<xf:macro template="nl_theme_hooks" name="above_sidebar" arg-template="{$template}" />
					<xf:macro template="nl_helper_macros" name="above_sidebar" arg-template="{$template}" />
					<xf:foreach loop="$sidebar" value="$sidebarHtml">
						{$sidebarHtml}
					</xf:foreach>
					<xf:ad position="container_sidebar_below" />
					<!--XF:theme_hook:below_sidebar-->
					<xf:macro template="nl_theme_hooks" name="below_sidebar" arg-template="{$template}" />
					<xf:macro template="nl_helper_macros" name="below_sidebar" arg-template="{$template}" />
				</div>
			</xf:if>
		</div>

		<xf:ad position="container_breadcrumb_bottom_above" />
		<xf:if is="property('nlHideBottomBreadcrumb') == false">
		<!--XF:theme_hook:above_bottom_breadcrumb-->
		<xf:macro template="nl_theme_hooks" name="above_bottom_breadcrumb" arg-template="{$template}" />
		<xf:macro template="nl_helper_macros" name="above_bottom_breadcrumb" arg-template="{$template}" />
		<xf:macro name="breadcrumbs"
			arg-breadcrumbs="{$breadcrumbs}"
			arg-navTree="{$navTree}"
			arg-selectedNavEntry="{$selectedNavEntry}"
			arg-variant="bottom" />
		<!--XF:theme_hook:below_bottom_breadcrumb-->
		<xf:macro template="nl_theme_hooks" name="below_bottom_breadcrumb" arg-template="{$template}" />
		<xf:macro template="nl_helper_macros" name="below_bottom_breadcrumb" arg-template="{$template}" />
		</xf:if>
		<xf:ad position="container_breadcrumb_bottom_below" />
		<!--XF:theme_hook:below_content_wide-->
		<xf:macro template="nl_theme_hooks" name="below_content_wide" arg-template="{$template}" />
		<xf:macro template="nl_helper_macros" name="below_content_wide" arg-template="{$template}" />
	</div>
	</div> <!-- end page bottom -->
	</div> <!-- end page top -->
</div>
	
<!--XF:theme_hook:between_footer-->
<xf:macro template="nl_theme_hooks" name="between_footer" arg-template="{$template}" />
<xf:macro template="nl_helper_macros" name="between_footer" arg-template="{$template}" />

<footer class="p-footer" id="footer">
	<div class="p-footer-wrapper">

	<xf:set var="$footerLinksHtml">
		<!--XF:theme_hook:above_footer_links-->
		<xf:macro template="nl_theme_hooks" name="above_footer_links" arg-template="{$template}" />
		<xf:macro template="nl_helper_macros" name="above_footer_links" arg-template="{$template}" />

		<div class="p-footer-row p-footer-links">
			<div class="p-footer-inner">
			<xf:if contentcheck="true">
				<div class="p-footer-row-main">
					<ul class="p-footer-linkList">
					<xf:contentcheck>
						<xf:if is="$xf.visitor.canChangeStyle()">
							<li><a href="{{ link('misc/style') }}" data-xf-click="overlay"
								data-xf-init="tooltip" title="{{ phrase('style_chooser')|for_attr }}" rel="nofollow">
								<xf:fa icon="fa-paint-brush" /> {$xf.style.title}
							</a></li>
						</xf:if>
						<xf:if is="$xf.visitor.canChangeLanguage()">
							<li><a href="{{ link('misc/language') }}" data-xf-click="overlay"
								data-xf-init="tooltip" title="{{ phrase('language_chooser')|for_attr }}" rel="nofollow">
								<xf:fa icon="fa-globe" /> {$xf.language.title}</a></li>
						</xf:if>
					</xf:contentcheck>
					</ul>
				</div>
			</xf:if>
			<div class="p-footer-row-opposite">
				<ul class="p-footer-linkList">
					<xf:if is="$xf.visitor.canUseContactForm()">
						<xf:if is="$xf.contactUrl">
							<li><a href="{$xf.contactUrl}" data-xf-click="{{ ($xf.options.contactUrl.overlay OR $xf.options.contactUrl.type == 'default') ? 'overlay' : '' }}">{{ phrase('contact_us') }}</a></li>
						</xf:if>
					</xf:if>

					<xf:if is="$xf.tosUrl">
						<li><a href="{$xf.tosUrl}">{{ phrase('terms_and_rules') }}</a></li>
					</xf:if>

					<xf:if is="$xf.privacyPolicyUrl">
						<li><a href="{$xf.privacyPolicyUrl}">{{ phrase('privacy_policy') }}</a></li>
					</xf:if>

					<xf:if is="$xf.helpPageCount">
						<li><a href="{{ link('help') }}">{{ phrase('help') }}</a></li>
					</xf:if>

					<xf:if is="$xf.homePageUrl">
						<li><a href="{$xf.homePageUrl}">{{ phrase('home') }}</a></li>
					</xf:if>

					<li><a href="{{ link('forums/index.rss', '-') }}" target="_blank" class="p-footer-rssLink" title="{{ phrase('rss')|for_attr }}"><span aria-hidden="true"><xf:fa icon="fa-rss" /><span class="u-srOnly">{{ phrase('rss') }}</span></span></a></li>
				</ul>
			</div>
			</div>
		</div>
		<!--XF:theme_hook:below_footer_links-->
		<xf:macro template="nl_theme_hooks" name="below_footer_links" arg-template="{$template}" />
		<xf:macro template="nl_helper_macros" name="below_footer_links" arg-template="{$template}" />
	</xf:set>

	<xf:set var="$footerCopyrightHtml">
		<!--XF:theme_hook:above_footer_copyright-->
		<xf:macro template="nl_theme_hooks" name="above_footer_copyright" arg-template="{$template}" />
		<xf:macro template="nl_helper_macros" name="above_footer_copyright" arg-template="{$template}" />
		<xf:if contentcheck="true">
			<div class="p-footer-row p-footer-copyright {{ property('nlFooterCopyrightItemDisplay') == 'compact' ? 'condense' : '' }}">
			<div class="p-footer-inner">
			<xf:contentcheck>
				<xf:copyright />
				{{ phrase('extra_copyright') }}
				<xf:include template="nl_footer_copyright" />
			</xf:contentcheck>
			<xf:if is="property('nlFooterLinksBarPosition') == 'combineCopyright'">
				{$footerLinksHtml|raw}
			</xf:if>
			</div>
			</div>
		</xf:if>
		<!--XF:theme_hook:below_footer_copyright-->
		<xf:macro template="nl_theme_hooks" name="below_footer_copyright" arg-template="{$template}" />
		<xf:macro template="nl_helper_macros" name="below_footer_copyright" arg-template="{$template}" />
	</xf:set>

	<xf:set var="$footerDebugHtml">
		<xf:if contentcheck="true">
			<div class="p-footer-row p-footer-debug">
			<div class="p-footer-inner">
			<xf:contentcheck>
				<xf:macro template="debug_macros" name="debug"
					arg-controller="{$controller}"
					arg-action="{$actionMethod}"
					arg-template="{$template}" />
			</xf:contentcheck>
			</div>
			</div>
		</xf:if>
	</xf:set>

		<xf:if is="property('nlFooterLinksBarPosition') == 'default'">
		{$footerLinksHtml|raw}
		</xf:if>

		<!--XF:theme_hook:main_footer_content-->
		<xf:macro template="nl_theme_hooks" name="main_footer_content" arg-template="{$template}" />
		<xf:macro template="nl_helper_macros" name="main_footer_content" arg-template="{$template}" />

		<xf:if is="property('nlFooterLinksBarPosition') == 'aboveCopyright'">
			{$footerLinksHtml|raw}
		</xf:if>

		{$footerCopyrightHtml|raw}

		<xf:if is="property('nlFooterLinksBarPosition') == 'belowCopyright'">
			{$footerLinksHtml|raw}
		</xf:if>

		{$footerDebugHtml|raw}

	</div>
</footer>
<!--XF:theme_hook:html_bottom-->
<xf:macro template="nl_theme_hooks" name="html_bottom" arg-template="{$template}" />
<xf:macro template="nl_helper_macros" name="html_bottom" arg-template="{$template}" />

</div> <!-- closing p-pageWrapper -->

<div class="u-bottomFixer js-bottomFixTarget">
	<xf:if is="$notices.floating">
		<xf:macro template="notice_macros" name="notice_list" arg-type="floating" arg-notices="{$notices.floating}" />
	</xf:if>
	<xf:if is="$notices.bottom_fixer">
		<xf:macro template="notice_macros" name="notice_list" arg-type="bottom_fixer" arg-notices="{$notices.bottom_fixer}" />
	</xf:if>
</div>

<xf:if is="property('scrollJumpButtons')">
	<div class="u-scrollButtons js-scrollButtons" data-trigger-type="{{ property('scrollJumpButtons') }}">
		<xf:button href="#top" class="button--scroll" data-xf-click="scroll-to"><xf:fa icon="fa-arrow-up" /><span class="u-srOnly">{{ phrase('top') }}</span></xf:button>
		<xf:if is="property('scrollJumpButtons') != 'up'">
			<xf:button href="#footer" class="button--scroll" data-xf-click="scroll-to"><xf:fa icon="fa-arrow-down" /><span class="u-srOnly">{{ phrase('bottom') }}</span></xf:button>
		</xf:if>
	</div>
</xf:if>

<xf:macro template="helper_js_global" name="body" arg-app="public" arg-jsState="{$jsState}" />

<xf:if is="count($xf.reactionsActive) > 1">
	<script type="text/template" id="xfReactTooltipTemplate">
		<div class="tooltip-content-inner">
			<div class="reactTooltip">
				<xf:foreach loop="$xf.reactionsActive" key="$reactionId" value="$reaction">
					<xf:reaction id="{$reactionId}" tooltip="true" />
				</xf:foreach>
			</div>
		</div>
	</script>
</xf:if>

{$ldJsonHtml|raw}

</body>
</html>

<xf:macro name="nav_entry" arg-navId="!" arg-nav="!" arg-selected="{{ false }}" arg-shortcut="">
	<div class="p-navEl {{ $selected ? 'is-selected' : '' }}" {{ $nav.children ? 'data-has-children="true"' : '' }}>
		<xf:if is="$nav.href">

			<xf:macro name="nav_link"
				arg-navId="{$navId}"
				arg-nav="{$nav}"
				arg-class="p-navEl-link {{ $nav.children ? 'p-navEl-link--splitMenu' : '' }}"
				arg-shortcut="{{ $nav.children ? false : $shortcut }}" />

			<xf:if is="$nav.children"><a data-xf-key="{$shortcut}"
				data-xf-click="menu"
				data-menu-pos-ref="< .p-navEl"
				class="p-navEl-splitTrigger"
				role="button"
				tabindex="0"
				aria-label="{{ phrase('toggle_expanded')|for_attr }}"
				aria-expanded="false"
				aria-haspopup="true"></a></xf:if>

		<xf:elseif is="$nav.children" /><a data-xf-key="{$shortcut}"
			data-xf-click="menu"
			data-menu-pos-ref="< .p-navEl"
			class="p-navEl-linkHolder"
			role="button"
			tabindex="0"
			aria-expanded="false"
			aria-haspopup="true">
			<xf:macro name="nav_link"
				arg-navId="{$navId}"
				arg-nav="{$nav}"
				arg-class="p-navEl-link p-navEl-link--menuTrigger" />
		</a>

		<xf:else />

			<xf:macro name="nav_link"
				arg-navId="{$navId}"
				arg-nav="{$nav}"
				arg-class="p-navEl-link"
				arg-shortcut="{$shortcut}" />

		</xf:if>
		<xf:if is="$nav.children">
			<div class="menu menu--structural" data-menu="menu" aria-hidden="true">
				<div class="menu-content">
					<xf:foreach loop="$nav.children" key="$childNavId" value="$child">
						<xf:macro name="nav_menu_entry"
							arg-navId="{$childNavId}"
							arg-nav="{$child}" />
					</xf:foreach>
				</div>
			</div>
		</xf:if>
	</div>
</xf:macro>

<xf:macro name="nav_link" arg-navId="!" arg-nav="!" arg-class="" arg-titleHtml="" arg-shortcut="{{ false }}">
	<xf:set var="$tag" value="{{ $nav.href ? 'a' : 'span' }}" />
	<{$tag} {{ $nav.href ? 'href="' . $nav.href . '"' : '' }}
		class="{{ trim($class) }} {$nav.attributes.class}"
		{{ attributes($nav.attributes, ['class']) }}
		{{ $shortcut !== false ? 'data-xf-key="' . $shortcut . '"' : '' }}
		data-nav-id="{$navId}"><xf:if is="$nav.icon"><xf:fa icon="{$nav.icon}" /> </xf:if>{{ $titleHtml ? $titleHtml|raw : $nav.title }}<xf:if is="$nav.counter"> <span class="badge badge--highlighted">{$nav.counter|number}</span></xf:if></{$tag}>
</xf:macro>

<xf:macro name="nav_menu_entry" arg-navId="!" arg-nav="!" arg-depth="0">
	<xf:macro name="nav_link"
		arg-navId="{$navId}"
		arg-nav="{$nav}"
		arg-class="menu-linkRow u-indentDepth{$depth} js-offCanvasCopy" />
	<xf:if is="$nav.children">
		<xf:foreach loop="$nav.children" key="$childNavId" value="$child">
			<xf:macro name="nav_menu_entry"
				arg-navId="{$childNavId}"
				arg-nav="{$child}"
				arg-depth="{{ $depth + 1 }}" />
		</xf:foreach>
		<xf:if is="$depth == 0">
			<hr class="menu-separator" />
		</xf:if>
	</xf:if>
</xf:macro>

<xf:macro name="breadcrumbs" arg-breadcrumbs="!" arg-navTree="!" arg-selectedNavEntry="{{ null }}" arg-variant="">
	<xf:if contentcheck="true">
		<ul class="p-breadcrumbs {{ $variant ? 'p-breadcrumbs--' . $variant : '' }}{{ property('nlUseXF1Breadcrumb') ? ' block-container p-breadcrumbs--xf1' : '' }}{{ property('nlBreadcrumbHomeIcon') ? ' with-icon' : ''}}{{ property('nlBreadcrumbHideHomeLabel') ? ' hide-label' : ''}}"
			itemscope itemtype="https://schema.org/BreadcrumbList">
		<xf:contentcheck>
			<xf:set var="$position" value="{{ 0 }}" />

			<xf:set var="$rootBreadcrumb" value="{$navTree.{$xf.options.rootBreadcrumb}}" />
			<xf:if is="$rootBreadcrumb AND $rootBreadcrumb.href != $xf.uri">
				<xf:set var="$position" value="{{ $position + 1 }}" />
				<xf:macro name="crumb"
					arg-position="{$position}"
					arg-href="{$rootBreadcrumb.href}"
					arg-value="{$rootBreadcrumb.title}" />
			</xf:if>
			<!--custom -->
			<xf:if is="$selectedNavEntry && $selectedNavEntry.href && $selectedNavEntry.href == $xf.uri && $selectedNavEntry.href != $rootBreadcrumb.href">
				<xf:set var="$position" value="{{ $position + 1 }}" />
				<xf:macro name="crumb"
					arg-position="{$position}"
					arg-href="{$selectedNavEntry.href}"
					arg-value="{$selectedNavEntry.title}" />
			</xf:if>
			<xf:if is="$selectedNavEntry && $selectedNavEntry.href && $selectedNavEntry.href != $xf.uri && $selectedNavEntry.href != $rootBreadcrumb.href">
				<xf:set var="$position" value="{{ $position + 1 }}" />
				<xf:macro name="crumb"
					arg-position="{$position}"
					arg-href="{$selectedNavEntry.href}"
					arg-value="{$selectedNavEntry.title}" />
			</xf:if>
			<xf:foreach loop="$breadcrumbs" value="$breadcrumb" if="$breadcrumb.href != $xf.uri">
				<xf:set var="$position" value="{{ $position + 1 }}" />
				<xf:macro name="crumb"
					arg-position="{$position}"
					arg-href="{$breadcrumb.href}"
					arg-value="{$breadcrumb.value}" />
			</xf:foreach>

		</xf:contentcheck>
		</ul>
	</xf:if>
</xf:macro>

<xf:macro name="crumb" arg-href="!" arg-value="!" arg-position="{{ 0 }}">
	<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
		<a href="{$href}" itemprop="item">
			<span itemprop="name">{$value}</span>
		</a>
		<xf:if is="$position"><meta itemprop="position" content="{$position}" /></xf:if>
		<xf:if is="property('nlUseXF1Breadcrumb') == true">
			<span class="arrow"><span></span></span>
		</xf:if>
	</li>
</xf:macro>
	
<xf:macro name="topbar_loop" arg-pos="!">
	<xf:if is="property('nlSocialLinksLoc1') && property('nlTopbarSocialLinksPos') == {$pos}">
		<div class="p-topbar-group group--social">
			<xf:macro template="nl_social_macros" name="social_icons" arg-location="topbar" />
		</div>
	</xf:if>
	<xf:if is="property('nlTopbarShowDate') && property('nlTopbarDatePos') == {$pos}">
		<div class="p-topbar-group group--date">
			<div class="p-topbar-item">
				<xf:if is="property('nlTopbarDateFormat') == 'date'">
					{{date($xf.time)}}
				<xf:elseif is="property('nlTopbarDateFormat') == 'time'" />
					{{time($xf.time)}}
				<xf:elseif is="property('nlTopbarDateFormat') == 'dateTime'" />
					{{date($xf.time)}}, {{time($xf.time)}}
				</xf:if>
			</div>
		</div>
	</xf:if>
	<xf:if is="property('nlTopbarShowTicker') && property('nlEnableTicker') && property('nlTopbarTickerPos') == {$pos}">
		<div class="p-topbar-group group--ticker">	
			<xf:macro template="nl_ticker_macros" name="ticker" arg-location="topbar" />
		</div>
	</xf:if>
	<xf:if is="property('nlTopbarShowHtml1') && property('nlTopbarHtml1Pos') == {$pos}">
		<div class="p-topbar-group group--html group--html1">
			{{ property('nlTopbarHtml1') }}
		</div>
	</xf:if>
	<xf:if is="property('nlTopbarShowHtml2') && property('nlTopbarHtml2Pos') == {$pos}">
		<div class="p-topbar-group group--html group--html2">
			{{ property('nlTopbarHtml2') }}
		</div>
	</xf:if>
		
</xf:macro>]]></template>
    <template title="_page_node.48" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<h2 class="h-300 h-align-center">
	Free &amp; Pro Theme Features
</h2>
<table id="theme-compare-table" class="table-compare" cellspacing="" cellpadding="">
	<thead>
		<tr>
			<td></td>
			<td>FREE</td>
			<td>PRO</td>
		</tr>
	</thead>
	<tbody id="main-features">
		<tr class="sub-heading">
			<th colspan="3">Main features</th>
		</tr>
		<tr>
			<td>Toggle full width</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Add external scripts and assets</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Styled browser scrollbar</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr class="premier">
			<td>Slideshow</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr class="premier">
			<td>Advanced footer (columns, blocks &amp; rows)</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr class="premier">
			<td>Featured content carousel</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr class="premier">
			<td>Partner logo carousel</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr class="premier">
			<td>Social profiles</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr class="premier">
			<td>Node grid &amp; node backgrounds</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr class="premier">
			<td>Scrolling ticker</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
	</tbody>
	<tbody id="basic-features">
		<tr class="sub-heading">
			<th colspan="3">Miscellaneous</th>
		</tr>
		<tr>
			<td>Set style image folder path</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Expanded Color Palette &amp; Basic Colors</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Embed custom Google Fonts</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Expanded Typography settings (customize headings &amp; H1-H5 tags)</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>One-click import libraries (Particles.js, Parallax.js, CSS AnimateIt etc)</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		
	</tbody>
	<tbody id="background-features">
		<tr class="sub-heading">
			<th colspan="3">Backgrounds</th>
		</tr>
		<tr>
			<td>Full custom wallpaper</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Particles.js animated background</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Background slideshow (up to five backgrounds with transitions)</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Set backgrounds for tablet and mobile</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Auto-adjust text against dark backgrounds</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
	</tbody>
	<tbody id="header-features">
		<tr class="sub-heading">
			<th colspan="3">Header &amp; navigation</th>
		</tr>
		<tr>
			<td>Expanded Style Properties</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Add top bar</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Text based logo</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Logo motto / subtitle</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Toggle full width header</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Logo left or center</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Set logo width &amp; height</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>URL and size for navigation small logo</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Use mobile menu expand icon instead of navigation tabs</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Move mobile menu &amp; icon left or right</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Hide sub-navigation links (always display in dropdown menu)</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Move visitor tabs to logo area or top bar</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Show or hide visitor tab labels</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Compact header (logo &amp; navigation)</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Hide sub-navigation links (always display in dropdown menu)</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
	</tbody>
	<tbody id="footer-features">
		<tr class="sub-heading">
			<th colspan="3">Mobile slideout menu</th>
		</tr>
		<tr>
			<td>Expanded Style Properties</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Show logo in menu header</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		
		<tr>
			<td>Move menu left / right of page</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
	</tbody>
	<tbody id="footer-features">
		<tr class="sub-heading">
			<th colspan="3">Footer</th>
		</tr>
		<tr>
			<td>Expanded Style Properties</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr class="premier">
			<td>Advanced footer (columns, blocks &amp; rows)</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr><tr>
			<td>Change footer links bar position</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Hide style chooser</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
	</tbody>
	<tbody id="page-ui-features">
		<tr class="sub-heading">
			<th colspan="3">Layout / UI</th>
		</tr>
		<tr>
			<td>Boxed or floating layout</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Content area drop shadows</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Style checkboxes, icons, inputs etc</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>XF1 style breadcrumb</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Style page titles, description, tags etc</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Hide title &amp; breadcrumb on Advanced HTML pages</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Hover transitions</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
	</tbody>
	<tbody id="page-header-features">
		<tr class="sub-heading">
			<th colspan="3">Page Header Row</th>
		</tr>
		<tr>
			<td>Enable page header (title &amp; breadcrumb together in row)</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Hide meta, author &amp; tags</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Add Particles.js animation</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Hide on individual pages</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
	</tbody>
	<tbody id="page-header-features">
		<tr class="sub-heading">
			<th colspan="3">Forum / Discussion list</th>
		</tr>
		<tr>
			<td>Custom Font Awesome node icons</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Alternating row colors</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Hover row colors</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Separate category descriptions</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Expanded Style Properties</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Show / hide elements (stats, last post etc)</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr class="premier">
			<td>Node Grid</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr class="premier">
			<td>Node Backgrounds</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
	</tbody>
	<tbody id="page-header-features">
		<tr class="sub-heading">
			<th colspan="3">Page Header Row</th>
		</tr>
		<tr>
			<td>Enable page header (title &amp; breadcrumb together in row)</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Hide meta, author &amp; tags</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Add Particles.js animation</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Hide on individual pages</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
	</tbody>
	<tbody id="page-header-features">
		<tr class="sub-heading">
			<th colspan="3">Messages &amp; Conversations</th>
		</tr>
		<tr>
			<td>Expanded Style Properties</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Change avatar size (S/M/L) or custom size</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Button-ify message user links</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
	</tbody>
	<tbody id="page-header-features">
		<tr class="sub-heading">
			<th colspan="3">Notices</th>
		</tr>
		<tr>
			<td>Expanded Style Properties</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Add column with Font Awesome icon</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		
	</tbody>
	<tbody id="footer-features">
		<tr class="sub-heading">
			<th colspan="3">Sidebar</th>
		</tr>
		<tr>
			<td>Expanded Style Properties</td>
			<td><i class="fas fa-check"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Show / hide sidebar</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Move left / right</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Toggle widget heading appearance</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>One-click alternating row style</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Open / close accordian lists by default</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
	</tbody>
	<tbody id="page-header-features">
		<tr class="sub-heading">
			<th colspan="3">Addon Enhancements</th>
		</tr>
		<tr>
			<td>Slick carousel no-conflict protection</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Media Gallery enhanced layouts</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
		<tr>
			<td>Dragonbyte Ecommerce enhanced layouts</td>
			<td><i class="fas fa-times"></i></td>
			<td><i class="fas fa-check"></i></td>
		</tr>
	</tbody>
</table>]]></template>
    <template title="account_wrapper" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[<xf:sidenav>
	<div class="block">
		<div class="block-container">
			<h3 class="block-header">{{ phrase('your_account') }}</h3>
			<div class="block-body">
				<!--[XF:profile_links:top]-->
				<a class="blockLink" href="{{ link('members', $xf.visitor) }}">{{ phrase('your_profile') }}</a>
				<a class="blockLink {{ $pageSelected == 'alerts' ? 'is-selected' : '' }}" href="{{ link('account/alerts') }}">
					{{ phrase('alerts') }}
				</a>
				<a class="blockLink {{ $pageSelected == 'reactions' ? 'is-selected' : '' }}" href="{{ link('account/reactions') }}">
					{{ phrase('reactions_received') }}
				</a>
				<xf:if is="$xf.visitor.canViewBookmarks()">
					<a class="blockLink {{ $pageSelected == 'bookmarks' ? 'is-selected' : '' }}" href="{{ link('account/bookmarks') }}">
						{{ phrase('bookmarks') }}
					</a>
				</xf:if>
				<!--[XF:profile_links:bottom]-->
			</div>
		</div>
	</div>
	<div class="block">
		<div class="block-container">
			<h3 class="block-header">{{ phrase('settings') }}</h3>
			<div class="block-body">
				<!--[XF:settings_links:top]-->
				<a class="blockLink {{ $pageSelected == 'account_details' ? 'is-selected' : '' }}" href="{{ link('account/account-details') }}">
					{{ phrase('account_details') }}
				</a>
				<a class="blockLink {{ $pageSelected == 'security' ? 'is-selected' : '' }}" href="{{ link('account/security') }}">
					{{ phrase('password_and_security') }}
				</a>
				<a class="blockLink {{ $pageSelected == 'privacy' ? 'is-selected' : '' }}" href="{{ link('account/privacy') }}">
					{{ phrase('privacy') }}
				</a>
				<a class="blockLink {{ $pageSelected == 'preferences' ? 'is-selected' : '' }}" href="{{ link('account/preferences') }}">
					{{ phrase('preferences') }}
				</a>
				<xf:if is="$xf.visitor.canEditSignature()">
					<a class="blockLink {{ $pageSelected == 'signature' ? 'is-selected' : '' }}" href="{{ link('account/signature') }}">
						{{ phrase('signature') }}
					</a>
				</xf:if>
				<xf:if is="$xf.app.userUpgradeCount">
					<a class="blockLink {{ $pageSelected == 'upgrades' ? 'is-selected' : '' }}" href="{{ link('account/upgrades') }}">
						{{ phrase('account_upgrades') }}
					</a>
				</xf:if>
				<xf:if is="$xf.app.connectedAccountCount">
					<a class="blockLink {{ $pageSelected == 'connected_account' ? 'is-selected' : '' }}" href="{{ link('account/connected-accounts') }}">
						{{ phrase('connected_accounts') }}
					</a>
				</xf:if>
				<a class="blockLink {{ $pageSelected == 'following' ? 'is-selected' : '' }}" href="{{ link('account/following') }}">
					{{ phrase('following') }}
				</a>
				<a class="blockLink {{ $pageSelected == 'ignored' ? 'is-selected' : '' }}" href="{{ link('account/ignored') }}">
					{{ phrase('ignoring') }}
				</a>
				<!--[XF:settings_links:bottom]-->
			</div>
		</div>
	</div>

	<div class="block">
		<div class="block-container">
			<div class="block-body">
				<a href="{{ link('logout', null, {'t': csrf_token()}) }}" class="blockLink">{{ phrase('log_out') }}</a>
			</div>
		</div>
	</div>
</xf:sidenav>
<xf:page option="sideNavTitle">{{ phrase('your_account') }}</xf:page>

<xf:breadcrumb href="{{ link('account') }}">{{ phrase('your_account') }}</xf:breadcrumb>

{$innerContent|raw}]]></template>
    <template title="app.less" type="public" addon_id="XF" version_id="2010770" version_string="2.1.7"><![CDATA[@_nav-elTransitionSpeed: @xf-animationSpeed;
@_navAccount-hPadding: @xf-paddingLarge;

.m-pageWidth(@min-width: @xf-pageEdgeSpacer)
{
	max-width: @xf-pageWidthMax;
	width: 100%;
	padding: 0 @xf-pageEdgeSpacer;
	margin: 0 auto;
}

.m-pageInset(@defaultPadding: @xf-pageEdgeSpacer)
{
	padding-left: @defaultPadding;
	padding-right: @defaultPadding;

	// iPhone X/Xr/Xs support
	@supports(padding: max(0px))
	{
		&
		{
			padding-left: ~"max(@{defaultPadding}, env(safe-area-inset-left))";
			padding-right: ~"max(@{defaultPadding}, env(safe-area-inset-right))";
		}
	}
}

.m-footerWidth(@min-width: @xf-pageEdgeSpacer)
{
	max-width: @xf-nlFooterContentMax;
	width: 100%;
	padding: 0 @xf-pageEdgeSpacer;
	margin: 0 auto;
}

.u-anchorTarget
{
	.m-stickyHeaderConfig(@xf-publicNavSticky);
	height: (@_stickyHeader-height + @_stickyHeader-offset);
	margin-top: -(@_stickyHeader-height + @_stickyHeader-offset);
}

.p-pageWrapper
{
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	.xf-pageBackground();

	.is-modalOverlayOpen &
	{
		& when (unit(xf-default(@xf-overlayMaskBlur, 0)) > 0)
		{
			filter: blur(@xf-overlayMaskBlur);
		}
	}
}

// RESPONSIVE HEADER

.p-offCanvasAccountLink
{
	display: none;
}

@media (max-width: 359px)
{
	.p-offCanvasAccountLink
	{
		display: block;
	}
}

@media (max-width: 359px)
{
	.p-offCanvasRegisterLink
	{
		display: block;
	}
}

{{ include('app_staffbar.less') }}
{{ include('app_header.less') }}
{{ include('app_stickynav.less') }}
{{ include('app_nav.less') }}
{{ include('app_sectionlinks.less') }}
{{ include('app_body.less') }}
{{ include('app_breadcrumbs.less') }}
{{ include('app_title.less') }}
{{ include('app_footer.less') }}
{{ include('app_inlinemod.less') }}
{{ include('app_ignored.less') }}
{{ include('app_username_styles.less') }}
{{ include('app_user_banners.less') }}

{{ include('nl_app.less') }}]]></template>
    <template title="app_footer.less" type="public" addon_id="XF" version_id="2010970" version_string="2.1.9"><![CDATA[.p-footer
{
	.m-clearFix();
	.xf-publicFooter();
	
	.p-footer-wrapper {
		.m-clearFix();
		.xf-nlPublicFooterWrapper();
	}

	a
	{
		.xf-publicFooterLink();
	}
}

.p-footer-row
{
	.m-clearFix();

	// margin-bottom: -@xf-paddingLarge;
	.xf-nlFooterRow();
}
.p-footer-inner
{

	// padding-top: @xf-paddingMedium;
	// padding-bottom: @xf-paddingLarge;
	
	.m-footerWidth();
	.xf-nlFooterRowInner();
	.m-clearFix();
}

.p-footer-row.p-footer-links {
	.m-clearFix();
	.xf-nlFooterLinksBar();
}
/*
.footerFixed .p-footer-links {
	.m-clearFix();
	.xf-nlFooterLinksBar();
}
*/
.p-footer-row-main
{
	float: left;
	// margin-bottom: @xf-paddingLarge;
}

.p-footer-row-opposite
{
	float: right;
	// margin-bottom: @xf-paddingLarge;
}

.p-footer-linkList
{
	.m-listPlain();
	.m-clearFix();

	> li
	{
		float: left;
		margin-right: .5em;

		&:last-child
		{
			margin-right: 0;
		}

		a
		{
			.xf-nlFooterLinksBarLink();

			&:hover
			{
				text-decoration: none;
				.xf-nlFooterLinksBarLinkHover();
			}
		}
	}
}

.p-footer-rssLink
{
	> span
	{
		position: relative;
		top: -1px;

		display: inline-block;
		width: 1.44em;
		height: 1.44em;
		line-height: 1.44em;
		text-align: center;
		font-size: .8em;
		background-color: #FFA500;
		border-radius: 2px;
	}

	.fa-rss
	{
		color: white;
	}
}

.p-footer-row.p-footer-copyright {
	.m-clearFix();
	.xf-nlFooterCopyright();
}
/*
.footerFixed .p-footer-copyright
{
	.m-clearFix();
	.xf-nlFooterCopyright();
}
*/

.p-footer-row.p-footer-debug
{
	.m-clearFix();
	.xf-nlFooterDebug();
	.pairs > dt { color: inherit; }
}

@media (max-width: @xf-responsiveMedium)
{
	.p-footer-row-main,
	.p-footer-row-opposite
	{
		float: none;
		margin-bottom: @xf-paddingLarge;
	}

	.p-footer-copyright
	{
		text-align: left;
		padding: 0 4px; // aligns with other links
	}
}]]></template>
    <template title="app_nav.less" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[// navEl / Navigation Elements for header navigation

.m-navElHPadding(@padding)
{
	.p-navEl-link
	{
		padding: 0 @padding;

		&.p-navEl-link--splitMenu
		{
			padding-right: ((@padding) / 4);
		}

		&.p-navEl-link--menuTrigger
		{
			padding-right: ((@padding) / 3); // equal to splitTrigger padding-right

			&:after
			{
				padding-left: ((@padding) / 4 + (@padding) / 3); // equal to splitMenu padding-right + splitTrigger padding-left
			}
		}
	}

	.p-navEl-splitTrigger
	{
		padding: 0 ((@padding) / 3);
	}
}

.p-navEl
{
	.m-clearFix();
}

.p-navEl-linkHolder
{
	float: left;
}

.p-navEl-link
{
	float: left;
	.m-transition(opacity, background; @_nav-elTransitionSpeed);

	&.p-navEl-link--menuTrigger
	{
		cursor: pointer;

		&:after
		{
			.m-menuGadget(); // .58em
			opacity: .5;
			.m-transition(opacity; @_nav-elTransitionSpeed);
		}

		&:hover:after
		{
			opacity: 1;
		}
	}
}

.p-navEl-splitTrigger
{
	float: left;
	opacity: .5;
	cursor: pointer;
	text-decoration: none;
	.m-transition(all; @_nav-elTransitionSpeed);

	&:after
	{
		.m-menuGadget(); // .58em
		line-height: 1;
	}

	&:hover
	{
		opacity: 1;
		text-decoration: none;
	}
}

// HEADER NAV ROW

.p-nav
{
	.xf-publicNav();

	a
	{
		color: inherit;
	}

	.p-navSticky.is-sticky &
	{
		.p-nav-list .p-navEl.is-selected,
		.p-account
		{
			// border-radius: 0;
		}
	}
}

.p-nav-inner
{
	.m-pageWidth();
	.m-pageInset(0px);
	.m-clearFix();
	display: flex;
	align-items: flex-end;
}



.p-nav .p-nav-menuTrigger
{
	display: none;
	vertical-align: middle;
	align-self: center;
	margin-left: max(0px, @xf-pageEdgeSpacer - 6px);
	margin-right: 5px;
	padding: @xf-publicNavPaddingV 8px;

	&:hover
	{
		text-decoration: none;
	}

	i:after
	{
		.m-faBase();
		font-size: @xf-fontSizeLargest;
		.m-faContent(@fa-var-bars, .88em);
		vertical-align: bottom;
	}

	.p-nav-menuText
	{
		display: none;
	}
}

.p-nav-smallLogo
{
	display: none;
	max-width: 100px;
	align-self: center;

	img
	{
		display: block;
		max-height: @header-navHeight;
	}
}

.p-nav-scroller
{
	margin-right: auto;
	max-width: 100%;

	.hScroller-scroll:not(.is-calculated)
	{
		// IE11 seems to want to flash a vertical scrollbar without this here
		overflow: hidden;
	}

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-publicNav--background-color, transparent),
			xf-default(@xf-publicNav--color, ~""),
			xf-intensify(@xf-publicNav--color, 10%)
		);
	}
}

.p-nav-list
{
	.m-listPlain();
	.m-clearFix();

	font-size: 0;

	// this applies padding that will be contained within the scroller.
	// it needs font-size 0 to not create extra space though
	&:before,
	&:after
	{
		display: inline-block;
		width: @xf-pageEdgeSpacer;
		content: '';
	}

	> li
	{
		display: inline-block;
		vertical-align: bottom;
		font-size: @xf-fontSizeNormal;

		&:first-child
		{
			margin-left: 0;
		}
	}

	.m-navElHPadding(@xf-publicNavPaddingH);

	.p-navEl
	{
		.xf-publicNavTab();
		.m-transition(all; @_nav-elTransitionSpeed);

		&.is-selected
		{
			.xf-publicNavSelected();

			.p-navEl-link
			{
				padding-right: @xf-publicNavPaddingH; // since the split trigger is hidden

				&:hover
				{
					background: none;
					text-decoration: none;
				}
			}

			.p-navEl-splitTrigger
			{
				display: none;
			}
		}

		&:not(.is-selected):not(.is-menuOpen)
		{
			&:hover
			// .p-navEl-link:hover,
			// .p-navEl-splitTrigger:hover
			{
				.xf-publicNavTabHover();
			}
		}

		&.is-menuOpen
		{
			.xf-publicNavTabMenuOpen();

			// border-top-left-radius: xf-default(@xf-publicNavSelected--border-top-left-radius, 0);
			// border-top-right-radius: xf-default(@xf-publicNavSelected--border-top-right-radius, 0);

			.m-dropShadow(0, 5px, 10px, 0, .35);

			a
			{
				text-decoration: none;
				opacity: 1;
			}
		}
	}

	.p-navEl-link,
	.p-navEl-splitTrigger
	{
		// padding-top: @xf-publicNavPaddingV;
		// padding-bottom: @xf-publicNavPaddingV;
	}
}

.p-navSticky--primary.is-sticky
{
	.p-nav-list
	{
		.p-navEl-link.p-navEl-link--splitMenu
		{
			padding-right: ((@xf-publicNavPaddingH) / 4);
		}

		.p-navEl.is-selected .p-navEl-splitTrigger
		{
			display: inline;
			position: relative;

			&:before
			{
				content: '';
				position: absolute;
				left: 0;
				top: 5px;
				bottom: 5px;
				width: 0;
				border-left: @xf-borderSize solid fade(xf-default(@xf-publicNavSelected--color, transparent), 35%);
			}
		}
	}
}

@media (max-width: @xf-publicNavCollapseWidth)
{
	.has-js
	{
		.p-nav-inner
		{
			min-height: 45px;
		}

		.p-nav .p-nav-menuTrigger
		{
			display: inline-block;
		}

		.p-nav-smallLogo
		{
			display: inline-block;
		}

		.p-nav-scroller
		{
			display: none;
		}
	}
}

// ACCOUNT/VISITOR/SEARCH SECTION

.p-nav-opposite
{
	margin-left: auto;
	margin-right: @xf-pageEdgeSpacer;
	text-align: right;
	flex-shrink: 0;
}

.p-navgroup
{
	float: left;
	.m-clearFix();
	background: @xf-publicHeaderAdjustColor;
	border-top-left-radius: @xf-borderRadiusMedium;
	border-top-right-radius: @xf-borderRadiusMedium;

	&.p-discovery
	{
		margin-left: .5em;

		&.p-discovery--noSearch
		{
			margin-left: 0;
		}
	}
}

.p-navgroup-link
{
	float: left;
	padding: @xf-publicNavPaddingV @_navAccount-hPadding;
	border-left: 1px solid @xf-publicHeaderAdjustColor;

	&:first-of-type
	{
		border-top-left-radius: @xf-borderRadiusMedium;
		border-left: none;
	}

	&:last-of-type
	{
		border-top-right-radius: @xf-borderRadiusMedium;
	}

	&:hover
	{
		text-decoration: none;
		background: xf-intensify(@xf-publicHeaderAdjustColor, 5%);
	}

	&.p-navgroup-link--user
	{
		.m-overflowEllipsis();
		max-width: 150px;

		.avatar
		{
			.m-avatarSize((@xf-fontSizeNormal) * (@xf-lineHeightDefault));
		}
	}

	&.badgeContainer
	{
		opacity: .6;
		position: relative;

		&:after
		{
			position: absolute;
			/*
			left: (@_navAccount-hPadding - 6px);
			top: (@xf-publicNavPaddingV - 2px);
			padding: 1px 3px;
			margin: 0;
			font-size: 10px;
			line-height: 11px;
			*/
		}

		&:hover,
		&.badgeContainer--highlighted
		{
			opacity: 1;
		}
	}

	&.is-menuOpen
	{
		.xf-publicNavTabMenuOpen();
		.m-dropShadow(0, 5px, 10px, 0, .35);
		opacity: 1;
	}

	&.p-navgroup-link--iconic
	{
		i:after
		{
			.m-faBase();
			display: inline-block;
			min-width: 1.2em;
			text-align: center;
		}
	}

	&.p-navgroup-link--conversations i:after
	{
		.m-faContent(@fa-var-envelope, 1em);
	}

	&.p-navgroup-link--alerts i:after
	{
		.m-faContent(@fa-var-bell, .88em);
	}

	&.p-navgroup-link--bookmarks i:after
	{
		.m-faContent(@fa-var-bookmark, .75em);
	}

	&.p-navgroup-link--whatsnew i:after
	{
		.m-faContent(@fa-var-bolt, .63em);
	}

	&.p-navgroup-link--search i:after
	{
		.m-faContent(@fa-var-search, 1em);
	}
}

.p-navgroup-link--whatsnew
{
	display: none;

	.p-navgroup-link:first-of-type& + .p-navgroup-link
	{
		border-top-left-radius: @xf-borderRadiusMedium;
		border-left: none;
	}
}

@media (max-width: @xf-responsiveWide)
{
	.p-navgroup-link
	{
		&.p-navgroup-link--iconic .p-navgroup-linkText,
		&.p-navgroup-link--textual i
		{
			display: none;
		}

		&.p-navgroup-link--textual
		{
			.m-overflowEllipsis();
			max-width: 110px;
		}

		&.p-navgroup-link--iconic i:after
		{
			text-align: center;
		}
	}
}

@media (max-width: @xf-publicNavCollapseWidth)
{
	.p-navgroup-link--whatsnew
	{
		display: block;
	}

	.has-js
	{
		.p-nav-opposite
		{
			align-self: center;
			margin-right: max(0px, @xf-pageEdgeSpacer - 6px);

			.p-navgroup
			{
				background: none;
				margin-left: 0;
			}

			.p-navgroup-link
			{
				border: none;
				border-radius: @xf-borderRadiusMedium;

				&.is-menuOpen
				{
					.m-borderBottomRadius(0);
				}

				&.badgeContainer
				{
					opacity: 1;
				}
			}
		}
	}
}

@media (max-width: 359px)
{
	.p-navgroup-link&.p-navgroup-link--user
	{
		display: none;
	}
}

@media (max-width: 374px)
{
	.p-navgroup-link.p-navgroup-link--register
	{
		display: none;
	}
}]]></template>
    <template title="attachment_macros_slick" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:macro name="attachment_list_item" arg-attachment="!" arg-canView="!">
	<li class="attachment icon-slide">
		<xf:if is="$attachment.has_thumbnail">
			<xf:macro template="lightbox_macros" name="setup" arg-canViewAttachments="{$canView}" />

			<div class="attachment-icon attachment-icon--img">
				<a href="{{ link('attachments', $attachment) }}" target="_blank" class="{{ $canView ? 'js-lbImage' : '' }}">
					<img src="{$attachment.thumbnail_url}" alt="{$attachment.filename}" />
				</a>
			</div>
		<xf:else />
			<div class="attachment-icon" data-extension="{$attachment.extension}">
				<a href="{{ link('attachments', $attachment) }}" target="_blank"><i aria-hidden="true"></i></a>
			</div>
		</xf:if>
		<div class="attachment-name">
			<a href="{{ link('attachments', $attachment) }}" target="_blank" title="{$attachment.filename}">{$attachment.filename}</a>
		</div>
		<div class="attachment-details">
			<span class="attachment-details-size">{$attachment.file_size|file_size}</span>
			<span class="attachment-details-views">{{ phrase('views:') }} {$attachment.view_count|number}</span>
		</div>
	</li>
</xf:macro>]]></template>
    <template title="bodytag_macros" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:macro name="page_class_output"
		  arg-pageMode="{$pageMode}"
		  arg-showTitle="{$showTitle}"
		  arg-showNotices="{$notices}"
		  arg-showBreadcrumb="{$showBreadcrumb}"
		  arg-showSidebar="{$showSidebar}"
		  arg-showSidenav="{$showSidenav}"
		  arg-showShare="{$showShare}"
		  arg-pagePadding="{$pagePadding}"
		  arg-bgImage="{$bgImage}"
		  arg-bgColor="{$bgColor}">
	
	<xf:if is="{$pageMode}">page-{$pageMode}</xf:if>
	<xf:if is="{$pageMode}">pagetitle-{$showTitle}</xf:if>
	<xf:if is="{$pageMode}">notices-{$showTitle}</xf:if>
	<xf:if is="{$showBreadcrumb}">breadcrumb-{$showBreadcrumb}</xf:if>
	<xf:if is="{$showSidebar}">sidebar-{$showSidebar}</xf:if>
	<xf:if is="{$showSidenav}">sidenav-{$showSidenav}</xf:if>
	<xf:if is="{$showShare}">share-{$showShare}</xf:if>
	<xf:if is="{$pagePadding}">padding-{$pagePadding}</xf:if>
	
</xf:macro>

<xf:macro name="page_inline_styles"
		  arg-bgImage="{$bgImage}"
		  arg-bgColor="{$bgColor}">
	
	<style>
		html .p-pageWrapper,
		html.has-single-customBg .p-pageWrapper{
			background-color: {$bgColor};
			background-image: url({$bgImage});
			background-size: cover;
			background-attachment: fixed;
		}
	</style>

</xf:macro>]]></template>
    <template title="bookmark_edit" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[<xf:if is="$tooltip">
	<div class="tooltip-content-inner">
		<xf:form action="{$confirmUrl}" class="" ajax="true">
			<h3 class="block-minorHeader">
				<xf:if is="$added">
					{{ phrase('bookmark_added') }}
				<xf:elseif is="$bookmark.isInsert()" />
					{{ phrase('add_bookmark') }}
				<xf:else />
					{{ phrase('edit_bookmark') }}
				</xf:if>
			</h3>
			<div class="block-body">
				<div class="block-row">
					<xf:textarearow name="message" label="{{ phrase('message') }}"
						rowtype="fullWidth noPadding"
						value="{$bookmark.message}"
						autosize="true"
						rows="1"
						maxlength="{{ max_length($bookmark, 'message') }}"
						hint="{{ phrase('optional') }}" />
				</div>
				<div class="block-row">
					<xf:formrow label="{{ phrase('labels') }}" hint="{{ phrase('optional') }}" rowtype="fullWidth noPadding"
						explain="{{ phrase('multiple_labels_may_be_separated_by_commas') }}">
						<xf:macro template="bookmark_macros" name="filter"
							arg-label="{$bookmark.labels|pluck('label')|join(', ')}"
							arg-allLabels="{$allLabels}"
							arg-maxTokens="0"
							arg-placeholder="" />
					</xf:formrow>
				</div>
				<div class="block-row">
					<div class="formButtonGroup formButtonGroup--simple formButtonGroup--close">
						<div class="formButtonGroup-primary">
							<xf:button type="submit" class="button--primary" icon="save" />
							<xf:button type="submit" name="delete" icon="delete" />
						</div>
					</div>
				</div>
			</div>
		</xf:form>
	</div>
<xf:else />
	<xf:if is="$bookmark.isInsert()">
		<xf:title>{{ phrase('add_bookmark') }}</xf:title>
	<xf:else />
		<xf:title>{{ phrase('edit_bookmark') }}</xf:title>
	</xf:if>


	<xf:form action="{$confirmUrl}" class="block" ajax="true">
		<div class="block-container">
			<div class="block-body">
				<xf:textarearow name="message" label="{{ phrase('message') }}"
					value="{$bookmark.message}"
					autosize="true"
					maxlength="{{ max_length($bookmark, 'message') }}"
					hint="{{ phrase('optional') }}" />

				<xf:formrow label="{{ phrase('labels') }}" rowtype="input" hint="{{ phrase('optional') }}">
					<xf:macro template="bookmark_macros" name="filter"
						arg-label="{$bookmark.labels|pluck('label')|join(', ')}"
						arg-allLabels="{$allLabels}"
						arg-maxTokens="0"
						arg-placeholder="" />
					<div class="formRow-explain">
						{{ phrase('multiple_labels_may_be_separated_by_commas') }}
					</div>
				</xf:formrow>
			</div>
			<xf:submitrow icon="save"><xf:html>
				<xf:button type="submit" name="delete" icon="delete" />
			</xf:html></xf:submitrow>
		</div>
	</xf:form>
</xf:if>]]></template>
    <template title="captcha_recaptcha" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[<xf:js src="xf/captcha.js" min="1" />

<div data-xf-init="re-captcha" data-sitekey="{$siteKey}" data-theme="{{ property('styleType') }}" data-invisible="{$invisible}"></div>

<noscript>
	<div>
		<div style="width: 302px; height: 422px; position: relative;">
			<div style="width: 302px; height: 422px; position: absolute;">
				<iframe src="https://www.google.com/recaptcha/api/fallback?k={$siteKey|urlencode}"
					frameborder="0" scrolling="no"
					style="width: 302px; height:422px; border-style: none;"></iframe>
			</div>
		</div>
		<div style="width: 300px; height: 60px; border-style: none;
			bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px;
			background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;">
			<textarea name="g-recaptcha-response" id="g-recaptcha-response"
				class="g-recaptcha-response"
				style="width: 250px; height: 40px; border: 1px solid #c1c1c1;
				margin: 10px 25px; padding: 0px; resize: none;"></textarea>
		</div>
	</div>
</noscript>]]></template>
    <template title="category_view" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[<xf:title>{$category.title}</xf:title>
<xf:description>{$category.description|raw}</xf:description>

<xf:macro template="metadata_macros" name="canonical_url" arg-canonicalUrl="{{ link('canonical:categories', $category) }}" />

<xf:macro template="category_macros" name="category_page_options" arg-category="{$category}" />
<xf:breadcrumb source="$category.getBreadcrumbs(false)" />

<xf:if is="$nodeTree">
	<div id="subForumsList" class="nodeList subForumsList <xf:include template="nl_node_classes" />">
	<div class="block block--nodes">
		<div class="block-outer"><xf:trim>
			<xf:if contentcheck="true">
				<div class="block-outer-opposite">
					<div class="buttonGroup">
					<xf:contentcheck>
						<xf:if is="$xf.visitor.user_id && $hasForumDescendents">
							<xf:button href="{{ link('categories/mark-read', $category, {'date': $xf.time}) }}"
								class="button--link" overlay="true">
								{{ phrase('mark_read') }}
							</xf:button>
						</xf:if>
					</xf:contentcheck>
					</div>
				</div>
			</xf:if>
		</xf:trim></div>
		<div class="block-container block-container--subforums">
			<div class="block-body">
				<xf:macro template="forum_list" name="node_list"
					arg-children="{$nodeTree}"
					arg-extras="{$nodeExtras}"
					arg-depth="2" />
			</div>
		</div>
	</div>
	</div>
<xf:else />
	<div class="blockMessage">{{ phrase('there_is_nothing_to_display') }}</div>
</xf:if>

<xf:widgetpos id="category_view_sidebar" context-category="{$category}" position="sidebar" />]]></template>
    <template title="contact_form" type="public" addon_id="XF" version_id="2010270" version_string="2.1.2"><![CDATA[<xf:title>{{ phrase('contact_us') }}</xf:title>

<xf:if is="property('nlContactUseCustomPage') == true">
	<xf:wrap template="nl_contact_page_wrapper" />
</xf:if>

<xf:if is="property('nlContactUseInlineForm') == 'default'">
	<xf:form action="{{ link('misc/contact') }}" class="block" ajax="true" data-force-flash-message="true">
		<div class="block-container">
			<div class="block-body">
				<xf:if is="!$xf.visitor.user_id">
					<xf:textboxrow name="username" autofocus="autofocus" maxlength="{{ max_length($xf.visitor, 'username') }}"
						label="{{ phrase('your_name') }}" required="required" hint="{{ phrase('required') }}" />

					<xf:textboxrow name="email" maxlength="{{ max_length($xf.visitor, 'email') }}" type="email"
						label="{{ phrase('your_email_address') }}" required="required" hint="{{ phrase('required') }}" />
				<xf:else />
					<xf:formrow label="{{ phrase('your_name') }}">{$xf.visitor.username}</xf:formrow>
					<xf:if is="$xf.visitor.email">

						<xf:formrow label="{{ phrase('your_email_address') }}">{$xf.visitor.email}</xf:formrow>

					<xf:else />

						<xf:textboxrow name="email" type="email"
							label="{{ phrase('your_email_address') }}" required="required" hint="{{ phrase('required') }}" />

					</xf:if>
				</xf:if>

				<xf:captcharow label="{{ phrase('verification') }}" hint="{{ phrase('required') }}" />

				<xf:textboxrow name="subject"
					label="{{ phrase('subject') }}" required="required" hint="{{ phrase('required') }}" />

				<xf:textarearow name="message" rows="5" autosize="true"
					label="{{ phrase('message') }}" required="required" hint="{{ phrase('required') }}" />
			</div>
			<xf:submitrow submit="{{ phrase('send') }}" />
		</div>
		<xf:redirect />
	</xf:form>
<xf:else />
	<xf:include template="contact_form_inline" />
</xf:if>]]></template>
    <template title="contact_form_inline" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:form action="{{ link('misc/contact') }}" class="block form-inline" ajax="true" data-force-flash-message="true">
	<div class="block-container">
		<div class="block-row block-body">
			<xf:if is="!$xf.visitor.user_id">
				<xf:textboxrow name="username" autofocus="autofocus" maxlength="{{ max_length($xf.visitor, 'username') }}"
					label="{{ phrase('your_name') }}" required="required" hint="{{ phrase('required') }}" />

				<xf:textboxrow name="email" maxlength="{{ max_length($xf.visitor, 'email') }}" type="email"
					label="{{ phrase('your_email_address') }}" required="required" hint="{{ phrase('required') }}" />
			<xf:else />
				<div class="label-group--inline">
					<label>{{ phrase('your_name') }}</label>
					<span>{$xf.visitor.username}</span>
				</div>
				<xf:if is="$xf.visitor.email">
				<div class="label-group--inline">
					<label>{{ phrase('your_email_address') }}</label>
					<span>{$xf.visitor.email}</span>
				</div>
				<xf:else />

					<xf:textbox name="email" type="email"
						label="{{ phrase('your_email_address') }}" required="required" hint="{{ phrase('required') }}" />

				</xf:if>
			</xf:if>

			<xf:captcharow label="{{ phrase('verification') }}" hint="{{ phrase('required') }}" />
			<label>{{ phrase('subject') }}</label>
				<dfn class="formRow-hint">Required</dfn>
			<xf:textbox name="subject"
				required="required" />
			<label>{{ phrase('message') }}</label>
				<dfn class="formRow-hint">Required</dfn>
			<xf:textarea name="message" rows="5" autosize="true"
				required="required" />
			<xf:submitrow submit="{{ phrase('send') }}" />
		</div>
		<xf:redirect />
	</div>
</xf:form>]]></template>
    <template title="conversation_list_macros" type="public" addon_id="XF" version_id="2010770" version_string="2.1.7"><![CDATA[<xf:macro name="item"
	arg-userConv="!"
	arg-allowInlineMod="{{ true }}">

	<xf:css src="structured_list.less" />

	<div class="structItem structItem--conversation {{ $userConv.isUnread() ? 'is-unread' : '' }} js-inlineModContainer" data-author="{{ $userConv.Master.Starter.username ?: $userConv.Master.username }}">
		<div class="structItem-cell structItem-cell--icon">
			<div class="structItem-iconContainer">
				<xf:avatar user="$userConv.Master.Starter" size="s" defaultname="{$userConv.Master.username}" />
			</div>
		</div>
		<div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
			<xf:if contentcheck="true">
				<ul class="structItem-statuses">
				<xf:contentcheck>
					<xf:if is="$userConv.is_starred">
						<li>
							<i class="structItem-status structItem-status--starred" aria-hidden="true" title="{{ phrase('starred')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('starred') }}</span>
						</li>
					</xf:if>
					<xf:if is="!$userConv.Master.conversation_open">
						<li>
							<i class="structItem-status structItem-status--locked" aria-hidden="true" title="{{ phrase('locked')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('locked') }}</span>
						</li>
					</xf:if>
					<xf:if is="$userConv.isUnread()">
						<li>
							<i class="structItem-status structItem-status--new" aria-hidden="true" title="{{ phrase('new_messages')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('new_messages') }}</span>
						</li>
					</xf:if>
				</xf:contentcheck>
				</ul>
			</xf:if>

			<a href="{{ link('conversations/unread', $userConv) }}" class="structItem-title" data-tp-primary="on">{$userConv.title}</a>

			<div class="structItem-minor">
				<xf:if contentcheck="true">
					<ul class="structItem-extraInfo">
					<xf:contentcheck>
						<xf:if is="$allowInlineMod">
							<li><xf:checkbox standalone="true">
								<xf:option value="{$userConv.conversation_id}" class="js-inlineModToggle" />
							</xf:checkbox></li>
						</xf:if>
					</xf:contentcheck>
					</ul>
				</xf:if>

				<ul class="structItem-parts">
					<li>
						<ul class="listInline listInline--comma listInline--selfInline">
							<li><xf:username user="$userConv.Master.Starter" defaultname="{$userConv.Master.username}" title="{{ phrase('conversation_starter') }}" /></li><xf:trim>
							</xf:trim><xf:foreach loop="$userConv.Master.recipients" value="$recipient" if="{$recipient.user_id} != {$userConv.Master.user_id}"><xf:trim>
								<li><xf:username user="{$recipient}" defaultname="{{ phrase('unknown_member') }}" /></li>
							</xf:trim></xf:foreach>
						</ul>
					</li>
					<li class="structItem-startDate"><a href="{{ link('conversations', $userConv) }}" rel="nofollow"><xf:date time="{$userConv.Master.start_date}" /></a></li>
				</ul>

				<xf:if is="$userConv.reply_count >= $xf.options.messagesPerPage">
					<span class="structItem-pageJump">
					<xf:foreach loop="{{ last_pages($userConv.reply_count + 1, $xf.options.messagesPerPage, $xf.options.lastPageLinks) }}" value="$p">
						<a href="{{ link('conversations', $userConv, {'page': $p}) }}">{$p}</a>
					</xf:foreach>
					</span>
				</xf:if>
			</div>
		</div>
		<div class="structItem-cell structItem-cell--meta">
			<dl class="pairs pairs--justified">
				<dt>{{ phrase('replies') }}</dt>
				<dd>{$userConv.reply_count|number}</dd>
			</dl>
			<dl class="pairs pairs--justified structItem-minor">
				<dt>{{ phrase('participants') }}</dt>
				<dd>{$userConv.Master.recipient_count|number}</dd>
			</dl>
		</div>
		<div class="structItem-cell structItem-cell--latest">
			<a href="{{ link('conversations/latest', $userConv) }}" rel="nofollow"><xf:date time="{$userConv.last_message_date}" class="structItem-latestDate" /></a>
			<div class="structItem-minor"><xf:username user="{$userConv.Master.last_message_cache}" /></div>
		</div>
	</div>
</xf:macro>]]></template>
    <template title="core.less" type="public" addon_id="XF" version_id="2010870" version_string="2.1.8"><![CDATA[// ########################## GLOBAL BASE SETUP #######################

html
{
	font: @xf-fontSizeNormal / @xf-lineHeightDefault sans-serif;
	font-family: @xf-fontFamilyUi;
	font-weight: @xf-fontWeightNormal;
	color: @xf-textColor;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	background-color: @xf-pageBg;

	/* // just a reminder that we *might* want this at some point
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;*/
}

button, input, optgroup, select, textarea
{
	font-family: @xf-fontFamilyUi;
	line-height: @xf-lineHeightDefault;
}

img
{
	max-width: 100%;
	height: auto;
}

b, strong
{
	font-weight: @xf-fontWeightHeavy;
}

a
{
	.xf-link();

	&:hover
	{
		.xf-linkHover();
	}
}

svg
{
	fill: currentColor;
}

{{ include('core_setup.less') }}
{{ include('core_utilities.less') }}
{{ include('core_list.less') }}
{{ include('core_categorylist.less') }}
{{ include('core_block.less') }}
{{ include('core_blockmessage.less') }}
{{ include('core_blockstatus.less') }}
{{ include('core_blocklink.less') }}
{{ include('core_blockend.less') }}
{{ include('core_fixedmessage.less') }}
{{ include('core_button.less') }}
{{ include('core_meter_bar.less') }}

// ################################# INPUTS & FORMS #####################

.m-formElementExplain()
{
	display: block;
	font-style: normal;
	.xf-formExplain();

	.m-textColoredLinks();
}

{{ include('core_input.less') }}
{{ include('core_formrow.less') }}

{{ include('core_collapse.less') }}
{{ include('core_badge.less') }}
{{ include('core_tooltip.less') }}
{{ include('core_menu.less') }}
{{ include('core_offcanvas.less') }}
{{ include('core_tab.less') }}
{{ include('core_overlay.less') }}
{{ include('core_globalaction.less') }}
{{ include('core_avatar.less') }}
{{ include('core_datalist.less') }}
{{ include('core_filter.less') }}
{{ include('core_contentrow.less') }}
{{ include('core_pagenav.less') }}
{{ include('core_hscroller.less') }}

// FLASH MESSAGES
.flashMessage
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: @zIndex-9;
	.xf-flashMessage();

	.m-transitionFadeDown();
}

// AUTOCOMPLETE
.autoCompleteList
{
	.m-autoCompleteList();
	margin-top: 2px;
}

// #################################### TAGS ##############################
// note that while this is related to tags, it's commonly used so just include it

.tagList,
.tagList > dt,
.tagList > dd
{
	display: inline;
	padding: 0;
	margin: 0;
}

.tagItem
{
	display: inline-block;
	max-width: 100%;
	padding: 0 6px 1px;
	margin: 0 0 2px;
	border-radius: @xf-borderRadiusMedium;
	font-size: @xf-fontSizeSmaller;
	.xf-chip();

	&:hover
	{
		text-decoration: none;
		color: @xf-chip--color;
		.xf-chipHover();
	}
}

// ############################# MISC #########################

.recaptcha
{
	&.input
	{
		box-sizing: content-box;
		max-width: 100%;
	}

	img
	{
		max-width: 100%;
	}
}

.likesBar
{
	.m-transitionFadeDown();
	.xf-minorBlockContent();
	border-left: @xf-borderSizeMinorFeature solid @xf-borderColorFeature;
	padding: @xf-paddingMedium;
	font-size: @xf-fontSizeSmaller;
	margin-top: @xf-paddingMedium;
}

.likeIcon
{
	&:before
	{
		.m-faBase();
		.m-faContent(@fa-var-thumbs-up, 1em);
		color: @xf-textColorFeature;
		margin-right: .2em;
	}
}

.reactionsBar
{
	.m-transitionFadeDown();
	.xf-minorBlockContent();
	border-left: @xf-borderSizeMinorFeature solid @xf-borderColorFeature;
	padding: @xf-paddingMedium;
	font-size: @xf-fontSizeSmaller;
	margin-top: @xf-paddingMedium;
}

.reactionSummary
{
	display: inline-block;
	.m-listPlain();
	line-height: 16px;
	height: 16px;
	margin: 0 -2px;
	vertical-align: text-top;

	> li
	{
		display: inline-block;
		height: 20px;
		width: 20px;
		padding: 2px;
		margin: -2px 0;
		background: @xf-contentBg;
		border-radius: 50%;
		position: relative;
		margin-left: -6px;

		&:nth-child(1)
		{
			z-index: 3;
			margin-left: 0;
		}

		&:nth-child(2)
		{
			z-index: 2;
		}

		&:nth-child(3)
		{
			z-index: 1;
		}
	}

	.reaction
	{
		position: absolute;
		top: 0;

		&.reaction
		{
			// increase specificity to override .reaction.reaction--<size>
			display: block;
		}
	}
}

.reactionsBar,
.message-responseRow
{
	.reactionSummary
	{
		> li
		{
			background: @xf-contentAltBg;
		}

		.reaction
		{
			top: 2px;
		}
	}
}

.reactTooltip
{
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 100%;

	.reaction
	{
		margin: @xf-paddingSmall;
		.m-transition(transform);

		&:hover
		{
			.m-transform(scale(1.2));
		}
	}
}

.colorChip
{
	display: inline-block;
	border: @xf-borderSize solid @xf-borderColor;
	border-radius: @xf-borderRadiusMedium;
	padding: 1px;
	width: 100px;
}

.colorChip-inner
{
	display: block;
	background-color: transparent;
	border-radius: @xf-borderRadiusSmall;
	height: 1em;
}

.colorChip-value
{
	display: none;
}

pre.sf-dump
{
	// not ideal, but then again neither is the default of 99999...
	z-index: @zIndex-1 !important;
}

.grecaptcha-badge
{
	z-index: @zIndex-5;
}

// Bookmarking links for 2.1
.bookmarkLink
{
	&:before
	{
		.m-faBase();
		.m-faContent(@fa-var-bookmark);
		font-weight: min(@xf-fontAwesomeWeight, @faWeight-regular);
	}
	&.is-bookmarked
	{
		&:before
		{
			font-weight: @faWeight-solid;
		}
	}

	&.bookmarkLink--highlightable.is-bookmarked
	{
		color: @xf-textColorAttention;

		&:hover
		{
			color: @xf-textColorAccentContent;
		}
	}

	span
	{
		margin-left: .35em;
	}
}

.dragHandle
{
	cursor: move;
	touch-action: none;

	&:before
	{
		.m-faBase();
		.m-faContent(@fa-var-bars);
	}

	.is-undraggable &
	{
		visibility: hidden;
		cursor: default;
	}
}

{{ include('core_action_bar.less') }}
{{ include('core_labels.less') }}
{{ include('core_pikaday.less') }}
{{ include('core_reaction.less') }}
{{ include('core_smilie.less') }}
{{ include('core_bbcode.less') }}
{{ include('core_fa.less') }}

// RESOLUTION OUTPUT

.debugResolution
{
	.debugResolution-output:before
	{
		content: "Full @{xf-responsiveWide} - @{xf-pageWidthMax}";
		@media (min-width: @xf-pageWidthMax) { content: "Max > @{xf-pageWidthMax}"; }
		@media (max-width: @xf-responsiveWide) { content: "Wide < @{xf-responsiveWide}"; }
		@media (max-width: @xf-responsiveMedium) { content: "Medium < @{xf-responsiveMedium}"; }
		@media (max-width: @xf-responsiveNarrow) { content: "Narrow < @{xf-responsiveNarrow}"; }
	}
}

{{ include('nl_core.less') }}]]></template>
    <template title="core_block.less" type="public" addon_id="XF" version_id="2010872" version_string="2.1.8 Patch 2"><![CDATA[// ################################# BLOCKS ##################

.blocks
{
	margin-bottom: @xf-elementSpacer;

	&:last-child
	{
		margin-bottom: 0;
	}

	.block
	{
		margin-bottom: (@xf-elementSpacer / 2);

		&:last-child
		{
			margin-bottom: 0;
		}
	}

	&.blocks--close .block
	{
		margin-bottom: (@xf-elementSpacer / 4);
	}

	&.blocks--separated
	{
		+ .blocks
		{
			padding-top: @xf-elementSpacer;
			border-top: @xf-borderSize solid @xf-borderColor;
		}
	}
}

.blocks-header
{
	font-size: @xf-fontSizeLarger;
	font-weight: @xf-fontWeightNormal;
	color: @xf-textColorMuted;

	margin: 0;
	padding: 0;
	margin-bottom: 5px;

	&.blocks-header--strong
	{
		color: @xf-textColorDimmed;

		.blocks-desc
		{
			color: @xf-textColorMuted;
		}
	}
}

.blocks-textJoiner
{
	display: table;
	width: 100%;
	margin-bottom: (@xf-elementSpacer / 2);
	padding: 0 @xf-paddingMedium;

	> span
	{
		display: table-cell;
		position: relative;

		&:before
		{
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			top: 50%;
			border-top: @xf-borderSize solid @xf-borderColor;
		}
	}

	> em
	{
		display: table-cell;
		padding: 0 @xf-paddingLarge;
		width: 1%;
		white-space: nowrap;
		font-size: @xf-fontSizeLargest;
		line-height: 1;
		font-style: normal;
		text-align: center;
	}
}

.block
{
	margin-bottom: @xf-elementSpacer;
	.xf-nlBlockWrapper();

	&.block--close
	{
		margin-bottom: 5px;
	}

	&.block--treeEntryChooser
	{
		.block-header
		{
			font-size: @xf-fontSizeLarge;

			.block-desc
			{
				font-size: @xf-fontSizeSmallest;
			}
		}

		.block-row
		{
			padding-top: 6px;
			padding-bottom: 6px;
		}

		.contentRow
		{
			&.is-disabled
			{
				opacity: 0.5;
			}
		}

		.contentRow-title
		{
			font-size: @xf-fontSizeNormal;
		}

		.contentRow-minor
		{
			font-size: @xf-fontSizeSmaller;
		}

		.contentRow-suffix
		{
			font-size: @xf-fontSizeSmall;
		}
	}
}

.block-outer
{
	padding-bottom: @xf-blockPaddingV;
	.m-clearFix();

	&:empty
	{
		display: none;
	}

	&.block-outer--after
	{
		padding-top: @xf-blockPaddingV;
		padding-bottom: 0;
	}

	.block-outer-hint
	{
		font-size: @xf-fontSizeSmall;
		color: @xf-textColorMuted;
	}
}
.block-outer-main { float: left; }
.block-outer-opposite { float: right; }
.block-outer-middle { text-align: center; }

.block-container
{
	.xf-contentBase();
	.xf-blockBorder();
	border-radius: @xf-blockBorderRadius;

	&.block-container--none
	{
		background: none;
		border: none;
		color: @xf-textColor;
		padding: 0;
	}
}

@media (min-width: @xf-responsiveEdgeSpacerRemoval)
{
	@{block-noStripSel} > :first-child,
	.block-topRadiusContent,
	@{block-noStripSel} > .block-body:first-child > .blockLink:first-child
	{
		border-top-left-radius: @block-borderRadius-inner;
		border-top-right-radius: @block-borderRadius-inner;
	}

	@{block-noStripSel} > :last-child,
	.block-bottomRadiusContent,
	@{block-noStripSel} > .block-body:last-child > .blockLink:last-child,
	@{block-noStripSel} > .tabPanes:last-child > [role=tabpanel] > :last-child
	{
		border-bottom-left-radius: @block-borderRadius-inner;
		border-bottom-right-radius: @block-borderRadius-inner;
	}

	@{block-noStripSel} > .block-body:first-child > .dataList:first-child,
	.block-topRadiusContent.dataList,
	.block-topRadiusContent > .dataList:first-child
	{
		tbody:first-child .dataList-row:first-child,
		thead:first-child .dataList-row:first-child
		{
			> .dataList-cell:first-child { border-top-left-radius: @block-borderRadius-inner; }
			> .dataList-cell:last-child { border-top-right-radius: @block-borderRadius-inner; }
		}
	}

	@{block-noStripSel} > .block-body:first-child > .formRow:first-child,
	.block-topRadiusContent.formRow,
	.block-topRadiusContent > .formRow:first-child
	{
		> dt { border-top-left-radius: @block-borderRadius-inner; }
		> dd { border-top-right-radius: @block-borderRadius-inner; }
	}

	@{block-noStripSel} > .block-body:last-child > .dataList:last-child,
	.block-bottomRadiusContent.dataList,
	.block-bottomRadiusContent > .dataList:last-child
	{
		tbody:last-child .dataList-row:last-child
		{
			> .dataList-cell:first-child { border-bottom-left-radius: @block-borderRadius-inner; }
			> .dataList-cell:last-child { border-bottom-right-radius: @block-borderRadius-inner; }
		}
	}

	@{block-noStripSel} > .block-body:last-child > .formRow:last-child,
	.block-bottomRadiusContent.formRow,
	.block-bottomRadiusContent > .formRow:last-child
	{
		> dt { border-bottom-left-radius: @block-borderRadius-inner; }
		> dd { border-bottom-right-radius: @block-borderRadius-inner; }
	}

	@{block-noStripSel} > .block-body:last-child .formSubmitRow:not(.is-sticky),
	@{block-noStripSel} > .formSubmitRow:not(.is-sticky):last-child,
	.block-bottomRadiusContent > .formSubmitRow:not(.is-sticky)
	{
		> dt { border-bottom-left-radius: @block-borderRadius-inner; }
		> dd { border-bottom-right-radius: @block-borderRadius-inner; }

		.formSubmitRow-bar
		{
			border-bottom-left-radius: @block-borderRadius-inner;
			border-bottom-right-radius: @block-borderRadius-inner;
		}
	}
}

.block-header
{
	padding: @xf-blockHeadPaddingV @xf-blockHeadPaddingH;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	text-decoration: none;
	<xf:if is="property('nlBlockHeadStyle') == 'blockMinorHeader'">
	.xf-blockMinorHeader();
	<xf:else />
	.xf-blockHeader();
	</xf:if>

	.m-clearFix();
	/* .m-hiddenLinks(); */

	&.block-header--separated
	{
		border-top: @xf-borderSize solid @xf-borderColorLight;
	}

	.block-desc
	{
		<xf:if is="property('nlBlockHeadStyle') == 'blockHeader'">
		color: fade(@xf-blockHeader--color, 70);
		<xf:else />
		color: fade(@xf-blockMinorHeader--color, 70);
		</xf:if>
		.m-textColoredLinks();
	}
}

.block-minorHeader
{
	padding: @xf-blockHeadPaddingV  @xf-blockHeadPaddingH;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	text-decoration: none;
	line-height: normal;
	<xf:if is="property('nlBlockHeadStyle') == 'blockHeader'">
	.xf-blockHeader();
	<xf:else />
	.xf-blockMinorHeader();
	</xf:if>
	
	.m-clearFix();
	.m-hiddenLinks();

	.block-body + &
	{
		border-top: @xf-borderSize solid @xf-borderColorLight;
	}

	.block-desc
	{
		.m-textColoredLinks();
	}

	&--spaced
	{
		margin-top: @xf-paddingSmall;
	}

	&--small
	{
		font-size: @xf-fontSizeSmall;
	}
}

.block-tabHeader
{
	padding: 0;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	.xf-blockTabHeader();
	.m-tabsTogether(xf-default(@xf-blockTabHeader--font-size, @xf-fontSizeNormal));

	.tabs-tab
	{
		padding: @xf-blockPaddingV @xf-blockPaddingH;
		border-bottom: @xf-borderSizeFeature solid transparent;
		.xf-nlBlockTabHeaderTab();

		&:hover
		{
			// color: @xf-blockTabHeaderSelected--color;
			// background: fade(@xf-blockTabHeaderSelected--color, 10%);
			.xf-nlBlockTabHeaderHover();
		}

		&.is-active
		{
			background: none;
			.xf-blockTabHeaderSelected();
		}
	}

	.block-tabHeader-extra
	{
		float: right;
		color: inherit;
		font-size: @xf-blockTabHeader--font-size;
		padding: @xf-blockPaddingV @xf-blockPaddingH;
	}

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-blockTabHeader--background-color, transparent),
			xf-default(@xf-blockTabHeader--color, ~""),
			xf-default(@xf-blockTabHeaderSelected--color, ~"")
		);
	}
}

.block-minorTabHeader
{
	padding: 0;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	.xf-blockMinorTabHeader();
	.m-tabsTogether(xf-default(@xf-blockMinorTabHeader--font-size, @xf-fontSizeNormal));

	.tabs-tab
	{
		padding: @xf-blockPaddingV @xf-blockPaddingH max(0px, @xf-blockPaddingV - @xf-borderSizeFeature);
		border-bottom: @xf-borderSizeFeature solid transparent;
		.xf-nlBlockMinorTabHeaderTab();

		&:hover
		{
			.xf-nlBlockMinorTabHeaderHover();
		}

		&.is-active
		{
			.xf-blockMinorTabHeaderSelected();
		}
	}

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-blockMinorTabHeader--background-color, transparent),
			xf-default(@xf-blockMinorTabHeader--color, ~""),
			xf-default(@xf-blockMinorTabHeaderSelected--color, ~"")
		);
	}
}

.block-filterBar
{
	padding: @xf-blockHeadPaddingV @xf-blockHeadPaddingH;
	.xf-blockFilterBar();

	&.block-filterBar--standalone
	{
		padding: @xf-blockHeadPaddingV @xf-blockHeadPaddingH;
		border: @xf-borderSize solid @xf-borderColor;
		border-radius: @block-borderRadius-inner;

		@media (max-width: @xf-responsiveEdgeSpacerRemoval)
		{
			border-radius: 0;
			border-left: none;
			border-right: none;
		}
	}

	.filterBar-filterToggle
	{
		background: mix(
			xf-default(@xf-blockFilterBar--color, @xf-linkColor),
			xf-default(@xf-blockFilterBar--background-color, transparent),
			8%
		);
	}

	.filterBar-filterToggle,
	.filterBar-menuTrigger
	{
		&:hover
		{
			text-decoration: none;
			background: mix(
				xf-default(@xf-blockFilterBar--color, @xf-linkColor),
				xf-default(@xf-blockFilterBar--background-color, transparent),
				16%
			);
			.xf-nlBlockMenuTriggerHover();
		}
	}

	.filterBar-menuTrigger
	{
		/* margin-right: -5px; */
	}
}

.block-textHeader
{
	margin: @xf-blockPaddingV/2 0;
	padding: 0;
	font-weight: @xf-fontWeightNormal;
	.xf-blockTextHeader();

	.m-clearFix();
	.m-hiddenLinks();

	&.block-textHeader--scaled
	{
		font-size: inherit;
	}

	.block-textHeader-highlight
	{
		color: @xf-textColor;
	}

	.block-desc
	{
		.m-textColoredLinks();
	}

	&:first-child
	{
		margin-top: 0;
	}
}

.block-formSectionHeader
{
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	text-decoration: none;
	.xf-formSectionHeader();

	.m-clearFix();
	.m-hiddenLinks();

	.block-desc
	{
		.m-textColoredLinks();
	}

	.block-container > &:first-child,
	.block-body--collapsible &:first-child,
	.block-header + &
	{
		border-top: none;
	}

	.block-formSectionHeader-aligner
	{
		@_blockPaddingShift: (unit(@xf-formLabelWidth) / 100) * (@xf-blockPaddingH);

		display: inline-block;
		text-align: right;
		min-width: @xf-formLabelWidth;
		min-width: ~"calc((@{xf-formLabelWidth}) - (@{_blockPaddingShift}) - (@{xf-formRowPaddingHInner}) - (@{xf-borderSize}))";
		max-width: 100%;

		@media (max-width: @xf-formResponsive)
		{
			display: inline;
			text-align: left;
			min-width: 0;
			padding-left: 0;
		}
	}

	@media (max-width: @xf-formResponsive)
	{
		padding-left: @xf-formRowPaddingHOuter;
	}

	.block-formSectionHeader-multiChecker
	{
		float: right;
	}

	&--small
	{
		font-size: @xf-fontSizeNormal;
	}
}

.block-desc,
.blocks-desc
{
	display: block;
	font-size: @xf-fontSizeSmaller;
	font-weight: @xf-fontWeightNormal;
}

.block-body
{
	.m-listPlain();

	&.block-body--collapsible
	{
		.has-no-js & { display: block; }

		.m-transitionFadeDown();
	}

	&.block-body--contained
	{
		overflow: auto;
		max-height: 300px;
		max-height: 70vh;
	}

	&.block-body--containedFixed
	{
		overflow-x: auto;
		max-height: 300px;
	}
}

.block-row
{
	margin: 0;
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	.m-clearFix();
	.xf-nlBlockRow();

	&.block-row--alt
	{
		.xf-contentAltBase();
	}

	&.block-row--minor
	{
		font-size: @xf-fontSizeSmall;
	}

	&.block-row--separated
	{
		/* padding-top: (@xf-blockPaddingV) * 2; */
		/* padding-bottom: (@xf-blockPaddingV) * 2; */
		.xf-nlBlockRowSeparate();

		+ .block-row
		{
			// border-top: @xf-borderSize solid @xf-borderColorLight;
		}
		.block-container > .block-body > & {
			&:hover {
				.xf-nlBlockRowSeparateHover();
			}
		}
	}

	&.block-row--connectAbove
	{
		padding-bottom: (@xf-blockPaddingV) * 2;

		.block-body > &:last-child
		{
			padding-bottom: @xf-blockPaddingV;
		}
	}

	&.block-row--highlighted
	{
		.xf-contentHighlightBase();
	}

	&.block-row--clickable:hover
	{
		.xf-contentHighlightBase();
	}

	&.is-mod-selected
	{
		background: @xf-inlineModHighlightColor;
	}

	> pre
	{
		&:first-child { margin-top: 0; }
		&:last-child { margin-bottom: 0; }
	}
}

.block-separator
{
	margin: 0;
	padding: 0;
	border: none;
	border-top: @xf-borderSize solid @xf-borderColorLight;
}

.block-footer
{
	.xf-blockFooter();
	.m-clearFix();

	&:first-child
	{
		border: none;
	}

	[data-app=admin] &
	{
		.block-footer-counter,
		.block-footer-select
		{
			line-height: 30px;
		}
	}

	&:not(.block-footer--split)
	{
		.block-footer-counter
		{
			float: left;
		}

		.block-footer-controls
		{
			float: right;
		}
	}

	&.block-footer--split
	{
		display: flex;
		align-items: center;

		.block-footer-main,
		.block-footer-counter
		{
			flex-grow: 1;
		}

		.block-footer-select:not(:last-child)
		{
			margin: 0 1em;
		}

		.block-footer-opposite,
		.block-footer-controls
		{
			margin-left: auto;
		}
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.block-outer
	{
		text-align: center;
	}

	.block-outer-main,
	.block-outer-opposite
	{
		float: none;
		text-align: center;
	}

	.block-outer-main + .block-outer-opposite
	{
		margin-top: @xf-paddingMedium;
	}
}]]></template>
    <template title="core_blocklink.less" type="public" addon_id="XF" version_id="2010870" version_string="2.1.8"><![CDATA[// ############################ BLOCK LINKS ##################

@_blockLinkPaddingV: @xf-nlBlockLinkPaddingV;

.blockLink
{
	display: block;
	padding: @_blockLinkPaddingV @xf-blockPaddingH;
	.xf-blockLink();

	&.is-selected
	{
		.xf-blockLinkSelected(no-border);
		border-left: @xf-blockLinkSelected--border-width solid @xf-blockLinkSelected--border-color;
		padding-left: (@xf-blockPaddingH - xf-default(@xf-blockLinkSelected--border-width, 0));
	}

	&:hover
	{
		.xf-blockLinkSelected(background);
		text-decoration: inherit;
	}
}

.blockLink-desc
{
	display: block;
	color: @xf-textColorMuted;
	font-size: @xf-fontSizeSmaller;
	font-weight: @xf-fontWeightNormal;
}

.blockLinkSplitToggle
{
	display: flex;
	padding: 0;
	text-decoration: none;
	cursor: pointer;

	&.is-selected
	{
		.xf-blockLinkSelected(no-border);
	}

	&:hover
	{
		.xf-blockLinkSelected(background);
		text-decoration: inherit;
	}
}

.blockLinkSplitToggle-link
{
	display: block;
	padding: @_blockLinkPaddingV @xf-blockPaddingH;
	text-decoration: none;
	flex-grow: 1;

	&:hover
	{
		text-decoration: none;
	}

	.blockLinkSplitToggle.is-selected &
	{
		border-left: @xf-blockLinkSelected--border-width solid @xf-blockLinkSelected--border-color;
		padding-left: (@xf-blockPaddingH - xf-default(@xf-blockLinkSelected--border-width, 0));
	}
}

.blockLinkSplitToggle-toggle
{
	display: inline-block;
	padding: @_blockLinkPaddingV @xf-blockPaddingH;
	text-decoration: none;
	flex-grow: 0;
	line-height: 1;

	&:hover
	{
		text-decoration: none;
	}

	&:after
	{
		.m-faBase();
		font-size: 80%;
		.m-faContent(@fa-var-chevron-down);
	}

	&.is-active:after
	{
		.m-faContent(@fa-var-chevron-up);
	}
}

.blockLink--iconic
{
	i:after
	{
		.m-faBase();
		display: inline-block;
		min-width: 1em;
		position: absolute;
		left: @xf-blockPaddingH;
		top: 8px;
		display: none !important;
	}

	&--started i:after
	{
		.m-faContent(@fa-var-file-alt);
	}
	&--contributed i:after
	{
		.m-faContent(@fa-var-comments);
	}
	&--watched i:after
	{
		.m-faContent(@fa-var-bookmark);
	}
	&--unanswered i:after
	{
		.m-faContent(@fa-var-question-circle);
	}
}

// ################################ FAUX BLOCK LINKS #######################
// concept from https://codepen.io/BPScott/pen/Erwan and http://codepen.io/IschaGast/pen/Qjxpxo
// z-indexes are bumped to have the link sit on top of positioned elements (without z-index)

.fauxBlockLink
{
	position: relative;

	a,
	.fauxBlockLink-link
	{
		position: relative;
		z-index: 2;
	}

	.fauxBlockLink-blockLink
	{
		position: static;

		&:before
		{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 1;
		}
	}

	&.fauxBlockLink--noHover
	{
		.fauxBlockLink-blockLink:hover
		{
			text-decoration: none;
		}
	}
}]]></template>
    <template title="core_button.less" type="public" addon_id="XF" version_id="2010870" version_string="2.1.8"><![CDATA[// ############################ BUTTONS #################

.button,
a.button // needed for specificity over a:link
{
	.m-buttonBase();

	a
	{
		color: inherit;
		text-decoration: none;
	}

	.xf-buttonDefault();
	// .m-buttonBlockColorVariationSimple(xf-default(@xf-buttonDefault--background-color, transparent));

	&.button--primary
	{
		.xf-buttonPrimary();
		// .m-buttonBlockColorVariationSimple(xf-default(@xf-buttonPrimary--background-color, transparent));
	}

	&.button--cta
	{
		.xf-buttonCta();
		// .m-buttonBlockColorVariationSimple(xf-default(@xf-buttonCta--background-color, transparent));
	}

	&.button--link
	{
		// block colors
		background: @xf-contentBg;
		color: @xf-linkColor;
		.m-buttonBorderColorVariation(@xf-borderColor);

		&:hover,
		&:active,
		&:focus
		{
			text-decoration: none;
			background: @xf-contentHighlightBg;
		}
	}

	&.button--plain
	{
		background: none;
		color: @xf-linkColor;
		border: none;

		&:hover,
		&:active,
		&:focus
		{
			text-decoration: none;
			background: none;
		}
	}

	&.button--alt
	{
		// block colors
		background-color: @xf-paletteColor1;
		color: @xf-linkColor;
		.m-buttonBorderColorVariation(@xf-paletteColor2);

		&:hover,
		&:active,
		&:focus
		{
			background-color: @xf-paletteColor1;
			color: @xf-linkColor;
		}
	}

	&.button--longText
	{
		.m-overflowEllipsis();
		max-width: 100%;
		display: inline-block;
	}

	&.is-disabled
	{
		.xf-buttonDisabled();
		// .m-buttonBorderColorVariation(xf-default(@xf-buttonDisabled--background-color, transparent));

		&:hover,
		&:active,
		&:focus
		{
			background: xf-default(@xf-buttonDisabled--background-color, transparent) !important;
		}
	}

	&.button--scroll
	{
		background: fade(xf-default(@xf-buttonDefault--background-color, transparent), 75%);
		padding: 5px 8px;

		.m-dropShadow();
	}

	&.button--normal
	{
		font-size: @xf-fontSizeNormal;
	}

	&.button--small
	{
		font-size: @xf-fontSizeSmall;
		padding: 3px 6px;
	}

	&.button--smaller
	{
		font-size: @xf-fontSizeSmaller;
		padding: 2px 5px;
	}

	&.button--fullWidth
	{
		display: block;
		width: 100%;
	}

	&.button--wrap
	{
		white-space: normal;
	}

	&.button--icon
	{
		> .button-text:before,
		.button-icon
		{
			.m-faBase();
		}

		> .button-text:before,
		> .fa--xf:before,
		.button-icon
		{
			font-size: 120%;
			vertical-align: -.1em;
			display: inline-block;
			margin: -.255em 6px -.255em 0;
		}

		> .fa--xf
		{
			// helps fix a button alignment issue (Chrome only)
			line-height: inherit;
		}

		.button-icon
		{
			height: 1em;
			vertical-align: 0;
		}

		&.button--iconOnly
		{
			> .button-text:before,
			> i.fa--xf:before,
			.button-icon
			{
				margin-left: 0;
				margin-right: 0;
			}
		}

		&.button--padded
		{
			> .button-text:before,
			> i.fa--xf:before,
			.button-icon
			{
				margin-top: 0;
				margin-bottom: 0;
			}
		}

		&--add          { .m-buttonIcon(@fa-var-plus-square, .79em); }
		&--confirm      { .m-buttonIcon(@fa-var-check, 1em); }
		&--write	    { .m-buttonIcon(@fa-var-edit, 1em); }
		&--import  	    { .m-buttonIcon(@fa-var-upload, .93em); }
		&--export  	    { .m-buttonIcon(@fa-var-download,  1.125em); }
		&--download	    { .m-buttonIcon(@fa-var-download, 1.125em); }
		&--redirect	    { .m-buttonIcon(@fa-var-external-link, 1.125em); }
		&--disable      { .m-buttonIcon(@fa-var-power-off); }
		&--edit         { .m-buttonIcon(@fa-var-edit, 1.13em); }
		&--save         { .m-buttonIcon(@fa-var-save, .86em); }
		&--reply	    { .m-buttonIcon(@fa-var-reply, 1.13em); }
		&--quote	    { .m-buttonIcon(@fa-var-quote-left, .93em); }
		&--purchase	    { .m-buttonIcon(@fa-var-credit-card, 1.11em); }
		&--payment	    { .m-buttonIcon(@fa-var-credit-card, 1.08em); }
		&--convert	    { .m-buttonIcon(@fa-var-bolt, .5em); }
		&--search	    { .m-buttonIcon(@fa-var-search, .93em); }
		&--sort         { .m-buttonIcon(@fa-var-sort, .58em); }
		&--upload	    { .m-buttonIcon(@fa-var-upload, .93em); }
		&--attach	    { .m-buttonIcon(@fa-var-paperclip, .79em); }
		&--login {
			.m-buttonIcon(@fa-var-lock, .90em);
		}
		&--rate         { .m-buttonIcon(@fa-var-star, .93em); }
		&--config       { .m-buttonIcon(@fa-var-cog, .86em); }
		&--refresh      { .m-buttonIcon(@fa-var-sync-alt, .86em); }
		&--translate    { .m-buttonIcon(@fa-var-globe, .86em); }
		&--vote         { .m-buttonIcon(@fa-var-check-circle, .86em); }
		&--result       { .m-buttonIcon(@fa-var-chart-bar, 1.15em); }
		&--history	    { .m-buttonIcon(@fa-var-history, .86em); }
		&--cancel       { .m-buttonIcon(@fa-var-ban, .86em); }
		&--close        { .m-buttonIcon(@fa-var-times, .79em); }
		&--preview      { .m-buttonIcon(@fa-var-eye, 1em); }
		&--conversation { .m-buttonIcon(@fa-var-comments, 1em); }
		&--bolt         { .m-buttonIcon(@fa-var-bolt, .5em); }
		&--list         { .m-buttonIcon(@fa-var-list, .86em); }
		&--prev			{ .m-buttonIcon(@fa-var-chevron-left, .71em); }
		&--next			{ .m-buttonIcon(@fa-var-chevron-right, .71em); }
		&--markRead     { .m-buttonIcon(@fa-var-check-square, .93em); }
		&--user         { .m-buttonIcon(@fa-var-user, .72em); }
		&--userCircle   { .m-buttonIcon(@fa-var-user-circle, 1em); }

		&--notificationsOn  { .m-buttonIcon(@fa-var-bell, 1em); }
		&--notificationsOff { .m-buttonIcon(@fa-var-bell-slash, 1.15em); }

		&--show			{ .m-buttonIcon(@fa-var-eye) }
		&--hide			{ .m-buttonIcon(@fa-var-eye-slash) }

		// for inline mod confirmations
		&--merge { .m-buttonIcon(@fa-var-compress, .86em); }
		&--move { .m-buttonIcon(@fa-var-share, 1em); }
		&--copy { .m-buttonIcon(@fa-var-copy, 1em); }
		&--approve, &--unapprove { .m-buttonIcon(@fa-var-shield, .72em); }
		&--delete, &--undelete { .m-buttonIcon(@fa-var-trash-alt, .88em); }
		&--stick, &--unstick { .m-buttonIcon(@fa-var-thumbtack, .65em); }
		&--lock { .m-buttonIcon(@fa-var-lock, .88em); }
		&--unlock { .m-buttonIcon(@fa-var-unlock, .93em); }

		&--bookmark
		{
			.m-buttonIcon(@fa-var-bookmark);

			&.is-bookmarked .button-text:before
			{
				font-weight: @faWeight-solid;
				color: @xf-textColorAttention;
			}
		}
	}

	&.button--provider
	{
		> .button-text:before,
		.button-icon
		{
			.m-faBase('Brands');
			font-size: 120%;
			vertical-align: middle;
			display: inline-block;
			margin: -4px 6px -4px 0;
		}

		.button-icon
		{
			height: 1em;
			vertical-align: 0;
		}

		&--facebook
		{
			.m-buttonColorVariation(#3B5998, white);
			.m-buttonIcon(@fa-var-facebook, .58em);
		}

		&--twitter
		{
			.m-buttonColorVariation(#1DA1F3, white);
			.m-buttonIcon(@fa-var-twitter, .93em);
		}

		&--google
		{
			.m-buttonColorVariation(white, #444);
			border-color: #e9e9e9;

			> .button-text:before
			{
				display: none;
			}
		}

		&--github
		{
			.m-buttonColorVariation(#666666, white);
			.m-buttonIcon(@fa-var-github, .86em);
		}

		&--linkedin
		{
			.m-buttonColorVariation(#0077b5, white);
			.m-buttonIcon(@fa-var-linkedin, .86em);
		}

		&--microsoft
		{
			.m-buttonColorVariation(#00bcf2, white);
			.m-buttonIcon(@fa-var-windows, .93em);
		}

		&--yahoo
		{
			.m-buttonColorVariation(#410093, white);
			.m-buttonIcon(@fa-var-yahoo, .86em);
		}
	}

	&.button--splitTrigger
	{
		// button-text and button-menu are always children of button--splitTrigger
		// but are defined here for reasons of specificity, as these border colors
		// are overwritten by .m-buttonBorderColorVariation()
		> .button-text { border-right: @xf-borderSize solid transparent; }
		> .button-menu { border-left: @xf-borderSize solid transparent; }

		.m-clearFix();
		padding: 0;
		font-size: 0;
		display: inline-block;

		button.button-text
		{
			background: transparent;
			border: none;
			border-right: @xf-borderSize solid transparent;
			color: inherit;
		}

		> .button-text,
		> .button-menu
		{
			.xf-buttonBase();
			display: inline-block;

			&:hover
			{
				&:after
				{
					opacity: 1;
				}
			}
		}

		> .button-text
		{
			.m-borderRightRadius(0);
		}

		> .button-menu
		{
			.m-borderLeftRadius(0);
			padding-right: xf-default(@xf-buttonBase--padding-right, 0);// * (2/3);
			padding-left: xf-default(@xf-buttonBase--padding-left, 0);// * (2/3);

			&:after
			{
				.m-menuGadget(); // .58em
				opacity: .5;
			}
		}
	}
}

.buttonGroup
{
	display: inline-block;
	vertical-align: top;
	.m-clearFix();

	&.buttonGroup--aligned
	{
		vertical-align: middle;
	}

	> .button
	{
		float: left;

		&:not(:first-child)
		{
			border-left: none;
		}

		&:not(:first-child):not(:last-child)
		{
			border-radius: 0;
		}

		&:first-child:not(:last-child)
		{
			.m-borderRightRadius(0);
		}

		&:last-child:not(:first-child)
		{
			.m-borderLeftRadius(0);
		}
	}

	> .buttonGroup-buttonWrapper
	{
		float: left;

		&:not(:first-child) > .button
		{
			border-left: none;
		}

		&:not(:first-child):not(:last-child) > .button
		{
			border-radius: 0;
		}

		&:first-child:not(:last-child) > .button
		{
			.m-borderRightRadius(0);
		}

		&:last-child:not(:first-child) > .button
		{
			.m-borderLeftRadius(0);
		}
	}
}

.toggleButton
{
	> input
	{
		display: none;
	}

	> span
	{
		.xf-buttonDisabled();
		.m-buttonBorderColorVariation(xf-default(@xf-buttonDisabled--background-color, transparent));
	}

	&.toggleButton--small > span
	{
		font-size: @xf-fontSizeSmaller;
		padding: @xf-paddingSmall;
	}

	> input:checked + span
	{
		.xf-buttonDefault();
		.m-buttonBlockColorVariationSimple(xf-default(@xf-buttonDefault--background-color, transparent));
	}
}

.u-scrollButtons
{
	position: fixed;
	bottom: 30px;
	right: (@xf-pageEdgeSpacer) / 2;

	.has-hiddenscroll &
	{
		right: 20px;
	}

	z-index: @zIndex-9;

	.m-transition(opacity; @xf-animationSpeed);
	opacity: 0;
	display: none;

	&.is-transitioning
	{
		display: block;
	}

	&.is-active
	{
		display: block;
		opacity: 1;
	}

	.button
	{
		display: block;

		+ .button
		{
			margin-top: (@xf-pageEdgeSpacer) / 2;
		}
	}
}]]></template>
    <template title="core_categorylist.less" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[// ################################ CATEGORY LIST #######################

@_categoryListTogglerWidth: 1em;
@_categoryListTogglerPaddingH: @xf-paddingMedium;
@_categoryListItemPaddingV: @xf-nlBlockLinkPaddingV;

.categoryList
{
	display: none;
	.m-listPlain();

	&.is-active
	{
		display: block;
	}
}

.categoryList-item
{
	padding: 0;
	text-decoration: none;
	font-size: @xf-fontSizeNormal;

	&.categoryList-item--small
	{
		font-size: @xf-fontSizeSmall;
	}

	.categoryList
	{
		padding-left: @xf-paddingLarge;
	}
}

.categoryList-itemDesc
{
	display: block;
	font-size: @xf-fontSizeSmaller;
	font-weight: @xf-fontWeightNormal;
	color: @xf-textColorMuted;
	margin-top: -@xf-blockPaddingV;

	.m-overflowEllipsis();
}

.categoryList-header
{
	padding: @xf-blockPaddingV 0;
	margin: 0;
	color: @xf-textColorFeature;
	text-decoration: none;
	font-weight: @xf-fontWeightHeavy;

	&.categoryList-header--muted
	{
		color: @xf-textColorMuted;
	}

	.m-clearFix();
	.m-hiddenLinks();
}

.categoryList-itemRow
{
	display: flex;
	min-width: 0;
}

.categoryList-link
{
	display: block;
	flex-grow: 1;
	padding: @_categoryListItemPaddingV @_categoryListTogglerPaddingH;
	text-decoration: none;

	.m-overflowEllipsis();

	&:hover
	{
		text-decoration: none;
	}

	&.is-selected
	{
		font-weight: @xf-fontWeightHeavy;
	}

	.categoryList-toggler + &,
	.categoryList-togglerSpacer + &
	{
		padding-left: 0;
	}
}

.categoryList-label
{
	margin-left: auto;
	align-self: center;
	padding-right: @_categoryListTogglerPaddingH;
}

.categoryList-toggler
{
	display: inline-block;
	padding: @_categoryListItemPaddingV @_categoryListTogglerPaddingH;
	text-decoration: none;
	flex-grow: 0;
	line-height: normal;

	&:hover
	{
		text-decoration: none;
	}

	&:after
	{
		.m-faBase();
		font-size: 80%;
		.m-faContent(@fa-var-chevron-down, @_categoryListTogglerWidth);
	}

	&.is-active:after
	{
		.m-faContent(@fa-var-chevron-up, @_categoryListTogglerWidth);
	}
}

.categoryList-togglerSpacer
{
	display: inline-block;
	visibility: hidden;
	padding: @_categoryListItemPaddingV @_categoryListTogglerPaddingH;

	&:after
	{
		.m-faBase();
		font-size: 80%;
		.m-faContent(@fa-var-chevron-down, @_categoryListTogglerWidth);
	}
}

<xf:if is="property('nlBlockLinkType') == 'lineHeight'">
.categoryList-link
{
	padding: 0;
	color: inherit;
}
.categoryList-toggler
{
	padding: 0 @_categoryListTogglerPaddingH 0 0 ;
    height: @xf-nlBlockLinkHeight;
    line-height: (@xf-nlBlockLinkHeight - 2);
	color: inherit;
}
.categoryList-togglerSpacer
{
	padding: @_categoryListItemPaddingV @_categoryListTogglerPaddingH 0 0;
	
	.toggleTarget .toggleTarget & {
		padding-left: @_categoryListTogglerPaddingH;
	}
}
</xf:if>]]></template>
    <template title="core_pagenav.less" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[// ####################################### PAGE NAVIGATION ########################

@_page-paddingV: xf-default(@xf-buttonBase--padding-top, 6px);
@_page-paddingH: 8px;
@_page-paddingHSimple: 10px;

.pageNavWrapper {}

.m-pageNavElCore()
{
	background: linear-gradient(0deg, @xf-contentHighlightBg, mix(@xf-contentHighlightBg, @xf-contentBg, 25%));
	color: @xf-linkColor;
	.xf-blockBorder();
	font-size: @xf-fontSizeSmall;
	white-space: nowrap;
	.xf-nlPageNavItem();

	&:hover,
	&:active
	{
		/*
		background: xf-intensify(@xf-contentHighlightBg, 3%);
		*/
		text-decoration: none;
		.xf-nlPageNavItemHover();
	}
}

.pageNav-jump
{
	display: inline-block;
	.m-pageNavElCore();
	border-radius: @xf-borderRadiusSmall;
	padding: @_page-paddingV @_page-paddingH;

	&.pageNav-jump--prev:before,
	&.pageNav-jump--next:after
	{
		.m-faBase('Pro', @faWeight-solid);
		font-size: 80%;
		unicode-bidi: isolate; // maintain position in RTL with LTR text
	}

	&.pageNav-jump--prev:before
	{
		.m-faContent("@{fa-var-caret-left}\00a0", .61em, ltr);
		.m-faContent("@{fa-var-caret-right}\00a0", .61em, rtl);
	}

	&.pageNav-jump--next:after
	{
		.m-faContent("\00a0@{fa-var-caret-right}", .61em, ltr);
		.m-faContent("\00a0@{fa-var-caret-left}", .61em, rtl);
	}
}

.pageNav-main
{
	.m-listPlain();
	display: inline-table;
}

.pageNav-page
{
	display: table-cell;
	.m-pageNavElCore();
	/*
	&:not(:last-child)
	{
		border-right: none;
	}

	&:not(:first-child)
	{
		border-left-color: @xf-borderColorLight;
	}

	&:first-child
	{
		.m-borderLeftRadius(@xf-borderRadiusSmall);
	}

	&:last-child
	{
		.m-borderRightRadius(@xf-borderRadiusSmall);
	}
	*/
	> a
	{
		display: block;
		padding: @_page-paddingV @_page-paddingH;
		text-decoration: none;
		color: inherit;
	}

	&.pageNav-page--current
	{
		/*
		background: @xf-contentAccentBg;
		color: @xf-textColorAccentContent;

		border: @xf-borderSize solid @xf-borderColorAccentContent;
		*/
		cursor: pointer;
		.xf-nlPageNavItemHover();

		&:hover,
		&:active
		{
			/*
			background: xf-intensify(@xf-contentAccentBg, 3%);
			*/
		}

		+ .pageNav-page
		{
			/*
			border-left: none;
			*/
		}
	}
}

// Hide relative page numbers on narrow devices when we have a skip entry as we don't necessarily have space.
@media (max-width: @xf-responsiveNarrow)
{
	.pageNav--skipStart
	{
		.pageNav-page.pageNav-page--earlier
		{
			display: none;
		}
	}

	.pageNav--skipEnd
	{
		.pageNav-page.pageNav-page--later
		{
			display: none;
		}

		.pageNav-page.pageNav-page--skipEnd
		{
			border-left: none;
		}
	}
}

// ########################### SIMPLE PAGE NAV VARIANT ########################

.pageNavSimple
{
	display: inline-flex;
}

.pageNavSimple-el
{
	display: inline-block;
	.xf-blockBorder();
	border-radius: @xf-borderRadiusSmall;
	padding: @_page-paddingV @_page-paddingHSimple;
	font-size: @xf-fontSizeSmall;
	text-align: center;
	white-space: nowrap;
	margin-right: 4px;

	&:last-child
	{
		margin-right: 0;
	}

	&.pageNavSimple-el--current
	{
		.xf-contentAccentBase();

		&:hover,
		&:active
		{
			background: xf-intensify(@xf-contentAccentBg, 3%);
			text-decoration: none;
		}
	}

	&.pageNavSimple-el--prev,
	&.pageNavSimple-el--next
	{
		background: linear-gradient(0deg, @xf-contentHighlightBg, mix(@xf-contentHighlightBg, @xf-contentBg, 25%));
		color: @xf-linkColor;
		min-width: 75px;

		@media (max-width: 350px)
		{
			min-width: 0;
		}

		&:hover,
		&:active
		{
			background: xf-intensify(@xf-contentHighlightBg, 3%);
			text-decoration: none;
		}

		i:before
		{
			.m-faBase('Pro', @faWeight-solid);
		}
	}

	&.pageNavSimple-el--prev i:before
	{
		.m-faContent(@fa-var-caret-left, .44em, ltr);
		.m-faContent(@fa-var-caret-right, .44em, rtl);
	}

	&.pageNavSimple-el--next i:before
	{
		.m-faContent(@fa-var-caret-right, .44em, ltr);
		.m-faContent(@fa-var-caret-left, .44em, rtl);
	}

	&.pageNavSimple-el--first,
	&.pageNavSimple-el--last
	{
		border-color: transparent;
		padding-left: (@_page-paddingHSimple / 2);
		padding-right: (@_page-paddingHSimple / 2);
		color: fade(@xf-linkColor, 60%);

		&:hover,
		&:active
		{
			.xf-blockBorder();
			background: xf-intensify(@xf-contentHighlightBg, 3%);
			color: @xf-linkColor;
			text-decoration: none;
		}

		i:before
		{
			.m-faBase('Pro', @faWeight-solid);
		}
	}

	&.pageNavSimple-el--first i:before
	{
		.m-faContent(@fa-var-backward, 1em, ltr);
		.m-faContent(@fa-var-forward, 1em, rtl);
	}

	&.pageNavSimple-el--last i:before
	{
		.m-faContent(@fa-var-forward, 1em, ltr);
		.m-faContent(@fa-var-backward, 1em, rtl);
	}

	&.is-disabled
	{
		border-color: transparent;
		background: none;
		color: @xf-textColorMuted;
		text-decoration: none;
		pointer-events: none;

		&:hover
		{
			background: none;
			color: @xf-textColorMuted;
		}
	}
}

// #################### DISPLAY VARIANTS #########################

.pageNavWrapper--simple
{
	.pageNav
	{
		display: none;
	}
}

.pageNavWrapper--full
{
	.pageNavSimple
	{
		display: none;
	}
}

.pageNavWrapper--mixed
{
	.pageNavSimple
	{
		display: none;
	}

	@media (max-width: @xf-responsiveMedium)
	{
		.pageNav
		{
			display: none;
		}

		.pageNavSimple
		{
			display: inline-flex;
		}
	}
}

// Hide any block page nav that goes before the block as we will be wasting vertical space.
@media (max-width: @xf-responsiveNarrow)
{
	.block-outer:not(.block-outer--after) .pageNavWrapper:not(.pageNavWrapper--forceShow)
	{
		display: none;
	}

	// this is a sanity check in case .block-outer--after is forgotten
	.block-container + .block-outer .pageNavWrapper
	{
		display: block;
	}
}]]></template>
    <template title="dbtech_ecommerce_category_view" type="public" addon_id="DBTech/eCommerce" version_id="2000070" version_string="2.0.0"><![CDATA[<xf:title page="{$page}">{$category.title}</xf:title>
<xf:description>{$category.description|raw}</xf:description>

<xf:macro template="metadata_macros" name="canonical_url"
	arg-canonicalUrl="{{ link('canonical:dbtech-ecommerce/categories', $category, {'page': $page}) }}" />

<xf:breadcrumb source="$category.getBreadcrumbs(false)" />

<xf:macro template="dbtech_ecommerce_product_page_macros" name="product_page_options"
	arg-category="{$category}" />

<xf:pageaction if="$category.canAddProduct()">
	<xf:button class="menuTrigger" data-xf-click="menu" aria-expanded="false" aria-haspopup="true">{{ phrase('manage...') }}</xf:button>
	<div class="menu" data-menu="menu" aria-hidden="true">
		<div class="menu-content">
			<h3 class="menu-header">{{ phrase('dbtech_ecommerce_add_product') }}</h3>

			<xf:foreach loop="$xf.app.em.getRepository('DBTech\eCommerce:Product').getProductTypeHandlers()" key="$productType" value="$handler">
				<a href="{{ link('dbtech-ecommerce/add', null, {'category_id': $category.category_id, 'product_type': $productType}) }}" data-xf-click="overlay" class="menu-linkRow">{$handler.getProductTypePhrase()}</a>
			</xf:foreach>
		</div>
	</div>
</xf:pageaction>

<xf:if is="$pendingApproval">
	<div class="blockMessage blockMessage--important">{{ phrase('content_submitted_displayed_pending_approval') }}</div>
</xf:if>

<xf:if is="$canInlineMod">
	<xf:js src="xf/inline_mod.js" min="1" />
</xf:if>

<xf:if is="property('dbtechEcommerceEnableInfiniteScroll') && $page == 1 && $total > $perPage">
	<xf:set var="$infiniteScroll" value="{{ true }}" />

	<xf:js src="DBTech/eCommerce/metafizzy/infinite-scroll/infinite-scroll.pkgd.js" min="1" addon="DBTech/eCommerce" />
	<xf:js src="DBTech/eCommerce/product_list.js" min="1" addon="DBTech/eCommerce" />

	<xf:css src="dbtech_ecommerce_infinite_scroll.less" />
</xf:if>

<div class="block" data-xf-init="{{ $canInlineMod ? 'inline-mod' : '' }}" data-type="dbtech_ecommerce_product" data-href="{{ link('inline-mod') }}">
	<div class="block-outer"><xf:trim>

		<xf:if contentcheck="true">
			<div class="block-outer-opposite">
				<div class="buttonGroup">
					<xf:contentcheck>
						<xf:if is="$canInlineMod">
							<xf:macro template="inline_mod_macros" name="button" />
						</xf:if>
						<xf:if is="$category.canWatch()">
							<xf:button href="{{ link('dbtech-ecommerce/categories/watch', $category) }}" class="button--link"
								data-xf-click="switch-overlay"
								data-sk-watch="{{ phrase('watch') }}"
								data-sk-unwatch="{{ phrase('unwatch') }}">
								<xf:if is="{$category.Watch.{$xf.visitor.user_id}}">{{ phrase('unwatch') }}<xf:else />{{ phrase('watch') }}</xf:if>
							</xf:button>
						</xf:if>
					</xf:contentcheck>
				</div>
			</div>
		</xf:if>

	</xf:trim></div>

	<div class="block-container {{ property('dbtechEcommerceProductListStyle') == 'grid' ? 'block-container--grid' : 'block-container--list' }}">
		<xf:macro template="dbtech_ecommerce_overview_macros" name="list_filter_bar"
				  arg-filters="{$filters}"
				  arg-baseLinkPath="dbtech-ecommerce/categories"
				  arg-category="{$category}"
				  arg-ownerFilter="{$ownerFilter}"
				  arg-platformFilter="{$platformFilter}"
				  arg-productFieldFilter="{$productFieldFilter}" />

		<div class="block-body">
			<xf:if is="$products is not empty">
				<xf:if is="property('dbtechEcommerceProductListStyle') == 'grid'">
					<xf:css src="dbtech_ecommerce_product_grid.less" />

					<div class="productList-grid grid-{{ property('nlDBTech_ecommGridItemsPerRow') }}"
						 data-xf-init="{{ $infiniteScroll ? 'dbtech-ecommerce-infinite-scroll' : '' }}"
						 data-infinite-scroll-click="{{ property('dbtechEcommerceInfiniteScrollClick') }}"
						 data-infinite-scroll-after="{{ property('dbtechEcommerceInfiniteScrollAfter') }}"
						 data-infinite-scroll-history="{{ property('dbtechEcommerceInfiniteScrollHistory') }}"
					>
						<xf:foreach loop="$products" value="$product">
							<xf:macro template="dbtech_ecommerce_product_list_macros" name="product_grid"
									  arg-filters="{$filters}"
									  arg-baseLinkPath="dbtech-ecommerce/categories"
									  arg-product="{$product}"
									  arg-showOwner="{{ property('dbtechEcommerceShowOwnerOverview') ? true : false }}"
									  arg-category="{$category}"
									  arg-allowInlineMod="{$canInlineMod}" />
						</xf:foreach>
					</div>
				<xf:else />
					<div class="structItemContainer"
						 data-xf-init="{{ $infiniteScroll ? 'dbtech-ecommerce-infinite-scroll' : '' }}"
						 data-infinite-scroll-click="{{ property('dbtechEcommerceInfiniteScrollClick') }}"
						 data-infinite-scroll-after="{{ property('dbtechEcommerceInfiniteScrollAfter') }}"
						 data-infinite-scroll-history="{{ property('dbtechEcommerceInfiniteScrollHistory') }}"
					>
						<xf:foreach loop="$products" value="$product">
							<xf:macro template="dbtech_ecommerce_product_list_macros" name="product"
									  arg-filters="{$filters}"
									  arg-baseLinkPath="dbtech-ecommerce/categories"
									  arg-product="{$product}"
									  arg-showOwner="{{ property('dbtechEcommerceShowOwnerOverview') ? true : false }}"
									  arg-category="{$category}"
									  arg-allowInlineMod="{$canInlineMod}" />
						</xf:foreach>
					</div>
				</xf:if>
			<xf:elseif is="$filters" />
				<div class="block-row">{{ phrase('dbtech_ecommerce_there_no_products_matching_your_filters') }}</div>
			<xf:else />
				<div class="block-row">{{ phrase('dbtech_ecommerce_no_products_have_been_created_yet') }}</div>
			</xf:if>
		</div>
	</div>

	<xf:if is="$infiniteScroll">
		<div class="block-row product-status">
			<div class="product-ellipsis infinite-scroll-request">
				<span class="product-ellipsis--dot"></span>
				<span class="product-ellipsis--dot"></span>
				<span class="product-ellipsis--dot"></span>
				<span class="product-ellipsis--dot"></span>
			</div>
		</div>

		<div class="block-row product-loader">
			<xf:button class="product-button button--cta">{{ phrase('dbtech_ecommerce_load_more...') }}</xf:button>
		</div>
	</xf:if>

	<div class="block-outer block-outer--after block-outer--pagination">
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{$total}"
			link="dbtech-ecommerce/categories" data="{$category}" params="{$filters}"
			wrapperclass="block-outer-main" />
		<xf:showignored wrapperclass="block-outer-opposite" />
	</div>
</div>

<xf:page option="sideNavTitle">{{ phrase('categories') }}</xf:page>
<xf:sidenav>
	<xf:macro template="dbtech_ecommerce_category_list_macros" name="simple_list_block"
		arg-categoryTree="{$categoryTree}"
		arg-categoryExtras="{$categoryExtras}"
		arg-selected="{$category.category_id}" />
</xf:sidenav>

<xf:widgetpos id="dbtech_ecommerce_category_sidenav" position="sidenav" context-category="{$category}" />]]></template>
    <template title="dbtech_ecommerce_overview" type="public" addon_id="DBTech/eCommerce" version_id="2000070" version_string="2.0.0"><![CDATA[<xf:title page="{$page}">{{ phrase('dbtech_ecommerce_store') }}</xf:title>

<xf:macro template="metadata_macros" name="canonical_url"
	arg-canonicalUrl="{{ link('canonical:dbtech-ecommerce', null, {'page': $page}) }}" />

<xf:page option="searchConstraints" value="{{ {
	phrase('dbtech_ecommerce_products'): {'search_type': 'dbtech_ecommerce_product'}
} }}" />

<xf:pageaction if="$xf.visitor.canAddDbtechEcommerceProduct()">
	<xf:button class="menuTrigger" data-xf-click="menu" aria-expanded="false" aria-haspopup="true">{{ phrase('manage...') }}</xf:button>
	<div class="menu" data-menu="menu" aria-hidden="true">
		<div class="menu-content">
			<h3 class="menu-header">{{ phrase('dbtech_ecommerce_add_product') }}</h3>

			<xf:foreach loop="$xf.app.em.getRepository('DBTech\eCommerce:Product').getProductTypeHandlers()" key="$productType" value="$handler">
				<a href="{{ link('dbtech-ecommerce/add', null, {'product_type': $productType}) }}" data-xf-click="overlay" class="menu-linkRow">{$handler.getProductTypePhrase()}</a>
			</xf:foreach>
		</div>
	</div>
</xf:pageaction>

<xf:if is="$canInlineMod">
	<xf:js src="xf/inline_mod.js" min="1" />
</xf:if>

<xf:if is="property('dbtechEcommerceEnableInfiniteScroll') && $page == 1 && $total > $perPage">
	<xf:set var="$infiniteScroll" value="{{ true }}" />

	<xf:js src="DBTech/eCommerce/metafizzy/infinite-scroll/infinite-scroll.pkgd.js" min="1" addon="DBTech/eCommerce" />
	<xf:js src="DBTech/eCommerce/product_list.js" min="1" addon="DBTech/eCommerce" />

	<xf:css src="dbtech_ecommerce_infinite_scroll.less" />
</xf:if>

<div class="block" data-xf-init="{{ $canInlineMod ? 'inline-mod' : '' }}" data-type="dbtech_ecommerce_product" data-href="{{ link('inline-mod') }}">
	<div class="block-outer"><xf:trim>

		<xf:if contentcheck="true">
			<div class="block-outer-opposite">
				<div class="buttonGroup">
				<xf:contentcheck>
					<xf:if is="$canInlineMod">
						<xf:macro template="inline_mod_macros" name="button" />
					</xf:if>
				</xf:contentcheck>
				</div>
			</div>
		</xf:if>

	</xf:trim></div>

	<div class="block-container {{ property('dbtechEcommerceProductListStyle') == 'grid' ? 'block-container--grid' : 'block-container--list' }}">
		<xf:macro template="dbtech_ecommerce_overview_macros" name="list_filter_bar"
				  arg-filters="{$filters}"
				  arg-baseLinkPath="dbtech-ecommerce"
				  arg-ownerFilter="{$ownerFilter}"
				  arg-platformFilter="{$platformFilter}"
				  arg-productFieldFilter="{$productFieldFilter}" />

		<div class="block-body">
			<xf:if is="$products is not empty">
				<xf:if is="property('dbtechEcommerceProductListStyle') == 'grid'">
					<xf:css src="dbtech_ecommerce_product_grid.less" />

					<div class="productList-grid grid-{{ property('nlDBTech_ecommGridItemsPerRow') }}"
						 data-xf-init="{{ $infiniteScroll ? 'dbtech-ecommerce-infinite-scroll' : '' }}"
						 data-infinite-scroll-click="{{ property('dbtechEcommerceInfiniteScrollClick') }}"
						 data-infinite-scroll-after="{{ property('dbtechEcommerceInfiniteScrollAfter') }}"
						 data-infinite-scroll-history="{{ property('dbtechEcommerceInfiniteScrollHistory') }}"
					>
						<xf:foreach loop="$products" value="$product">
							<xf:macro template="dbtech_ecommerce_product_list_macros" name="product_grid"
									  arg-filters="{$filters}"
									  arg-baseLinkPath="dbtech-ecommerce"
									  arg-product="{$product}"
									  arg-showOwner="{{ property('dbtechEcommerceShowOwnerOverview') ? true : false }}"
									  arg-allowInlineMod="{$canInlineMod}"
							/>
						</xf:foreach>
					</div>
				<xf:else />
					<div class="structItemContainer"
						 data-xf-init="{{ $infiniteScroll ? 'dbtech-ecommerce-infinite-scroll' : '' }}"
						 data-infinite-scroll-click="{{ property('dbtechEcommerceInfiniteScrollClick') }}"
						 data-infinite-scroll-after="{{ property('dbtechEcommerceInfiniteScrollAfter') }}"
						 data-infinite-scroll-history="{{ property('dbtechEcommerceInfiniteScrollHistory') }}"
					>
						<xf:foreach loop="$products" value="$product">
							<xf:macro template="dbtech_ecommerce_product_list_macros" name="product"
									  arg-filters="{$filters}"
									  arg-baseLinkPath="dbtech-ecommerce"
									  arg-product="{$product}"
									  arg-showOwner="{{ property('dbtechEcommerceShowOwnerOverview') ? true : false }}"
									  arg-allowInlineMod="{$canInlineMod}"
							/>
						</xf:foreach>
					</div>
				</xf:if>
			<xf:elseif is="$filters" />
				<div class="block-row">{{ phrase('dbtech_ecommerce_there_no_products_matching_your_filters') }}</div>
			<xf:else />
				<div class="block-row">{{ phrase('dbtech_ecommerce_no_products_have_been_created_yet') }}</div>
			</xf:if>
		</div>
	</div>

	<xf:if is="$infiniteScroll">
		<div class="block-row product-status">
			<div class="product-ellipsis infinite-scroll-request">
				<span class="product-ellipsis--dot"></span>
				<span class="product-ellipsis--dot"></span>
				<span class="product-ellipsis--dot"></span>
				<span class="product-ellipsis--dot"></span>
			</div>
		</div>

		<div class="block-row product-loader">
			<xf:button class="product-button button--cta">{{ phrase('dbtech_ecommerce_load_more...') }}</xf:button>
		</div>
	</xf:if>

	<div class="block-outer block-outer--after block-outer--pagination">
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{$total}"
			link="dbtech-ecommerce" params="{$filters}"
			wrapperclass="block-outer-main" />
		<xf:showignored wrapperclass="block-outer-opposite" />
	</div>
</div>

<xf:page option="sideNavTitle">{{ phrase('categories') }}</xf:page>
<xf:sidenav>
	<xf:macro template="dbtech_ecommerce_category_list_macros" name="simple_list_block"
		arg-categoryTree="{$categoryTree}"
		arg-categoryExtras="{$categoryExtras}" />
</xf:sidenav>

<xf:widgetpos id="dbtech_ecommerce_overview_sidenav" position="sidenav" />]]></template>
    <template title="dbtech_ecommerce_product_list_macros" type="public" addon_id="DBTech/eCommerce" version_id="2000070" version_string="2.0.0"><![CDATA[<xf:macro name="product"
		  arg-product="!"
		  arg-filters="{{ [] }}"
		  arg-baseLinkPath=""
		  arg-category="{{ null }}"
		  arg-showWatched="{{ true }}"
		  arg-showOwner="{{ true }}"
		  arg-allowInlineMod="{{ true }}"
		  arg-chooseName=""
		  arg-extraInfo="">

	<xf:css src="structured_list.less" />
	<xf:css src="dbtech_ecommerce.less" />

	<div class="productList-product structItem structItem--product {{ $product.prefix_id ? 'is-prefix' . $product.prefix_id : '' }} {{ $product.isIgnored() ? 'is-ignored' : '' }} {{ $product.product_state == 'moderated' ? 'is-moderated' : '' }} {{ $product.product_state == 'deleted' ? 'is-deleted' : '' }} js-inlineModContainer js-productListItem-{$product.product_id}" data-author="{{ $product.User.username ?: $product.username }}" data-xf-init="touch-proxy">
		<div class="structItem-cell structItem-cell--icon structItem-cell--iconExpanded">
			<xf:if is="$product.Sale">
				<a href="{{ link('dbtech-ecommerce', $product) }}"><div class="ribbon ribbon--sale"><span>{{ phrase('dbtech_ecommerce_sale') }}</span></div></a>
			</xf:if>

			<div class="structItem-iconContainer">
				{{ dbtech_ecommerce_product_icon($product, 's', link('dbtech-ecommerce', $product)) }}
				<xf:if is="$showOwner">
				<xf:avatar user="$product.User" size="s"
					href=""
					class="avatar--separated structItem-secondaryIcon" />
				</xf:if>
			</div>
		</div>
		<div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
			<xf:if contentcheck="true">
				<ul class="structItem-statuses">
				<xf:contentcheck>
					<xf:if is="$product.is_featured">
						<li>
							<i class="structItem-status structItem-status--attention" aria-hidden="true" title="{{ phrase('dbtech_ecommerce_featured')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('dbtech_ecommerce_featured') }}</span>
						</li>
					</xf:if>
					<xf:if is="$product.product_state == 'moderated'">
						<li>
							<i class="structItem-status structItem-status--moderated" aria-hidden="true" title="{{ phrase('awaiting_approval')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('awaiting_approval') }}</span>
						</li>
					</xf:if>
					<xf:if is="$product.product_state == 'deleted'">
						<li>
							<i class="structItem-status structItem-status--deleted" aria-hidden="true" title="{{ phrase('deleted')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('deleted') }}</span>
						</li>
					</xf:if>
					<xf:if is="{$showWatched} AND {$xf.visitor.user_id}">
						<xf:if is="{$product.Watch.{$xf.visitor.user_id}}">
							<li>
								<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('dbtech_ecommerce_product_watched')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('dbtech_ecommerce_product_watched') }}</span>
							</li>
						<xf:elseif is="!$category AND {$product.Category.Watch.{$xf.visitor.user_id}}" />
							<li>
								<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('dbtech_ecommerce_category_watched')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('dbtech_ecommerce_category_watched') }}</span>
							</li>
						</xf:if>
					</xf:if>
				</xf:contentcheck>
				</ul>
			</xf:if>

			<div class="structItem-title">
				<xf:if is="$product.prefix_id">
					<xf:if is="$category">
						<a href="{{ link('dbtech-ecommerce/categories', $category, {'prefix_id': $product.prefix_id}) }}" class="labelLink">{{ prefix('dbtechEcommerceProduct', $product, 'html', '') }}</a>
					<xf:else />
						<a href="{{ link('dbtech-ecommerce', null, {'prefix_id': $product.prefix_id}) }}" class="labelLink">{{ prefix('dbtechEcommerceProduct', $product, 'html', '') }}</a>
					</xf:if>
				</xf:if>
				<a href="{{ link('dbtech-ecommerce', $product) }}" data-tp-primary="on">
					{$product.title}
					<xf:if is="$product.hasDownloadFunctionality() && $product.LatestVersion is not empty">
						<a href="{{ link('dbtech-ecommerce/release', $product.LatestVersion) }}" class="u-concealed">
							<span class="u-muted">{$product.LatestVersion.version_string}</span>
						</a>
					</xf:if>
				</a>
				<xf:if is="$product.cost_cache is not empty">
					<xf:set var="$startingRenewalCost" value="{{ $product.getStartingCost().getDigitalRenewalPrice($license, true, true) }}" />

					<xf:if is="$product.Sale">
						<span class="label label--lightGreen label--smallest" data-xf-init="tooltip" title="{{ phrase('dbtech_ecommerce_renewal_cost_from_x', {'cost': $startingRenewalCost})|for_attr }}">
							{{ count($product.cost_cache) > 1 ? phrase('dbtech_ecommerce_cost_from:') : '' }}
							{{ $product.starting_price == 0.00 ? phrase('dbtech_ecommerce_free') : phrase('dbtech_ecommerce_sale_price', {
									'salePrice': $product.starting_price|currency($xf.options.dbtechEcommerceCurrency),
									'saved': ($product.getStartingPrice(null, false) - $product.starting_price)|currency($xf.options.dbtechEcommerceCurrency)
								}) }}
						</span>
					<xf:else />
						<span class="label label--primary label--smallest" data-xf-init="tooltip" title="{{ phrase('dbtech_ecommerce_renewal_cost_from_x', {'cost': $startingRenewalCost})|for_attr }}">
							{{ count($product.cost_cache) > 1 ? phrase('dbtech_ecommerce_cost_from:') : '' }}
							{{ $product.starting_price == 0.00 ? phrase('dbtech_ecommerce_free') : $product.starting_price|currency($xf.options.dbtechEcommerceCurrency)}}
						</span>
					</xf:if>
				</xf:if>
			</div>

			<div class="structItem-minor">
				<xf:if contentcheck="true">
					<ul class="structItem-extraInfo">
					<xf:contentcheck>
						<xf:if is="{$extraInfo}">
							<li>{$extraInfo}</li>
						</xf:if>
						<xf:if is="$chooseName">
							<li><xf:checkbox standalone="true">
								<xf:option name="{$chooseName}[]" value="{$product.product_id}" class="js-chooseItem" />
							</xf:checkbox></li>
						<xf:elseif is="$allowInlineMod AND $product.canUseInlineModeration()" />
							<li><xf:checkbox standalone="true"><xf:option value="{$product.product_id}"
								class="js-inlineModToggle"
								data-xf-init="tooltip" title="{{ phrase('select_for_moderation')|for_attr }}" /></xf:checkbox></li>
						</xf:if>
					</xf:contentcheck>
					</ul>
				</xf:if>

				<xf:if is="$product.product_state == 'deleted'">
					<xf:if is="{$extraInfo}"><span class="structItem-extraInfo">{$extraInfo}</span></xf:if>

					<xf:macro template="deletion_macros" name="notice" arg-log="{$product.DeletionLog}" />
				<xf:else />
					<ul class="structItem-parts structItem-parts--product">
						<xf:if is="$showOwner">
							<li><xf:username user="$product.User" defaultname="{$product.username}" /></li>
						</xf:if>
						<xf:if is="$product.product_filters is not empty">
							<xf:foreach loop="$product.product_filters" value="$filter">
								<li>
									<xf:if is="$baseLinkPath is not empty">
										<a href="{{ link($baseLinkPath, $category, $filters|replace('platform', $filter)) }}" class="u-concealed">{$product.Category.product_filters.{$filter}}</a>
									<xf:else />
										{$product.Category.product_filters.{$filter}}
									</xf:if>
								</li>
							</xf:foreach>
						</xf:if>
					</ul>
				</xf:if>
			</div>

			<xf:if is="$product.product_state != 'deleted'">
				<div class="structItem-productTagLine">{$product.tagline}</div>
			</xf:if>
		</div>
		<div class="structItem-cell structItem-cell--productMeta">
			<xf:if is="$product.canPurchase($license)">
				<div class="structItem-row--purchaseParent">
					<xf:button href="{{ link('dbtech-ecommerce/purchase', $product, ($license ? {'license_key': $license.license_key} : {})) }}" class="button--fullWidth button--cta" icon="purchase" overlay="true" data-cache="false">
						<xf:if is="$license">
							{{ phrase('dbtech_ecommerce_renew') }}
						<xf:elseif is="count($product.cost_cache) == 1 && $product.getStartingCost().getPrice() == 0.00" />
							<xf:if is="$product.canPurchaseAddOns()">
								{{ phrase('dbtech_ecommerce_get_free_purchase_add_ons') }}
							<xf:else />
								{{ phrase('dbtech_ecommerce_get_free') }}
							</xf:if>
						<xf:else />
							{{ phrase('dbtech_ecommerce_purchase') }}
						</xf:if>
					</xf:button>
				</div>
			<xf:elseif is="$product.canPurchaseAddOns($license)" />
				<div class="structItem-row--purchaseParent">
					<xf:button href="{{ link('dbtech-ecommerce/purchase/add-ons', $product, ($license ? {'license_key': $license.license_key} : {})) }}" icon="purchase" overlay="true" data-cache="false">
						{{ phrase('dbtech_ecommerce_buy_add_ons') }}
					</xf:button>
				</div>
			</xf:if>

			<xf:if is="$xf.options.dbtechEcommerceEnableRate">
				<div class="structItem-metaItem structItem-metaItem--rating">
					<xf:macro template="rating_macros" name="stars"
						arg-rating="{$product.rating_avg}"
						arg-count="{$product.rating_count}"
						arg-rowClass="ratingStarsRow--justified"
						arg-starsClass="ratingStars--smaller" />
				</div>
			</xf:if>

			<xf:if is="$product.hasDownloadFunctionality()">
				<xf:if is="$product.LatestVersion is not empty">
					<dl class="pairs pairs--justified structItem-minor structItem-metaItem structItem-metaItem--latestVersion">
						<dt>{{ phrase('dbtech_ecommerce_latest_version') }}</dt>
						<dd><a href="{{ link('dbtech-ecommerce/release', $product.LatestVersion) }}" class="u-concealed">{$product.LatestVersion.version_string}</a></dd>
					</dl>

					<dl class="pairs pairs--justified structItem-minor structItem-metaItem structItem-metaItem--lastUpdate">
						<dt>{{ phrase('updated') }}</dt>
						<dd><a href="{{ link('dbtech-ecommerce/releases', $product) }}" class="u-concealed"><xf:date time="{$product.LatestVersion.release_date}" /></a></dd>
					</dl>
				<xf:else />
					<dl class="pairs pairs--justified structItem-minor structItem-metaItem structItem-metaItem--lastUpdate">
						<dt>{{ phrase('dbtech_ecommerce_released') }}</dt>
						<dd><a href="{{ link('dbtech-ecommerce', $product) }}" class="u-concealed"><xf:date time="{$product.creation_date}" /></a></dd>
					</dl>
				</xf:if>
			<xf:else />
				<dl class="pairs pairs--justified structItem-minor structItem-metaItem structItem-metaItem--lastUpdate">
					<dt>{{ phrase('dbtech_ecommerce_released') }}</dt>
					<dd><a href="{{ link('dbtech-ecommerce', $product) }}" class="u-concealed"><xf:date time="{$product.creation_date}" /></a></dd>
				</dl>
			</xf:if>
		</div>
	</div>
</xf:macro>

<xf:macro name="product_grid"
		  arg-product="!"
		  arg-filters="{{ [] }}"
		  arg-baseLinkPath=""
		  arg-category="{{ null }}"
		  arg-showWatched="{{ true }}"
		  arg-allowInlineMod="{{ true }}"
		  arg-chooseName=""
		  arg-extraInfo="">

	<xf:css src="node_list.less" />
	<xf:css src="structured_list.less" />
	<xf:css src="dbtech_ecommerce.less" />

	<div class="productList-product productList-product-grid node {{ $product.prefix_id ? 'is-prefix' . $product.prefix_id : '' }} {{ $product.isIgnored() ? 'is-ignored' : '' }} {{ $product.product_state == 'moderated' ? 'is-moderated' : '' }} {{ $product.product_state == 'deleted' ? 'is-deleted' : '' }} js-inlineModContainer js-productListItem-{$product.product_id}" data-author="{{ $product.User.username ?: $product.username }}" data-xf-init="touch-proxy">
		<xf:if is="$product.Sale">
			<div class="ribbon ribbon--sale"><span>{{ phrase('dbtech_ecommerce_sale') }}</span></div>
		</xf:if>

		<xf:if is="$product.is_featured">
			<div class="ribbon ribbon--featured"><span>{{ phrase('dbtech_ecommerce_featured') }}</span></div>
		</xf:if>

		<xf:if is="$allowInlineMod">
			<xf:checkbox standalone="true"><xf:option value="{$product.product_id}"
				labelclass="productList-product-gridOverlayTop"
				class="js-inlineModToggle"
				data-xf-init="tooltip"
				title="{{ phrase('select_for_moderation')|for_attr }}" />
			</xf:checkbox>
		</xf:if>

		<div class="productList-product-grid--icon flex-box">
			{{ dbtech_ecommerce_product_icon($product, 'l', link('dbtech-ecommerce', $product)) }}
		</div>

		<div class="node-main js-nodeMain">
			<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
			<h3 class="node-title">
				<xf:if is="$product.prefix_id">
					<xf:if is="$category">
						<a href="{{ link('dbtech-ecommerce/categories', $category, {'prefix_id': $product.prefix_id}) }}" class="labelLink">{{ prefix('dbtechEcommerceProduct', $product, 'html', '') }}</a>
					<xf:else />
						<a href="{{ link('dbtech-ecommerce', null, {'prefix_id': $product.prefix_id}) }}" class="labelLink">{{ prefix('dbtechEcommerceProduct', $product, 'html', '') }}</a>
					</xf:if>
				</xf:if>
				<a href="{{ link('dbtech-ecommerce', $product) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$product.title}</a>
			</h3>
			<xf:if is="property('nlDBTechEcommWidgetShowDesc') == 'default' && $descriptionDisplay != 'none' && $product.tagline is not empty">
				<div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$product.tagline}</div>
			<xf:elseif is="property('nlDBTechEcommWidgetShowDesc') == 'show'" />
				<xf:set var="$descMaxLength" value="{{ property('nlDBTechEcommWidgetDescMaxLength') }}"/>
				<div class="node-description">{{ snippet($product.tagline, $descMaxLength) }}</div>	
			</xf:if>

			<div class="contentRow-minor contentRow-minor--smaller">
				<xf:if is="$product.product_state == 'deleted'">
					<xf:if is="{$extraInfo}"><span class="structItem-extraInfo">{$extraInfo}</span></xf:if>

					<xf:macro template="deletion_macros" name="notice" arg-log="{$product.DeletionLog}" />
				<xf:else />
					<ul class="listInline listInline--bullet">
						<xf:if is="$product.hasDownloadFunctionality() && $product.LatestVersion is not empty">
							<li>
								<a href="{{ link('dbtech-ecommerce/release', $product.LatestVersion) }}" class="u-concealed">{$product.LatestVersion.version_string}</a>
							</li>
						</xf:if>

						<xf:if is="$product.product_filters is not empty">
							<xf:foreach loop="$product.product_filters" value="$filter">
								<li>
									<xf:if is="$baseLinkPath is not empty">
										<a href="{{ link($baseLinkPath, $category, $filters|replace('platform', $filter)) }}" class="u-concealed">{$product.Category.product_filters.{$filter}}</a>
									<xf:else />
										{$product.Category.product_filters.{$filter}}
									</xf:if>
								</li>
							</xf:foreach>
						</xf:if>

						<xf:if is="{$showWatched} AND {$xf.visitor.user_id}">
							<xf:if is="{$product.Watch.{$xf.visitor.user_id}}">
								<li>
									<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('dbtech_ecommerce_product_watched')|for_attr }}"></i>
									<span class="u-srOnly">{{ phrase('dbtech_ecommerce_product_watched') }}</span>
								</li>
								<xf:elseif is="!$category AND {$product.Category.Watch.{$xf.visitor.user_id}}" />
								<li>
									<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('dbtech_ecommerce_category_watched')|for_attr }}"></i>
									<span class="u-srOnly">{{ phrase('dbtech_ecommerce_category_watched') }}</span>
								</li>
							</xf:if>
						</xf:if>
					</ul>
				</xf:if>
			</div>
		</div>

		<div class="productList-product-grid--clearfix">
			<xf:if is="$xf.options.dbtechEcommerceEnableRate">
				<div class="rating">
					<xf:macro template="rating_macros" name="stars"
							  arg-rating="{$product.rating_avg}"
							  arg-rowClass="ratingStarsRow--justified"
							  arg-starsClass="ratingStars--smaller" />
				</div>
			</xf:if>

			<div class="price">
				<xf:if is="$product.cost_cache is not empty">
					<xf:set var="$startingRenewalCost" value="{{ $product.getStartingCost().getDigitalRenewalPrice($license, true, true) }}" />

					<xf:if is="$product.Sale">
						<span class="label label--lightGreen label--smallest" data-xf-init="tooltip" title="{{ phrase('dbtech_ecommerce_renewal_cost_from_x', {'cost': $startingRenewalCost})|for_attr }}">
							{{ count($product.cost_cache) > 1 ? phrase('dbtech_ecommerce_cost_from:') : '' }}
							{{ $product.starting_price == 0.00 ? phrase('dbtech_ecommerce_free') : phrase('dbtech_ecommerce_sale_price', {
									'salePrice': $product.starting_price|currency($xf.options.dbtechEcommerceCurrency),
									'saved': ($product.getStartingPrice(null, false) - $product.starting_price)|currency($xf.options.dbtechEcommerceCurrency)
								}) }}
						</span>
					<xf:else />
						<span class="label label--primary label--smallest" data-xf-init="tooltip" title="{{ phrase('dbtech_ecommerce_renewal_cost_from_x', {'cost': $startingRenewalCost})|for_attr }}">
							{{ count($product.cost_cache) > 1 ? phrase('dbtech_ecommerce_cost_from:') : '' }}
							{{ $product.starting_price == 0.00 ? phrase('dbtech_ecommerce_free') : $product.starting_price|currency($xf.options.dbtechEcommerceCurrency)}}
						</span>
					</xf:if>
				</xf:if>
			</div>
		</div>

		<xf:if contentcheck="true">
			<div class="productList-product-grid--clearfix">
				<xf:contentcheck>
					<xf:if is="$product.canPurchase($license)">
						<div class="structItem-row--purchaseParent">
							<xf:button href="{{ link('dbtech-ecommerce/purchase', $product, ($license ? {'license_key': $license.license_key} : {})) }}" class="button--fullWidth button--cta" icon="purchase" overlay="true" data-cache="false">
								<xf:if is="$license">
									{{ phrase('dbtech_ecommerce_renew') }}
								<xf:elseif is="count($product.cost_cache) == 1 && $product.getStartingCost().getPrice() == 0.00" />
									<xf:if is="$product.canPurchaseAddOns()">
										{{ phrase('dbtech_ecommerce_get_free_purchase_add_ons') }}
									<xf:else />
										{{ phrase('dbtech_ecommerce_get_free') }}
									</xf:if>
								<xf:else />
									{{ phrase('dbtech_ecommerce_purchase') }}
								</xf:if>
							</xf:button>
						</div>
					<xf:elseif is="$product.canPurchaseAddOns($license)" />
						<div class="structItem-row--purchaseParent">
							<xf:button href="{{ link('dbtech-ecommerce/purchase/add-ons', $product, ($license ? {'license_key': $license.license_key} : {})) }}" icon="purchase" overlay="true" data-cache="false">
								{{ phrase('dbtech_ecommerce_buy_add_ons') }}
							</xf:button>
						</div>
					</xf:if>
				</xf:contentcheck>
			</div>
		</xf:if>
		<xf:if is="property('nlDBTechEcommWidgetShowMeta') == true">
		<div class="productList-product-grid--updateInfo">
			<ul class="listInline">
				<xf:if is="$product.hasDownloadFunctionality()">
					<xf:if is="$product.LatestVersion is not empty">
						<li>{{ phrase('updated:') }} <a href="{{ link('dbtech-ecommerce/releases', $product) }}" class="u-concealed"><xf:date time="{$product.LatestVersion.release_date}" /></a></li>
					<xf:else />
						<li>{{ phrase('dbtech_ecommerce_released:') }} <a href="{{ link('dbtech-ecommerce', $product) }}" class="u-concealed"><xf:date time="{$product.creation_date}" /></a></li>
					</xf:if>
				<xf:else />
					<li>{{ phrase('dbtech_ecommerce_released:') }} <a href="{{ link('dbtech-ecommerce', $product) }}" class="u-concealed"><xf:date time="{$product.creation_date}" /></a></li>
				</xf:if>
			</ul>
		</div>
		</xf:if>
	</div>
</xf:macro>

<xf:macro name="product_simple" arg-product="!" arg-showOwner="{{ true }}" arg-withMeta="{{ true }}" arg-withRating="{{ false }}">
	<div class="contentRow">
		<div class="contentRow-figure">
			{{ dbtech_ecommerce_product_icon($product, property('nlDBTechEcommWidgetAvatarSize'), link('dbtech-ecommerce', $product)) }}
		</div>
		<div class="contentRow-main contentRow-main--close">
			<a href="{{ link('dbtech-ecommerce', $product) }}">{{ prefix('dbtechEcommerceProduct', $product) }}{$product.title}</a>
			<div class="contentRow-lesser">{$product.tagline}</div>
			<xf:if is="$withRating && $xf.options.dbtechEcommerceEnableRate">
				<div class="contentRow-lesser">
					<xf:macro template="rating_macros" name="stars_text"
						arg-rating="{$product.rating_avg}"
						arg-count="{$product.rating_count}"
						arg-rowClass="ratingStarsRow--justified"
						arg-starsClass="ratingStars--larger" />
				</div>
			</xf:if>
			<xf:if is="$withMeta AND property('nlDBTechEcommWidgetShowMeta') == true">
				<div class="contentRow-minor contentRow-minor--smaller">
					<ul class="listInline listInline--bullet">
						<xf:if is="$showOwner">
							<li>{{ $product.User.username ?: $product.username }}</li>
						</xf:if>

						<xf:if is="$product.hasDownloadFunctionality()">
							<xf:if is="$product.LatestVersion is not empty">
								<li>{{ phrase('updated:') }} <a href="{{ link('dbtech-ecommerce/releases', $product) }}" class="u-concealed"><xf:date time="{$product.LatestVersion.release_date}" /></a></li>
							<xf:else />
								<li>{{ phrase('dbtech_ecommerce_released:') }} <a href="{{ link('dbtech-ecommerce', $product) }}" class="u-concealed"><xf:date time="{$product.creation_date}" /></a></li>
							</xf:if>
						<xf:else />
							<li>{{ phrase('dbtech_ecommerce_released:') }} <a href="{{ link('dbtech-ecommerce', $product) }}" class="u-concealed"><xf:date time="{$product.creation_date}" /></a></li>
						</xf:if>
					</ul>
				</div>
			</xf:if>
		</div>
	</div>
</xf:macro>]]></template>
    <template title="dbtech_ecommerce_product_wrapper" type="public" addon_id="DBTech/eCommerce" version_id="2000070" version_string="2.0.0"><![CDATA[<xf:macro template="metadata_macros" name="image_url" arg-imageUrl="{{ link('attachments', $product.Attachments.first()) }}" />
<xf:breadcrumb source="$product.Category.getBreadcrumbs()" />
<xf:if is="$product.isAddOn()">
	<xf:breadcrumb href="{{ link('dbtech-ecommerce', $product.Parent, ($license ? {'license_key': $license.license_key} : {})) }}">{$product.Parent.title}</xf:breadcrumb>
</xf:if>

<xf:css src="dbtech_ecommerce.less" />

<xf:macro template="dbtech_ecommerce_product_page_macros" name="product_page_options"
	arg-category="{$product.Category}"
	arg-product="{$product}" />

<xf:macro template="lightbox_macros" name="setup" arg-canViewAttachments="{{ $product.canViewProductImages() }}" />

<xf:description meta="false">
	<ul class="listInline listInline--bullet">
		<li>
			<i class="fa fa-user" aria-hidden="true" title="{{ phrase('dbtech_ecommerce_seller')|for_attr }}"></i>
			<span class="u-srOnly">{{ phrase('dbtech_ecommerce_seller') }}</span>

			<xf:username user="{$product.User}" defaultname="{$product.username}" class="u-concealed" />
		</li>
		<li>
			<i class="fa fa-clock-o" aria-hidden="true" title="{{ phrase('dbtech_ecommerce_creation_date')|for_attr }}"></i>
			<span class="u-srOnly">{{ phrase('dbtech_ecommerce_creation_date') }}</span>

			<a href="{{ link('dbtech-ecommerce', $product) }}" class="u-concealed"><xf:date time="{$product.creation_date}" /></a>
		</li>
		<xf:if is="$xf.options.enableTagging && ($product.canEditTags() || $product.tags)">
			<li>
				<i class="fa fa-tags" aria-hidden="true" title="{{ phrase('tags')|for_attr }}"></i>
				<span class="u-srOnly">{{ phrase('tags') }}</span>

				<xf:if is="$product.tags">
					<xf:foreach loop="$product.tags" value="$tag">
						<a href="{{ link('tags', $tag) }}" class="tagItem" dir="auto">{$tag.tag}</a>
					</xf:foreach>
					<xf:else />
					{{ phrase('none') }}
				</xf:if>
				<xf:if is="$product.canEditTags()">
					<a href="{{ link('dbtech-ecommerce/tags', $product) }}" class="u-concealed" data-xf-click="overlay"
					   data-xf-init="tooltip" title="{{ phrase('edit_tags')|for_attr }}">
						<i class="fa fa-pencil" aria-hidden="true"></i>
						<span class="u-srOnly">{{ phrase('edit') }}</span>
					</a>
				</xf:if>
			</li>
		</xf:if>
	</ul>
	<div class="p-description">{$product.tagline}</div>
</xf:description>

<xf:if contentcheck="true">
	<dl class="blockStatus blockStatus--standalone">
		<dt>{{ phrase('status') }}</dt>
		<xf:contentcheck>
			<xf:if is="$product.product_state == 'deleted'">
				<dd class="blockStatus-message blockStatus-message--deleted">
					<xf:macro template="deletion_macros" name="notice" arg-log="{$product.DeletionLog}" />
				</dd>
				<xf:elseif is="$product.product_state == 'moderated'" />
				<dd class="blockStatus-message blockStatus-message--moderated">
					{{ phrase('awaiting_approval_before_being_displayed_publicly') }}
				</dd>
			</xf:if>
		</xf:contentcheck>
	</dl>
</xf:if>

<div class="block">
	<xf:if contentcheck="true">
		<div class="block-outer">
			<div class="block-outer-opposite">
				<xf:contentcheck>
					<xf:if is="$product.canRate(false) && $xf.options.dbtechEcommerceEnableRate">
						<xf:button href="{{ link('dbtech-ecommerce/rate', $product) }}" overlay="true">
							{{ phrase('leave_rating') }}
						</xf:button>
					</xf:if>
					<xf:if is="$product.canReleaseUpdate()">
						<xf:button href="{{ link('dbtech-ecommerce/release/add', $product) }}" overlay="true">{{ phrase('dbtech_ecommerce_release_update') }}</xf:button>
					</xf:if>

					<xf:if contentcheck="true">
						<div class="buttonGroup">
							<xf:contentcheck>
								<xf:if is="$product.canUndelete() && $product.product_state == 'deleted'">
									<xf:button href="{{ link('dbtech-ecommerce/undelete', $product) }}" class="button--link" overlay="true">
										{{ phrase('undelete') }}
									</xf:button>
								</xf:if>
								<xf:if is="$product.canApproveUnapprove() && $product.product_state == 'moderated'">
									<xf:button href="{{ link('dbtech-ecommerce/approve', $product) }}" class="button--link" overlay="true">
										{{ phrase('approve') }}
									</xf:button>
								</xf:if>
								<xf:if is="$product.canWatch()">
									<xf:button href="{{ link('dbtech-ecommerce/watch', $product) }}" class="button--link"
											   data-xf-click="switch-overlay"
											   data-sk-watch="{{ phrase('watch') }}"
											   data-sk-unwatch="{{ phrase('unwatch') }}">

										<xf:if is="{$product.Watch.{$xf.visitor.user_id}}">
											{{ phrase('unwatch') }}
											<xf:else />
											{{ phrase('watch') }}
										</xf:if>
									</xf:button>
								</xf:if>

								<xf:if is="$product.canBookmarkContent()">
									<xf:macro template="bookmark_macros" name="button"
											  arg-content="{$product}"
											  arg-confirmUrl="{{ link('dbtech-ecommerce/bookmark', $product) }}"/>
								</xf:if>

								<xf:if contentcheck="true">
									<div class="buttonGroup-buttonWrapper">
										<xf:button class="button--link menuTrigger" data-xf-click="menu" aria-expanded="false" aria-haspopup="true" title="{{ phrase('more_options')|for_attr }}">&#8226;&#8226;&#8226;</xf:button>
										<div class="menu" data-menu="menu" aria-hidden="true">
											<div class="menu-content">
												<h4 class="menu-header">{{ phrase('more_options') }}</h4>
												<xf:contentcheck>
													<!--[XF:product_tools_menu:top]-->
													<xf:if is="$product.canEdit()">
														<a href="{{ link('dbtech-ecommerce/edit', $product) }}" class="menu-linkRow">{{ phrase('dbtech_ecommerce_edit_product') }}</a>
													</xf:if>
													<xf:if is="$product.canEditIcon()">
														<a href="{{ link('dbtech-ecommerce/edit-icon', $product) }}" class="menu-linkRow" data-xf-click="overlay">{{ phrase('dbtech_ecommerce_edit_product_icon') }}</a>
													</xf:if>
													<xf:if is="$product.canAddAddOn()">
														<a href="{{ link('dbtech-ecommerce/add-on/add', $product) }}" class="menu-linkRow">{{ phrase('dbtech_ecommerce_add_addon_product') }}</a>
													</xf:if>
													<xf:if is="$product.canMove()">
														<a href="{{ link('dbtech-ecommerce/move', $product) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('dbtech_ecommerce_move_product') }}</a>
													</xf:if>
													<xf:if is="$product.canChangeParent()">
														<a href="{{ link('dbtech-ecommerce/add-on/move', $product) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('dbtech_ecommerce_change_parent_product') }}</a>
													</xf:if>
													<xf:if is="$product.canReassign()">
														<a href="{{ link('dbtech-ecommerce/reassign', $product) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('dbtech_ecommerce_reassign_product') }}</a>
													</xf:if>
													<xf:if is="$product.canDelete('soft')">
														<a href="{{ link('dbtech-ecommerce/delete', $product) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('dbtech_ecommerce_delete_product') }}</a>
													</xf:if>
													<!--[XF:product_tools_menu:before_footer]-->
													<xf:if is="$product.canUseInlineModeration()">
														<div class="menu-footer"
															 data-xf-init="inline-mod"
															 data-type="dbtech_ecommerce_product"
															 data-href="{{ link('inline-mod') }}"
															 data-toggle=".js-productInlineModToggle">
															<xf:checkbox>
																<xf:option class="js-productInlineModToggle">{{ phrase('select_for_moderation') }}</xf:option>
															</xf:checkbox>
														</div>
														<xf:js src="xf/inline_mod.js" min="1" />
													</xf:if>
													<!--[XF:product_tools_menu:bottom]-->
												</xf:contentcheck>
											</div>
										</div>
									</div>
								</xf:if>
							</xf:contentcheck>
						</div>
					</xf:if>
				</xf:contentcheck>
			</div>
		</div>
	</xf:if>

	<div class="block-outer js-productStatusField"><xf:trim>
		<xf:if contentcheck="true">
			<div class="blockStatus blockStatus--info">
				<xf:contentcheck>
					<xf:macro template="custom_fields_macros" name="custom_fields_view"
							  arg-type="dbtechEcommerceProducts"
							  arg-group="above_main"
							  arg-onlyInclude="{$category.field_cache}"
							  arg-set="{$product.product_fields}"
							  arg-wrapperClass="blockStatus-message" />
				</xf:contentcheck>
			</div>
		</xf:if>
	</xf:trim></div>
	
	<xf:if is="property('nlDBTechEcommUseNlLayout') == false">
	<xf:if contentcheck="true">
		<div class="block-container">
			<div class="block-body">
				<xf:contentcheck>
					<xf:if is="$product.description is not empty || $product.icon_date">
						<div class="block-row">
							<div class="block-row--productIcon">{{ dbtech_ecommerce_product_icon($product, 'l') }}</div>
							{{ bb_code($product.description, 'dbtech_ecommerce_description', $product) }}
						</div>
					</xf:if>
					<xf:if contentcheck="true">
						<div class="block-row">
							<div class="lbContainer js-productBody"
								 data-xf-init="lightbox">

								<div class="productBody">
									<div class="productBody--main js-lbContainer"
										 data-lb-id="dbtech_ecommerce_product-{$product.product_id}"
										 data-lb-caption-title="{$product.title}"
										 data-lb-caption-desc="{{ $product.User ? $product.User.username : $product.username }} &middot; {{ date_time($product.creation_date) }}">

										<xf:css src="attachments.less" />
										<ul class="attachmentList productBody--attachments">
											<xf:contentcheck>
												<xf:foreach loop="$product.Attachments" value="$attachment">
													<xf:macro template="attachment_macros" name="attachment_list_item"
															  arg-attachment="{$attachment}"
															  arg-canView="{{ $product.canViewProductImages() }}" />
												</xf:foreach>
											</xf:contentcheck>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</xf:if>
				</xf:contentcheck>
			</div>
		</div>
		</xf:if>
	<xf:else />
		<div class="block-container productContainer productContainer--attachments-{{ property('nlDBTechEcommSlickAttachPos') }}">
			<div class="block-body">
				<div class="block-row">
					<xf:if is="property('nlDBTechEcommSlickAttachPos') == 'side'">
						<xf:if contentcheck="true">
							<div class="lbContainer js-productBody productAttachments-aside"
							 data-xf-init="lightbox">

								<div class="productBody">
									<div class="productBody--main js-lbContainer"
										 data-lb-id="dbtech_ecommerce_product-{$product.product_id}"
										 data-lb-caption-title="{$product.title}"
										 data-lb-caption-desc="{{ $product.User ? $product.User.username : $product.username }} &middot; {{ date_time($product.creation_date) }}">

										<xf:css src="attachments.less" />
										<div class="slick-container">
											<xf:macro template="nl_slick_macros" name="custom"
												  arg-element=".productBody--attachments"
												  arg-animation="slide"
												  arg-dots="false"
												  arg-arrows="true"
												  arg-autoplay="false"
												  arg-show="4"
												  arg-scroll="1"
												  arg-vertical="true"/>
											<ul class="attachmentList productBody--attachments">
												<xf:contentcheck>
													<xf:foreach loop="$product.Attachments" value="$attachment">
														<xf:macro template="attachment_macros" name="attachment_list_item"
																  arg-attachment="{$attachment}"
																  arg-canView="{{ $product.canViewProductImages() }}" />
													</xf:foreach>
												</xf:contentcheck>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</xf:if>
					</xf:if>
					<div class="product-feature-img">
						<img src="{{ link('attachments', $product.Attachments.first()) }}" title="{$attachment.filename}" />
						<xf:if is="property('nlAddPinterestSaveButtons') == true AND property('nlPinterestSaveDBTechFeaturedImg') == true">
							<xf:macro template="nl_social_macros" name="pinterest_save" />
						</xf:if>
					</div>
				</div>
		
				<xf:if is="property('nlDBTechEcommSlickAttachPos') == 'below'">
				<xf:if contentcheck="true">
					<div class="block-row">
						<div class="lbContainer js-productBody"
							 data-xf-init="lightbox">

							<div class="productBody">
								<div class="productBody--main js-lbContainer"
									 data-lb-id="dbtech_ecommerce_product-{$product.product_id}"
									 data-lb-caption-title="{$product.title}"
									 data-lb-caption-desc="{{ $product.User ? $product.User.username : $product.username }} &middot; {{ date_time($product.creation_date) }}">

									<xf:css src="attachments.less" />
									<div class="slick-container">
										<xf:macro template="nl_slick_macros" name="default"
											  arg-element=".productBody--attachments"
											  arg-animation="slide"
											  arg-dots="false"
											  arg-arrows="true"
											  arg-autoplay="false"
											  arg-show="4"
											  arg-scroll="1"
											  arg-vertical="false"/>
										<ul class="attachmentList productBody--attachments">
											<xf:contentcheck>
												<xf:foreach loop="$product.Attachments" value="$attachment">
													<xf:macro template="attachment_macros" name="attachment_list_item"
															  arg-attachment="{$attachment}"
															  arg-canView="{{ $product.canViewProductImages() }}" />
												</xf:foreach>
											</xf:contentcheck>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</xf:if>
				</xf:if>
				
				<xf:if contentcheck="true">
					<div class="block-row">
						<div class="short-description">
							<xf:contentcheck>
								{{ bb_code($product.description, 'dbtech_ecommerce_description', $product) }}
							</xf:contentcheck>
						</div>
					</div>
				</xf:if>
			</div>
		</div>
	</xf:if>
</div>

<div class="block">
	<div class="block-container">
		<xf:if contentcheck="true">
			<h2 class="block-tabHeader tabs hScroller" data-xf-init="h-scroller">
				<span class="hScroller-scroll">
					<!--[DBTecheCommerce:tabs:start]-->
					<a class="tabs-tab {{ $pageSelected == 'overview' ? 'is-active' : '' }}" href="{{ link('dbtech-ecommerce', $product, $license ? {'license_key': $license.license_key} : {}) }}">{{ phrase('overview') }}</a>

					<xf:contentcheck>
						<xf:if is="$product.product_specification is not empty">
							<a class="tabs-tab {{ $pageSelected == 'specifications' ? 'is-active' : '' }}" href="{{ link('dbtech-ecommerce/specifications', $product, $license ? {'license_key': $license.license_key} : {}) }}">{{ $product.hasDownloadFunctionality() ? phrase('dbtech_ecommerce_feature_list') : phrase('dbtech_ecommerce_product_specifications') }}</a>
						</xf:if>
						<xf:if is="$product.copyright_info is not empty">
							<a class="tabs-tab {{ $pageSelected == 'copyright' ? 'is-active' : '' }}" href="{{ link('dbtech-ecommerce/copyright', $product, $license ? {'license_key': $license.license_key} : {}) }}">{{ phrase('dbtech_ecommerce_copyright_info') }}</a>
						</xf:if>
						<xf:foreach loop="$product.getExtraFieldTabs()" key="$fieldId" value="$fieldValue">
							<a class="tabs-tab {{ $pageSelected == ('field_' . $fieldId) ? 'is-active' : '' }}" href="{{ link('dbtech-ecommerce/field', $product, {'field': $fieldId}) }}">{$fieldValue}</a>
						</xf:foreach>
						<xf:if is="$product.hasDownloadFunctionality() && $product.release_count">
							<a class="tabs-tab {{ $pageSelected == 'releases' ? 'is-active' : '' }}" href="{{ link('dbtech-ecommerce/releases', $product, $license ? {'license_key': $license.license_key} : {}) }}">{{ phrase('dbtech_ecommerce_releases') }} {$product.real_release_count|parens}</a>
						</xf:if>
						<xf:if is="$product.hasLicenseFunctionality() && $product.UserLicenses is not empty">
							<a class="tabs-tab {{ $pageSelected == 'user_licenses' ? 'is-active' : '' }}" href="{{ link('dbtech-ecommerce/product-licenses', $product, $license ? {'license_key': $license.license_key} : {}) }}">{{ phrase('dbtech_ecommerce_licenses') }}</a>
						</xf:if>
						<xf:if is="$product.real_review_count">
							<a class="tabs-tab {{ $pageSelected == 'reviews' ? 'is-active' : '' }}" href="{{ link('dbtech-ecommerce/reviews', $product, $license ? {'license_key': $license.license_key} : {}) }}">{{ phrase('dbtech_ecommerce_reviews') }} {$product.real_review_count|parens}</a>
						</xf:if>
						<xf:if is="$product.hasViewableDiscussion()">
							<a class="tabs-tab {{ $pageSelected == 'discussion' ? 'is-active' : '' }}" href="{{ link('threads', $product.Discussion) }}">{{ phrase('dbtech_ecommerce_discussion') }}</a>
						</xf:if>
					</xf:contentcheck>
					<!--[DBTecheCommerce:tabs:end]-->
				</span>
			</h2>
		</xf:if>
		{$innerContent|raw}
	</div>

	<xf:if contentcheck="true">
		<div class="block-outer block-outer--after">
			<xf:contentcheck>
				<xf:pagenav
						page="{$page}" perpage="{$perPage}" total="{$total}"
						link="dbtech-ecommerce/{$pageSelected}" data="{$product}" params="{$licenseParams}"
						wrapperclass="block-outer-main" />
			</xf:contentcheck>
		</div>
	</xf:if>
</div>
<xf:sidebar key="pricingInfo">
	<xf:if contentcheck="true">
		<div class="block">
			<div class="block-container">
				<h3 class="block-minorHeader">{{ phrase('dbtech_ecommerce_pricing_information') }}</h3>

				<xf:contentcheck>
					<xf:if is="!$license || $product.canPurchase($license)">
						<div class="block-body block-row block-row--minor block-row--pricingInfo block-row--pricingInfo{$product.product_type|to_upper('ucwords')}">
							<xf:if is="$product.Costs is not empty">
								<xf:foreach loop="$product.Costs" value="$cost">
									<xf:if is="$product.hasLicenseFunctionality()">
										<dl class="pairs pairs--justified pairs--price">
											<dt>{$cost.length}</dt>
											<dd>
												{$cost.getPrice($license, true, true)}
											</dd>
										</dl>
										<xf:if is="!$cost.isLifetime() && !$license">
											<dl class="pairs pairs--justified pairs--price pairs--renewal">
												<dt>{{ phrase('dbtech_ecommerce_renewal_cost') }}</dt>
												<dd>
													{$cost.getDigitalRenewalPrice(null, true)}
												</dd>
											</dl>
										</xf:if>
									<xf:else />
										<dl class="pairs pairs--justified pairs--stock">
											<dt>{$cost.title}</dt>
											<xf:if is="!$product.hasStockFunctionality() || $cost.stock">
												<dd>{$cost.getPrice(null, true, true)}</dd>
											<xf:elseif is="$product.hasStockFunctionality()" />
												<dd>{{ phrase('dbtech_ecommerce_out_of_stock') }} - <span class="u-muted" style="text-decoration:line-through">{$cost.getPrice(null, true, true)}</span></dd>
											</xf:if>
										</dl>
									</xf:if>
								</xf:foreach>
							</xf:if>
						</div>
					</xf:if>

					<xf:if is="$product.Children is not empty">
						<xf:foreach loop="$product.Children" value="$childProduct" if="$childProduct.canView()">
							<h3 class="block-minorHeader">{$childProduct.title}</h3>

							<div class="block-body block-row block-row--minor block-row--childProducts">
								<xf:if is="$childProduct.Costs is not empty">
									<xf:foreach loop="$childProduct.Costs" value="$cost">
										<xf:if is="$childProduct.hasLicenseFunctionality()">
											<dl class="pairs pairs--justified pairs--price">
												<dt>{$cost.length}</dt>
												<dd>{$cost.getPrice(null, true, true)}</dd>
											</dl>
										<xf:else />
											<dl class="pairs pairs--justified pairs--price">
												<dt>{$cost.title}</dt>
												<dd>{$cost.getPrice(null, true, true)}</dd>
											</dl>
										</xf:if>
									</xf:foreach>
								</xf:if>
							</div>
						</xf:foreach>

					</xf:if>

					<xf:if is="$product.canPurchase($license)">
						<div class="block-body block-row block-row--minor block-row--purchaseParent">
							<xf:button href="{{ link('dbtech-ecommerce/purchase', $product, ($license ? {'license_key': $license.license_key} : {})) }}" class="button--fullWidth button--cta" icon="purchase" overlay="true" data-cache="false">
								<xf:if is="$license">
									{{ phrase('dbtech_ecommerce_renew') }}
								<xf:elseif is="count($product.cost_cache) == 1 && $product.getStartingCost().getPrice() == 0.00" />
									<xf:if is="$product.canPurchaseAddOns()">
										{{ phrase('dbtech_ecommerce_get_free_purchase_add_ons') }}
									<xf:else />
										{{ phrase('dbtech_ecommerce_get_free') }}
									</xf:if>
								<xf:else />
									{{ phrase('dbtech_ecommerce_purchase') }}
								</xf:if>
							</xf:button>
						</div>
					<xf:elseif is="$product.canPurchaseAddOns($license)" />
						<div class="block-body block-row block-row--minor block-row--purchaseAddOns">
							<xf:button href="{{ link('dbtech-ecommerce/purchase/add-ons', $product, ($license ? {'license_key': $license.license_key} : {})) }}" icon="purchase" overlay="true" data-cache="false">
								{{ phrase('dbtech_ecommerce_buy_add_ons') }}
							</xf:button>
						</div>
					</xf:if>

					<xf:if is="$showCheckout">
						<div class="block-body block-row block-row--minor block-row--checkout">
							<xf:button href="{{ link('dbtech-ecommerce/checkout') }}" class="button--cta button--fullWidth" fa="fa-shopping-cart">{{ phrase('dbtech_ecommerce_checkout') }}</xf:button>
						</div>
					</xf:if>
				</xf:contentcheck>
			</div>
		</div>
	</xf:if>
</xf:sidebar>
<xf:sidebar key="productInfo">
	<div class="block">
		<div class="block-container">
			<h3 class="block-minorHeader">{{ phrase('dbtech_ecommerce_product_information') }}</h3>

			<xf:if contentcheck="true">
				<div class="block-body block-row block-row--minor">
					<xf:contentcheck>
						<xf:foreach loop="$product.requirements" value="$requirement">
							<span class="label label--accent label--fullSize">{$requirement}</span>
						</xf:foreach>
					</xf:contentcheck>
				</div>
			</xf:if>

			<div class="block-body block-row block-row--minor">
				<!--[eCommerce:product_information_above_info_fields]-->

				<xf:macro template="custom_fields_macros" name="custom_fields_view"
						  arg-type="dbtechEcommerceProducts"
						  arg-group="above_info"
						  arg-onlyInclude="{$category.field_cache}"
						  arg-set="{$product.product_fields}"/>

				<!--[eCommerce:product_information_below_info_fields]-->

				<dl class="pairs pairs--justified"><dt>{{ phrase('dbtech_ecommerce_seller') }}</dt> <dd><xf:username user="$product.User" rich="true" /></dd></dl>
				<dl class="pairs pairs--justified"><dt>{{ phrase('dbtech_ecommerce_release_date') }}</dt> <dd><xf:date time="$product.creation_date" /></dd></dl>
				<xf:if is="$product.hasDownloadFunctionality()">
					<dl class="pairs pairs--justified"><dt>{{ phrase('dbtech_ecommerce_last_update') }}</dt> <dd><xf:date time="$product.last_update" /></dd></dl>
					<xf:if is="$xf.visitor.hasPermission('dbtechEcommerceAdmin', 'viewDownloadLog')">
						<dl class="pairs pairs--justified"><dt>{{ phrase('dbtech_ecommerce_total_downloads') }}</dt> <dd>{$product.full_download_count|number}</dd></dl>
					</xf:if>
				</xf:if>

				<!--[eCommerce:product_information_below_pairs]-->

				<xf:if is="$xf.options.dbtechEcommerceEnableRate && property('dbtechEcommerceProductRatingStyle') == 'stars'">
					<dl class="pairs pairs--justified"><dt>{{ phrase('dbtech_ecommerce_customer_rating') }}</dt> <dd>
						<a href="{{ link('dbtech-ecommerce/reviews', $product, $license ? {'license_key': $license.license_key} : {}) }}" class="reviewLink">
						<xf:macro template="rating_macros" name="stars_text"
								  arg-rating="{$product.rating_avg}"
								  arg-count="{$product.rating_count}"
								  arg-rowClass="ratingStarsRow--textBlock"
								  arg-starsClass="ratingStars--smaller" />
						</a>
					</dd></dl>
				</xf:if>

				<!--[eCommerce:product_information_above_info_fields2]-->

				<xf:macro template="custom_fields_macros" name="custom_fields_view"
						  arg-type="dbtechEcommerceProducts"
						  arg-group="below_info"
						  arg-onlyInclude="{$category.field_cache}"
						  arg-set="{$product.product_fields}" />

				<!--[eCommerce:product_information_below_info_fields2]-->

				<xf:if is="$xf.options.dbtechEcommerceEnableRate && property('dbtechEcommerceProductRatingStyle') == 'circle'">
					<xf:macro template="dbtech_ecommerce_rating_macros" name="stars_circle"
							  arg-rating="{$product.rating_avg}"
							  arg-count="{$product.rating_count}"
							  arg-rowClass="ratingStarsRow--textBlock"
							  arg-starsClass="ratingStars--smaller" />
				</xf:if>

				<xf:if contentcheck="true">
					<div class="productInfo-buttons">
						<xf:contentcheck>
							<!--[eCommerce:product_information_buttons_top]-->

							<xf:if is="$product.hasViewableDiscussion()">
								<xf:button href="{{ link('threads', $product.Discussion) }}"  class="button--fullWidth">{{ phrase('dbtech_ecommerce_join_discussion') }}</xf:button>
							</xf:if>

							<xf:if is="$product.hasViewableSupportForum()">
								<xf:button href="{{ link($product.SupportForum.Node.getRoute(), $product.SupportForum) }}"  class="button--link button--fullWidth">{{ phrase('dbtech_ecommerce_get_support') }}</xf:button>
							</xf:if>

							<!--[eCommerce:product_information_buttons_bottom]-->
						</xf:contentcheck>
					</div>
				</xf:if>

				<!--[eCommerce:product_information_bottom]-->
			</div>
		</div>
	</div>
</xf:sidebar>
<xf:comment>
<xf:sidebar key="pricingInfo">
	<xf:if contentcheck="true">
		<div class="block">
			<div class="block-container">
				<h3 class="block-minorHeader">{{ phrase('dbtech_ecommerce_pricing_information') }}</h3>

				<xf:contentcheck>
					<xf:if is="!$license || $product.canPurchase($license)">
						<div class="block-body block-row block-row--minor block-row--pricingInfo block-row--pricingInfo{$product.product_type|to_upper('ucwords')}">
							<xf:if is="$product.Costs is not empty">
								<xf:foreach loop="$product.Costs" value="$cost">
									<xf:if is="$product.hasLicenseFunctionality()">
										<dl class="pairs pairs--justified pairs--price">
											<dt>{$cost.length}</dt>
											<dd>
												{$cost.getPrice($license, true, true)}
											</dd>
										</dl>
										<xf:if is="!$cost.isLifetime() && !$license">
											<dl class="pairs pairs--justified pairs--price pairs--renewal">
												<dt>{{ phrase('dbtech_ecommerce_renewal_cost') }}</dt>
												<dd>
													{$cost.getDigitalRenewalPrice(null, true)}
												</dd>
											</dl>
										</xf:if>
									<xf:else />
										<dl class="pairs pairs--justified pairs--stock">
											<dt>{$cost.title}</dt>
											<xf:if is="!$product.hasStockFunctionality() || $cost.stock">
												<dd>{$cost.getPrice(null, true, true)}</dd>
											<xf:elseif is="$product.hasStockFunctionality()" />
												<dd>{{ phrase('dbtech_ecommerce_out_of_stock') }} - <span class="u-muted" style="text-decoration:line-through">{$cost.getPrice(null, true, true)}</span></dd>
											</xf:if>
										</dl>
									</xf:if>
								</xf:foreach>
							</xf:if>
						</div>
					</xf:if>

					<xf:if is="$product.Children is not empty">
						<xf:foreach loop="$product.Children" value="$childProduct" if="$childProduct.canView()">
							<h3 class="block-minorHeader">{$childProduct.title}</h3>

							<div class="block-body block-row block-row--minor block-row--childProducts">
								<xf:if is="$childProduct.Costs is not empty">
									<xf:foreach loop="$childProduct.Costs" value="$cost">
										<xf:if is="$childProduct.hasLicenseFunctionality()">
											<dl class="pairs pairs--justified pairs--price">
												<dt>{$cost.length}</dt>
												<dd>{$cost.getPrice(null, true, true)}</dd>
											</dl>
										<xf:else />
											<dl class="pairs pairs--justified pairs--price">
												<dt>{$cost.title}</dt>
												<dd>{$cost.getPrice(null, true, true)}</dd>
											</dl>
										</xf:if>
									</xf:foreach>
								</xf:if>
							</div>
						</xf:foreach>

					</xf:if>

					<xf:if is="$product.canPurchase($license)">
						<div class="block-body block-row block-row--minor block-row--purchaseParent">
							<xf:button href="{{ link('dbtech-ecommerce/purchase', $product, ($license ? {'license_key': $license.license_key} : {})) }}" class="button--fullWidth button--cta" icon="purchase" overlay="true" data-cache="false">
								<xf:if is="$license">
									{{ phrase('dbtech_ecommerce_renew') }}
								<xf:elseif is="count($product.cost_cache) == 1 && $product.getStartingCost().getPrice() == 0.00" />
									<xf:if is="$product.canPurchaseAddOns()">
										{{ phrase('dbtech_ecommerce_get_free_purchase_add_ons') }}
									<xf:else />
										{{ phrase('dbtech_ecommerce_get_free') }}
									</xf:if>
								<xf:else />
									{{ phrase('dbtech_ecommerce_purchase') }}
								</xf:if>
							</xf:button>
						</div>
					<xf:elseif is="$product.canPurchaseAddOns($license)" />
						<div class="block-body block-row block-row--minor block-row--purchaseAddOns">
							<xf:button href="{{ link('dbtech-ecommerce/purchase/add-ons', $product, ($license ? {'license_key': $license.license_key} : {})) }}" icon="purchase" overlay="true" data-cache="false">
								{{ phrase('dbtech_ecommerce_buy_add_ons') }}
							</xf:button>
						</div>
					</xf:if>

					<xf:if is="$showCheckout">
						<div class="block-body block-row block-row--minor block-row--checkout">
							<xf:button href="{{ link('dbtech-ecommerce/checkout') }}" class="button--cta button--fullWidth" fa="fa-shopping-cart">{{ phrase('dbtech_ecommerce_checkout') }}</xf:button>
						</div>
					</xf:if>
				</xf:contentcheck>
			</div>
		</div>
	</xf:if>
</xf:sidebar>
</xf:comment>
<xf:sidebar key="shareProduct">
	<xf:if contentcheck="true">
		<div class="block">
			<div class="block-container">
				<xf:contentcheck>
					<xf:if contentcheck="true">
						<h3 class="block-minorHeader">{{ phrase('dbtech_ecommerce_share_this_product') }}</h3>
						<div class="block-body block-row block-row--separated">
							<xf:contentcheck>
								<xf:macro template="share_page_macros" name="buttons"
										  arg-iconic="{{ true }}" />
							</xf:contentcheck>
						</div>
					</xf:if>
					<xf:if contentcheck="true">
						<div class="block-body block-row block-row--separated">
							<xf:contentcheck>
								<xf:macro template="share_page_macros" name="share_clipboard_input"
										  arg-label="{{ phrase('dbtech_ecommerce_copy_product_bb_code') }}"
										  arg-text="[PRODUCT=product, {$product.product_id}][/PRODUCT]" />
							</xf:contentcheck>
						</div>
					</xf:if>
				</xf:contentcheck>
			</div>
		</div>
	</xf:if>
</xf:sidebar>
<xf:widgetpos id="dbtech_ecommerce_product_below" context-product="{$product}" />
<xf:widgetpos id="dbtech_ecommerce_product_sidebar" context-product="{$product}" position="sidebar" />]]></template>
    <template title="dbtech_ecommerce_widget_new_products" type="public" addon_id="DBTech/eCommerce" version_id="1050270" version_string="1.5.2"><![CDATA[<xf:if is="$products is not empty">
	<div class="block"{{ widget_data($widget) }}>
		<div class="block-container block-container--{$style}">
			<xf:if is="$style == 'full'">
				<h3 class="block-header">
					<a href="{$link}" rel="nofollow">{{ $title ?: phrase('dbtech_ecommerce_latest_products') }}</a>
				</h3>
				<div class="block-body">
					<xf:if is="property('dbtechEcommerceProductListStyle') == 'grid'">
						<xf:css src="dbtech_ecommerce_product_grid.less" />

						<div class="productList-grid grid-{$options.limit}">
							<xf:foreach loop="$products" value="$product">
								<xf:macro template="dbtech_ecommerce_product_list_macros" name="product_grid"
										  arg-filters="{{ [] }}"
										  arg-baseLinkPath="dbtech-ecommerce"
										  arg-product="{$product}"
										  arg-showOwner="{{ property('dbtechEcommerceShowOwnerOverview') ? true : false }}"
										  arg-allowInlineMod="{{ false }}"
								/>
							</xf:foreach>
						</div>
					<xf:else />
						<div class="structItemContainer">
							<xf:foreach loop="$products" value="$product">
								<xf:macro template="dbtech_ecommerce_product_list_macros" name="product"
										  arg-allowInlineMod="{{ false }}"
										  arg-product="{$product}" />
							</xf:foreach>
						</div>
					</xf:if>
				</div>
				<xf:if is="$hasMore">
					<div class="block-footer">
						<span class="block-footer-controls">
							<xf:button href="{$link}" rel="nofollow">{{ phrase('view_more...') }}</xf:button>
						</span>
					</div>
				</xf:if>
			<xf:elseif is="$style == 'full-grid'" />
				<xf:css src="dbtech_ecommerce_product_grid.less" />

				<h3 class="block-header">
					<a href="{$link}" rel="nofollow">{{ $title ?: phrase('dbtech_ecommerce_latest_products') }}</a>
				</h3>
				<div class="block-body">
					<div class="productList-grid grid-{$options.limit}">
						<xf:foreach loop="$products" value="$product">
							<xf:macro template="dbtech_ecommerce_product_list_macros" name="product_grid"
									  arg-filters="{{ [] }}"
									  arg-baseLinkPath="dbtech-ecommerce"
									  arg-product="{$product}"
									  arg-showOwner="{{ property('dbtechEcommerceShowOwnerOverview') ? true : false }}"
									  arg-allowInlineMod="{{ false }}"
							/>
						</xf:foreach>
					</div>
				</div>
				<xf:if is="$hasMore">
					<div class="block-footer">
						<span class="block-footer-controls">
							<xf:button href="{$link}" rel="nofollow">{{ phrase('view_more...') }}</xf:button>
						</span>
					</div>
				</xf:if>
			<xf:elseif is="$style == 'full-list'" />
				<h3 class="block-header">
					<a href="{$link}" rel="nofollow">{{ $title ?: phrase('dbtech_ecommerce_latest_products') }}</a>
				</h3>
				<div class="block-body">
					<div class="structItemContainer">
						<xf:foreach loop="$products" value="$product">
							<xf:macro template="dbtech_ecommerce_product_list_macros" name="product"
									  arg-allowInlineMod="{{ false }}"
									  arg-product="{$product}" />
						</xf:foreach>
					</div>
				</div>
				<xf:if is="$hasMore">
					<div class="block-footer">
						<span class="block-footer-controls">
							<xf:button href="{$link}" rel="nofollow">{{ phrase('view_more...') }}</xf:button>
						</span>
					</div>
				</xf:if>
			<xf:else />
				<h3 class="block-minorHeader">
					<a href="{$link}" rel="nofollow">{{ $title ?: phrase('dbtech_ecommerce_latest_products') }}</a>
				</h3>
				<ul class="block-body">
					<xf:foreach loop="$products" value="$product">
						<li class="block-row">
							<xf:macro template="dbtech_ecommerce_product_list_macros" name="product_simple"
								arg-product="{$product}" />
						</li>
					</xf:foreach>
				</ul>
			</xf:if>
		</div>
	</div>
</xf:if>]]></template>
    <template title="dbtech_ecommerce_widget_top_products" type="public" addon_id="DBTech/eCommerce" version_id="1050270" version_string="1.5.2"><![CDATA[<xf:if is="$products is not empty">
	<div class="block"{{ widget_data($widget) }}>
		<div class="block-container block-container--{$style}">
			<xf:if is="$style == 'full'">
				<h3 class="block-header">{{ $title ?: phrase('dbtech_ecommerce_top_products') }}</h3>
				<div class="block-body">
					<xf:if is="property('dbtechEcommerceProductListStyle') == 'grid'">
						<xf:css src="dbtech_ecommerce_product_grid.less" />

						<div class="productList-grid grid-{$options.limit}">
							<xf:foreach loop="$products" value="$product">
								<xf:macro template="dbtech_ecommerce_product_list_macros" name="product_grid"
										  arg-filters="{{ [] }}"
										  arg-baseLinkPath="dbtech-ecommerce"
										  arg-product="{$product}"
										  arg-showOwner="{{ property('dbtechEcommerceShowOwnerOverview') ? true : false }}"
										  arg-allowInlineMod="{{ false }}"
								/>
							</xf:foreach>
						</div>
					<xf:else />
						<div class="structItemContainer">
							<xf:foreach loop="$products" value="$product">
								<xf:macro template="dbtech_ecommerce_product_list_macros" name="product"
										  arg-allowInlineMod="{{ false }}"
										  arg-product="{$product}" />
							</xf:foreach>
						</div>
					</xf:if>
				</div>
			<xf:elseif is="$style == 'full-grid'" />
				<xf:css src="dbtech_ecommerce_product_grid.less" />

				<h3 class="block-header">{{ $title ?: phrase('dbtech_ecommerce_top_products') }}</h3>
				<div class="block-body">
					<div class="productList-grid grid-{$options.limit}">
						<xf:foreach loop="$products" value="$product">
							<xf:macro template="dbtech_ecommerce_product_list_macros" name="product_grid"
									  arg-filters="{{ [] }}"
									  arg-baseLinkPath="dbtech-ecommerce"
									  arg-product="{$product}"
									  arg-showOwner="{{ property('dbtechEcommerceShowOwnerOverview') ? true : false }}"
									  arg-allowInlineMod="{{ false }}"
							/>
						</xf:foreach>
					</div>
				</div>
			<xf:elseif is="$style == 'full-list'" />
				<h3 class="block-header">{{ $title ?: phrase('dbtech_ecommerce_top_products') }}</h3>
				<div class="block-body">
					<div class="structItemContainer">
						<xf:foreach loop="$products" value="$product">
							<xf:macro template="dbtech_ecommerce_product_list_macros" name="product"
									  arg-allowInlineMod="{{ false }}"
									  arg-product="{$product}" />
						</xf:foreach>
					</div>
				</div>
			<xf:else />
				<h3 class="block-minorHeader">{{ $title ?: phrase('dbtech_ecommerce_top_products') }}</h3>
				<ul class="block-body">
					<xf:foreach loop="$products" value="$product">
						<li class="block-row">
							<xf:macro template="dbtech_ecommerce_product_list_macros" name="product_simple"
									  arg-product="{$product}"
									  arg-showOwner="{{ property('dbtechEcommerceShowOwnerOverview') ? true : false }}"
									  arg-withRating="{{ true }}" />
						</li>
					</xf:foreach>
				</ul>
			</xf:if>
		</div>
	</div>
</xf:if>]]></template>
    <template title="forum_list" type="public" addon_id="XF" version_id="2010970" version_string="2.1.9"><![CDATA[<xf:h1>{$xf.options.boardTitle}</xf:h1>
<xf:if is="{$xf.options.forumsDefaultPage} != 'forums'">
	<xf:title>{{ phrase('forum_list') }}</xf:title>
</xf:if>

<xf:page option="sidebarPos">{{ property('nlSidebarPosForums') }}</xf:page>

<xf:macro template="metadata_macros" name="metadata"
	arg-description="{$xf.options.boardDescription}"
	arg-canonicalUrl="{{ link('canonical:' . $selfRoute) }}" />


<xf:wrap template="forum_overview_wrapper">
	<xf:set var="$pageSelected">forums</xf:set>
</xf:wrap>

<xf:widgetpos id="forum_list_sidebar" position="sidebar" />

<div id="nodeList" class="nodeList  <xf:include template="nl_node_classes" />">
<xf:widgetpos id="forum_list_above_nodes" />
<!--XF:theme_hook:forum_list_above_nodes-->
<xf:macro template="nl_theme_hooks" name="forum_list_above_nodes" arg-template="{$template}" />
<xf:macro template="nl_helper_macros" name="forum_list_above_nodes" arg-template="{$template}" />
<xf:macro name="node_list" arg-children="{$nodeTree}" arg-extras="{$nodeExtras}" />
<xf:widgetpos id="forum_list_below_nodes" />
<!--XF:theme_hook:forum_list_below_nodes-->
<xf:macro template="nl_theme_hooks" name="forum_list_below_nodes" arg-template="{$template}" />
<xf:macro template="nl_helper_macros" name="forum_list_below_nodes" arg-template="{$template}" />
</div>

<xf:head option="rss_forum"><link rel="alternate" type="application/rss+xml" title="{{ phrase('rss_feed_for_x', {'title': $xf.options.boardTitle})|for_attr }}" href="{{ link('forums/index.rss', '-') }}" /></xf:head>

<xf:macro name="node_list_entry" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<xf:css src="node_list.less" />
	<xf:set var="$nodeTemplate" value="{{ $node.getNodeTemplateRenderer($depth) }}" />
	<xf:if is="$nodeTemplate.macro">
		<xf:macro template="{$nodeTemplate.template}" name="{$nodeTemplate.macro}"
			arg-node="{$node}"
			arg-extras="{$extras}"
			arg-children="{$children}"
			arg-childExtras="{$childExtras}"
			arg-depth="{$depth}" />
	<xf:elseif is="{$nodeTemplate.template}" />
		<xf:include template="{$nodeTemplate.template}" />
	</xf:if>
</xf:macro>

<xf:macro name="node_list" arg-children="!" arg-extras="!" arg-depth="1">
	<xf:css src="node_list.less" />
	<xf:foreach loop="$children" key="$id" value="$child">
		<xf:macro name="node_list_entry"
			arg-node="{$child.record}"
			arg-extras="{$extras.{$id}}"
			arg-children="{$child.children}"
			arg-childExtras="{$extras}"
			arg-depth="{$depth}" />
	</xf:foreach>
</xf:macro>

<xf:macro name="sub_node_list" arg-children="!" arg-childExtras="!" arg-depth="3">
	<xf:if contentcheck="true">
		<ol>
		<xf:contentcheck>
			<xf:macro template="forum_list" name="node_list"
				arg-children="{$children}"
				arg-extras="{$childExtras}"
				arg-depth="{{ $depth + 1 }}" />
		</xf:contentcheck>
		</ol>
	</xf:if>
</xf:macro>

<xf:macro name="sub_nodes_flat" arg-children="!" arg-childExtras="!" arg-depth="3">
	<xf:css src="node_list.less" />
	<xf:if contentcheck="true">
		<div class="node-subNodesFlat">
			<span class="node-subNodesLabel">{{ phrase('sub_forums:') }}</span>
			<ol class="node-subNodeFlatList">
			<xf:contentcheck>
				<xf:macro template="forum_list" name="node_list"
					arg-children="{$children}"
					arg-extras="{$childExtras}"
					arg-depth="{{ $depth + 1 }}" />
			</xf:contentcheck>
			</ol>
		</div>
	</xf:if>
</xf:macro>

<xf:macro name="sub_nodes_menu" arg-children="!" arg-childExtras="!" arg-depth="3">
	<xf:css src="node_list.less" />
	<xf:if contentcheck="true">
		<div class="node-subNodeMenu">
			<a class="menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('sub_forums') }}</a>
			<div class="menu" data-menu="menu" aria-hidden="true">
				<div class="menu-content">
					<h4 class="menu-header">{{ phrase('sub_forums') }}</h4>
					<ol class="subNodeMenu">
					<xf:contentcheck>
						<xf:macro template="forum_list" name="node_list"
							arg-children="{$children}"
							arg-extras="{$childExtras}"
							arg-depth="{{ $depth + 1 }}" />
					</xf:contentcheck>
					</ol>
				</div>
			</div>
		</div>
	</xf:if>
</xf:macro>]]></template>
    <template title="forum_view" type="public" addon_id="XF" version_id="2010970" version_string="2.1.9"><![CDATA[<xf:title page="{$page}">{$forum.Node.title}</xf:title>
<xf:description>{$forum.Node.description|raw}</xf:description>

<xf:css src="structured_list.less" />

<xf:macro template="metadata_macros" name="canonical_url"
	arg-canonicalUrl="{{ link('canonical:forums', $forum, $canonicalFilters + {'page': $page}) }}" />

<xf:head option="rss_forum"><link rel="alternate" type="application/rss+xml" title="{{ phrase('rss_feed_for_x', {'title': $forum.title})|for_attr }}" href="{{ link('forums/index.rss', $forum) }}" /></xf:head>

<xf:macro template="forum_macros" name="forum_page_options" arg-forum="{$forum}" />
<xf:breadcrumb source="$forum.getBreadcrumbs(false)" />

<xf:pageaction if="$forum.canCreateThread()">
	<xf:button href="{{ link('forums/post-thread', $forum) }}" class="button--cta" icon="write">
		{{ phrase('post_thread') }}
	</xf:button>
</xf:pageaction>

<xf:if is="$pendingApproval">
	<div class="blockMessage blockMessage--important">{{ phrase('content_submitted_displayed_pending_approval') }}</div>
</xf:if>

<xf:if is="$nodeTree">
	<xf:ad position="forum_view_above_node_list" arg-forum="{$forum}" />
	<!--XF:theme_hook:forum_view_above_node_list-->
	<xf:macro template="nl_theme_hooks" name="forum_view_above_node_list" arg-template="{$template}" />
	<xf:macro template="nl_helper_macros" name="forum_view_above_node_list" arg-template="{$template}" />
	<div id="subForumsList" class="nodeList subForumsList <xf:include template="nl_node_classes" />">
	<div class="block block--nodes">
		<div class="block-container block-container--subforums">
			<div class="block-body">
				<xf:macro template="forum_list" name="node_list"
					arg-children="{$nodeTree}"
					arg-extras="{$nodeExtras}"
					arg-depth="2" />
			</div>
		</div>
	</div>
	</div>
	<xf:ad position="forum_view_below_node_list" arg-forum="{$forum}" />
	<!--XF:theme_hook:forum_view_below_node_list-->
	<xf:macro template="nl_theme_hooks" name="forum_view_below_node_list" arg-template="{$template}" />
	<xf:macro template="nl_helper_macros" name="forum_view_below_node_list" arg-template="{$template}" />
</xf:if>

<xf:if is="$canInlineMod">
	<xf:js src="xf/inline_mod.js" min="1" />
</xf:if>

<xf:ad position="forum_view_above_thread_list" arg-forum="{$forum}" />
<!--XF:theme_hook:forum_view_above_thread_list-->
<xf:macro template="nl_theme_hooks" name="forum_view_above_thread_list" arg-template="{$template}" />
<xf:macro template="nl_helper_macros" name="forum_view_above_thread_list" arg-template="{$template}" />
<xf:set var="$gridToggle" value="{{ property('nlDiscussionGridAllowToggle') }}" />
<div id="threadList" class="threadList <xf:include template="nl_threadlist_classes" />">
<div class="block" data-xf-init="{{ $canInlineMod ? 'inline-mod' : '' }}" data-type="thread" data-href="{{ link('inline-mod') }}">

	<div class="block-outer"><xf:trim>
		<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$total}"
			link="forums" data="{$forum}" params="{$filters}"
			wrapperclass="block-outer-main" />
		<xf:if contentcheck="true">
			<div class="block-outer-opposite">
				<div class="buttonGroup">
				<xf:contentcheck>
					<xf:if is="$canInlineMod">
						<xf:macro template="inline_mod_macros" name="button" />
					</xf:if>
					<xf:if is="$xf.visitor.user_id">
						<xf:button href="{{ link('forums/mark-read', $forum, {'date': $xf.time}) }}"
							class="button--link" overlay="true">
							{{ phrase('mark_read') }}
						</xf:button>
					</xf:if>
					<xf:if is="$forum.canWatch()">
						<xf:button href="{{ link('forums/watch', $forum) }}" class="button--link"
							data-xf-click="switch-overlay"
							data-sk-watch="{{ phrase('watch') }}"
							data-sk-unwatch="{{ phrase('unwatch') }}">
							<xf:if is="{$forum.Watch.{$xf.visitor.user_id}}">{{ phrase('unwatch') }}<xf:else />{{ phrase('watch') }}</xf:if>
						</xf:button>
					</xf:if>
				</xf:contentcheck>
				</div>
			</div>
		</xf:if>
	</xf:trim></div>

	<xf:set var="$dateLimits" value="{{ {
		'-1': phrase('any_time'),
		'7': phrase('x_days', {'days': '7'}),
		'14': phrase('x_days', {'days': '14'}),
		'30': phrase('x_days', {'days': '30'}),
		'60': phrase('x_months', {'months': '2'}),
		'90': phrase('x_months', {'months': '3'}),
		'182': phrase('x_months', {'months': '6'}),
		'365': phrase('1_year')
	} }}" />
	<xf:set var="$sortOrders" value="{{ {
		'last_post_date': phrase('last_message'),
		'post_date': phrase('first_message'),
		'title': phrase('title'),
		'reply_count': phrase('replies'),
		'view_count': phrase('views'),
		'first_post_reaction_score': phrase('first_message_reaction_score')
	} }}" />

	<div class="block-container block-container--threadList">
		<div class="block-filterBar">
			<div class="filterBar">
				<xf:if contentcheck="true">
					<ul class="filterBar-filters">
					<xf:contentcheck>
						<xf:if is="$filters.prefix_id">
							<li><a href="{{ link('forums', $forum, $filters|replace('prefix_id', null)) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('prefix:') }}</span>
								{{ prefix_title('thread', $filters.prefix_id) }}</a></li>
						</xf:if>
						<xf:if is="$filters.starter_id AND $starterFilter">
							<li><a href="{{ link('forums', $forum, $filters|replace('starter_id', null)) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('started_by:') }}</span>
								{$starterFilter.username}</a></li>
						</xf:if>
						<xf:if is="$filters.last_days AND {$dateLimits.{$filters.last_days}}">
							<li><a href="{{ link('forums', $forum, $filters|replace('last_days', null)) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('last_updated:') }}</span>
								{$dateLimits.{$filters.last_days}}</a></li>
						</xf:if>
						<xf:if is="$filters.order AND {$sortOrders.{$filters.order}}">
							<li><a href="{{ link('forums', $forum, $filters|replace({'order': null, 'direction': null})) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('return_to_default_order')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('sort_by:') }}</span>
								{$sortOrders.{$filters.order}}
								<xf:fa icon="{{ $filters.direction == 'asc' ? 'fa-angle-up' : 'fa-angle-down' }}" />
								<span class="u-srOnly"><xf:if is="$filters.direction == 'asc'">{{ phrase('ascending') }}<xf:else />{{ phrase('descending') }}</xf:if></span>
							</a></li>
						</xf:if>
					</xf:contentcheck>
					</ul>
				</xf:if>
				<xf:if is="property('nlUseDiscussionGrid') && $gridToggle">
					<div class="filterBar-triggerGroup">
						<a class="filterBar-listTrigger listTrigger--list {{ is_toggled('_threadGrid') ? 'is-active' : '' }}" data-xf-click="toggle" data-xf-init="toggle-storage" title="Grid view" data-storage-type="cookie" data-target="#threadList" data-active-class="thread-grid" data-storage-key="_threadGrid" ></a>
					</div>
					<xf:js>
					$( document ).ready(function() {
						$("#threadList").removeClass("hide");
					});
					</xf:js>
				</xf:if>
				<a class="filterBar-menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('filters') }}</a>
				<div class="menu menu--wide" data-menu="menu" aria-hidden="true"
					data-href="{{ link('forums/filters', $forum, $filters) }}"
					data-load-target=".js-filterMenuBody">
					<div class="menu-content">
						<h4 class="menu-header">{{ phrase('show_only:') }}</h4>
						<div class="js-filterMenuBody">
							<div class="menu-row">{{ phrase('loading...') }}</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<xf:set var="$qtPos">{{ ($sortInfo.order == 'last_post_date' && $sortInfo.direction == 'asc') ? 'bottom' : 'top' }}</xf:set>

		<div class="block-body">
			<div class="structItemContainer">
				<xf:macro template="thread_list_macros" name="quick_thread"
					arg-forum="{$forum}"
					arg-page="{$page}"
					arg-order="{$sortInfo.order}"
					arg-direction="{$sortInfo.direction}" />
				<xf:if is="$stickyThreads is not empty OR $threads is not empty">
					<xf:if is="$stickyThreads is not empty">
						<div class="structItemContainer-group structItemContainer-group--sticky">
							<xf:foreach loop="$stickyThreads" value="$thread">
								<xf:macro template="thread_list_macros" name="item" arg-thread="{$thread}" arg-forum="{$forum}" />
							</xf:foreach>
						</div>

						<xf:ad position="forum_view_below_stickies" arg-forum="{$forum}" />
					</xf:if>

					<div class="structItemContainer-group js-threadList">
						<xf:if is="$threads is not empty">
							<xf:foreach loop="$threads" value="$thread">
								<xf:macro template="thread_list_macros" name="item" arg-thread="{$thread}" arg-forum="{$forum}" />
							</xf:foreach>
							<xf:if is="$showDateLimitDisabler">
								<div class="structItem structItem--note">
									<div class="structItem-cell">
										<a href="{{ link('forums', $forum, {'page': $page, 'no_date_limit': 1} + $filters) }}">
											{{ phrase('show_older_items') }}
										</a>
									</div>
								</div>
							</xf:if>
						</xf:if>
					</div>
				<xf:elseif is="$filters" />
					<div class="structItemContainer-group js-threadList">
						<div class="structItem js-emptyThreadList">
							<div class="structItem-cell">{{ phrase('there_no_threads_matching_your_filters') }}</div>
						</div>
					</div>
				<xf:elseif is="$showDateLimitDisabler" />
					<div class="structItemContainer-group js-threadList">
						<div class="structItem js-emptyThreadList">
							<div class="structItem-cell">{{ phrase('there_no_threads_to_display') }}</div>
						</div>
						<div class="structItem structItem--note">
							<div class="structItem-cell">
								<a href="{{ link('forums', $forum, {'page': $page, 'no_date_limit': 1} + $filters) }}">
									{{ phrase('show_older_items') }}
								</a>
							</div>
						</div>
					</div>
				<xf:else />
					<div class="structItemContainer-group js-threadList">
						<div class="structItem js-emptyThreadList">
							<div class="structItem-cell">{{ phrase('there_no_threads_in_this_forum') }}</div>
						</div>
					</div>
				</xf:if>
			</div>
		</div>
	</div>

	<div class="block-outer block-outer--after">
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{$total}"
			link="forums" data="{$forum}" params="{$filters}"
			wrapperclass="block-outer-main" />
		<xf:showignored wrapperclass="block-outer-opposite" />
		<xf:if is="!$forum.canCreateThread()">
			<div class="block-outer-opposite">
				<xf:if is="$xf.visitor.user_id">
					<span class="button is-disabled">
						{{ phrase('no_permission_to_post') }}
						<!-- this is not interactive so shouldn't be a button element -->
					</span>
				<xf:else />
					<xf:button href="{{ link('login') }}" class="button--link button--wrap" overlay="true">
						{{ phrase('log_in_or_register_to_post') }}
					</xf:button>
				</xf:if>
			</div>
		</xf:if>
	</div>
</div>
</div>
<xf:ad position="forum_view_below_thread_list" arg-forum="{$forum}" />
<!--XF:theme_hook:forum_view_below_thread_list-->
<xf:macro template="nl_theme_hooks" name="forum_view_below_thread_list" arg-template="{$template}" />
<xf:macro template="nl_helper_macros" name="forum_view_below_thread_list" arg-template="{$template}" />

<xf:widgetpos id="forum_view_sidebar" context-forum="{$forum}" position="sidebar" />]]></template>
    <template title="helper_js_global" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[<xf:macro name="head" arg-app="!">
	<xf:set var="$cssUrls" value="{{ ['public:normalize.css', 'public:core.less', $app . ':app.less'] }}" />

	<xf:include template="font_awesome_setup" />

	<link rel="stylesheet" href="{{ css_url($cssUrls) }}" />

	<!--XF:CSS-->
	<xf:if is="$xf.fullJs">
		<script src="{{ js_url('xf/preamble.js') }}"></script>
	<xf:else />
		<script src="{{ js_url('xf/preamble.min.js') }}"></script>
	</xf:if>
	<xf:if is="property('nlHeaderScriptInsert') != null">
		{{ property('nlHeaderScriptInsert') }}
	</xf:if>
	<xf:css src="znl_loader.less" />
</xf:macro>

<xf:macro name="body" arg-app="!" arg-jsState="{{ null }}">
	<xf:corejs />
	<!--XF:JS-->
	<script>
		jQuery.extend(true, XF.config, {
			// <!--[XF:js_global:xf_extend_start]-->
			userId: {$xf.visitor.user_id},
			enablePush: {{ $xf.options.enablePush ? 'true' : 'false' }},
			pushAppServerKey: '{$xf.options.pushKeysVAPID.publicKey}',
			url: {
				fullBase: '{{ base_url(null, true)|escape("js") }}',
				basePath: '{{ base_url(null, false)|escape("js") }}',
				css: '{{ css_url(["__SENTINEL__"], false)|escape("js") }}',
				keepAlive: '{{ link_type($app, "login/keep-alive")|escape("js") }}'
			},
			cookie: {
				path: '{{ $xf.cookie.path|escape("js") }}',
				domain: '{{ $xf.cookie.domain|escape("js") }}',
				prefix: '{{ $xf.cookie.prefix|escape("js") }}',
				secure: {{ $xf.cookie.secure ? 'true' : 'false' }}
			},
			csrf: '{{ csrf_token()|escape("js") }}',
			js: {'<!--XF:JS:JSON-->'},
			css: {'<!--XF:CSS:JSON-->'},
			time: {
				now: {$xf.time},
				today: {$xf.timeDetails.today},
				todayDow: {$xf.timeDetails.todayDow},
				tomorrow: {$xf.timeDetails.tomorrow},
				yesterday: {$xf.timeDetails.yesterday},
				week: {$xf.timeDetails.week}
			},
			borderSizeFeature: '{{ property('borderSizeFeature') }}',
			fontAwesomeWeight: '{{ fa_weight() }}',
			enableRtnProtect: {{ $xf.enableRtnProtect ? 'true' : 'false' }},
			enableFormSubmitSticky: {{ property('formSubmitSticky') ? 'true' : 'false' }},
			uploadMaxFilesize: {$xf.uploadMaxFilesize},
			allowedVideoExtensions: {$xf.allowedVideoExtensions|json|raw},
			shortcodeToEmoji: {{ $xf.options.shortcodeToEmoji ? 'true' : 'false' }},
			visitorCounts: {
				conversations_unread: '{$xf.visitor.conversations_unread|number}',
				alerts_unread: '{$xf.visitor.alerts_unread|number}',
				total_unread: '{{ ($xf.visitor.conversations_unread + $xf.visitor.alerts_unread)|number }}',
				title_count: {{ in_array($xf.options.displayVisitorCount, ['title_count', 'title_and_icon']) ? 'true' : 'false' }},
				icon_indicator: {{ in_array($xf.options.displayVisitorCount, ['icon_indicator', 'title_and_icon']) ? 'true' : 'false' }}
			},
			jsState: {{ $jsState ? $jsState|json|raw : '{}' }},
			publicMetadataLogoUrl: '{{ property('publicMetadataLogoUrl') ? base_url(property('publicMetadataLogoUrl'), true) : '' }}',
			publicPushBadgeUrl: '{{ property('publicPushBadgeUrl') ? base_url(property('publicPushBadgeUrl'), true) : '' }}'
		});

		jQuery.extend(XF.phrases, {
			// <!--[XF:js_global:xf_phrase_start]-->
			date_x_at_time_y: "{{ phrase('date_x_at_time_y')|escape('js') }}",
			day_x_at_time_y:  "{{ phrase('day_x_at_time_y')|escape('js') }}",
			yesterday_at_x:   "{{ phrase('yesterday_at_x')|escape('js') }}",
			x_minutes_ago:    "{{ phrase('x_minutes_ago')|escape('js') }}",
			one_minute_ago:   "{{ phrase('one_minute_ago')|escape('js') }}",
			a_moment_ago:     "{{ phrase('a_moment_ago')|escape('js') }}",
			today_at_x:       "{{ phrase('today_at_x')|escape('js') }}",
			in_a_moment:      "{{ phrase('in_a_moment')|escape('js') }}",
			in_a_minute:      "{{ phrase('in_a_minute')|escape('js') }}",
			in_x_minutes:     "{{ phrase('in_x_minutes')|escape('js') }}",
			later_today_at_x: "{{ phrase('later_today_at_x')|escape('js') }}",
			tomorrow_at_x:    "{{ phrase('tomorrow_at_x')|escape('js') }}",

			day0: "{{ phrase('day_sunday')|escape('js') }}",
			day1: "{{ phrase('day_monday')|escape('js') }}",
			day2: "{{ phrase('day_tuesday')|escape('js') }}",
			day3: "{{ phrase('day_wednesday')|escape('js') }}",
			day4: "{{ phrase('day_thursday')|escape('js') }}",
			day5: "{{ phrase('day_friday')|escape('js') }}",
			day6: "{{ phrase('day_saturday')|escape('js') }}",

			dayShort0: "{{ phrase('day_sunday_short')|escape('js') }}",
			dayShort1: "{{ phrase('day_monday_short')|escape('js') }}",
			dayShort2: "{{ phrase('day_tuesday_short')|escape('js') }}",
			dayShort3: "{{ phrase('day_wednesday_short')|escape('js') }}",
			dayShort4: "{{ phrase('day_thursday_short')|escape('js') }}",
			dayShort5: "{{ phrase('day_friday_short')|escape('js') }}",
			dayShort6: "{{ phrase('day_saturday_short')|escape('js') }}",

			month0: "{{ phrase('month_1')|escape('js') }}",
			month1: "{{ phrase('month_2')|escape('js') }}",
			month2: "{{ phrase('month_3')|escape('js') }}",
			month3: "{{ phrase('month_4')|escape('js') }}",
			month4: "{{ phrase('month_5')|escape('js') }}",
			month5: "{{ phrase('month_6')|escape('js') }}",
			month6: "{{ phrase('month_7')|escape('js') }}",
			month7: "{{ phrase('month_8')|escape('js') }}",
			month8: "{{ phrase('month_9')|escape('js') }}",
			month9: "{{ phrase('month_10')|escape('js') }}",
			month10: "{{ phrase('month_11')|escape('js') }}",
			month11: "{{ phrase('month_12')|escape('js') }}",

			active_user_changed_reload_page: "{{ phrase('active_user_changed_reload_page')|escape('js') }}",
			server_did_not_respond_in_time_try_again: "{{ phrase('server_did_not_respond_in_time_try_again')|escape('js') }}",
			oops_we_ran_into_some_problems: "{{ phrase('oops_we_ran_into_some_problems')|escape('js') }}",
			oops_we_ran_into_some_problems_more_details_console: "{{ phrase('oops_we_ran_into_some_problems_more_details_console')|escape('js') }}",
			file_too_large_to_upload: "{{ phrase('file_too_large_to_upload')|escape('js') }}",
			uploaded_file_is_too_large_for_server_to_process: "{{ phrase('uploaded_file_is_too_large_for_server_to_process')|escape('js') }}",
			files_being_uploaded_are_you_sure: "{{ phrase('files_being_uploaded_are_you_sure')|escape('js') }}",
			attach: "{{ phrase('button.attach')|escape('js') }}",
			rich_text_box: "{{ phrase('rich_text_box')|escape('js') }}",
			close: "{{ phrase('close')|escape('js') }}",
			link_copied_to_clipboard: "{{ phrase('link_copied_to_clipboard')|escape('js') }}",
			text_copied_to_clipboard: "{{ phrase('text_copied_to_clipboard')|escape('js') }}",
			loading: "{{ phrase('loading...')|escape('js') }}",

			processing: "{{ phrase('processing')|escape('js') }}",
			'processing...': "{{ phrase('processing...')|escape('js') }}",

			showing_x_of_y_items: "{{ phrase('showing_x_of_y_items')|escape('js') }}",
			showing_all_items: "{{ phrase('showing_all_items')|escape('js') }}",
			no_items_to_display: "{{ phrase('no_items_to_display')|escape('js') }}",

			push_enable_notification_title: "{{ phrase('push_enable_notification_title', {'boardTitle': $xf.options.boardTitle})|escape('js') }}",
			push_enable_notification_body: "{{ phrase('push_enable_notification_body')|escape('js') }}"
		});
	</script>

	<form style="display:none" hidden="hidden">
		<input type="text" name="_xfClientLoadTime" value="" id="_xfClientLoadTime" title="_xfClientLoadTime" tabindex="-1" />
	</form>

	<xf:if is="$xf.visitor.canSearch() && $xf.request.getFullRequestUri() === link('full:index')">
		<script type="application/ld+json">
		{
			"@context": "https://schema.org",
			"@type": "WebSite",
			"url": "{{ link('canonical:index')|escape('js') }}",
			"potentialAction": {
				"@type": "SearchAction",
				"target": "{{ link('canonical:search/search')|escape('js') . ($xf.options.useFriendlyUrls ? '?' : '&') . 'keywords={search_keywords}' }}",
				"query-input": "required name=search_keywords"
			}
		}
		</script>
	</xf:if>
	<xf:include template="nl_functions_js" />
	<xf:if is="property('nlFooterScriptInsert') != null">
		{{ property('nlFooterScriptInsert') }}
	</xf:if>
</xf:macro>]]></template>
    <template title="member_view" type="public" addon_id="XF" version_id="2010770" version_string="2.1.7"><![CDATA[<xf:title page="{$page}">{$user.username}</xf:title>
<xf:h1 hidden="true" />
<xf:if is="property('nlPageTitleLayout') == false">
	<xf:h1 hidden="true" />
</xf:if>
<xf:macro template="metadata_macros" name="metadata"
	arg-shareUrl="{{ link('canonical:members', $user) }}"
	arg-canonicalUrl="{{ link('canonical:members', $user, {'page': $page}) }}"
	arg-imageUrl="{$user.getAvatarUrl('o', null, true)}" />

<xf:page option="ldJsonHtml">
	<script type="application/ld+json">
	{
		"@context": "https://schema.org",
		"@type": "Person",
		"name": "{$user.username|escape('json')}",
		"image": "{$user.getAvatarUrl('o', null, true)|escape('json')}"
	}
	</script>
</xf:page>

<xf:css src="member.less" />

<div class="block">
	<div class="block-container">
		<div class="block-body">
			<div class="memberHeader">

				<div class="memberHeader-main">
					<span class="memberHeader-avatar">
						<span class="avatarWrapper">
							<xf:avatar user="{$user}" size="l"
								href="{{ $user.getAvatarUrl('o') ?: '' }}" />
							<xf:if is="$user.user_id == $xf.visitor.user_id && $xf.visitor.canUploadAvatar()">
								<a class="avatarWrapper-update" href="{{ link('account/avatar') }}" data-xf-click="overlay"><span>{{ phrase('edit') }}</span></a>
							</xf:if>
						</span>
					</span>
					<div class="memberHeader-content memberHeader-content--info">
						<xf:if contentcheck="true">
							<div class="memberHeader-actionTop">
								<xf:contentcheck>
								<!--[XF:action_top_start]-->
								<xf:if contentcheck="true">
									<div class="buttonGroup">
										<xf:contentcheck>
											<xf:if is="$user.canBeReported()">
												<xf:button href="{{ link('members/report', $user) }}"
													class="button--link" overlay="true">
													{{ phrase('report_verb') }}
												</xf:button>
											</xf:if>
											<xf:if contentcheck="true">
												<div class="buttonGroup-buttonWrapper">
													<xf:button class="button--link menuTrigger" data-xf-click="menu" aria-expanded="false" aria-haspopup="true">{{ phrase('moderator_tools') }}</xf:button>
													<div class="menu" data-menu="menu" aria-hidden="true">
														<div class="menu-content">
															<h3 class="menu-header">{{ phrase('moderator_tools') }}</h3>
															<xf:contentcheck>
																<xf:macro template="member_macros" name="moderator_menu_actions"
																	arg-user="{$user}"
																	arg-context="profile" />
															</xf:contentcheck>
														</div>
													</div>
												</div>
											</xf:if>
										</xf:contentcheck>
									</div>
								</xf:if>
								<!--[XF:action_top_end]-->
								</xf:contentcheck>
							</div>
						</xf:if>

						<h1 class="memberHeader-name"><xf:username user="{$user}" rich="true" href="" /></h1>

						<xf:if contentcheck="true">
							<div class="memberHeader-banners">
								<xf:contentcheck><xf:userbanners user="$user" /></xf:contentcheck>
							</div>
						</xf:if>

						<xf:userblurb user="$user" tag="div" class="memberHeader-blurb" />

						<div class="memberHeader-blurb">
							<dl class="pairs pairs--inline">
								<dt>{{ phrase('joined') }}</dt>
								<dd><xf:date time="$user.register_date" /></dd>
							</dl>
						</div>

						<xf:if contentcheck="true">
							<div class="memberHeader-blurb">
								<dl class="pairs pairs--inline">
									<dt>{{ phrase('last_seen') }}</dt>
									<dd dir="auto">
										<xf:contentcheck><xf:useractivity user="$user" class="pairs--plainLabel" /></xf:contentcheck>
									</dd>
								</dl>
							</div>
						</xf:if>
					</div>
				</div>

				<div class="memberHeader-content">
					<div class="memberHeader-stats">
						<div class="pairJustifier">
							<xf:macro template="member_macros" name="member_stat_pairs"
								arg-user="{$user}"
								arg-context="profile" />
						</div>
					</div>

					<xf:if contentcheck="true">
						<hr class="memberHeader-separator" />

						<div class="memberHeader-buttons">
							<xf:contentcheck>
								<xf:macro template="member_macros" name="member_action_buttons"
									arg-user="{$user}"
									arg-context="profile" />
							</xf:contentcheck>
						</div>
					</xf:if>
				</div>

			</div>
		</div>
		<xf:set var="$tabsHtml">
		<h2 class="block-tabHeader block-tabHeader--memberTabs tabs hScroller"
			data-xf-init="tabs h-scroller"
			data-panes=".js-memberTabPanes"
			data-state="replace"
			role="tablist">
			<span class="hScroller-scroll">
				<!--[XF:tabs:start]-->
				<xf:if is="$user.canViewPostsOnProfile()">
					<a href="{{ link('members', $user) }}"
						class="tabs-tab is-active"
						role="tab"
						aria-controls="profile-posts">{{ phrase('profile_posts') }}</a>
				</xf:if>

				<xf:if is="$user.canViewLatestActivity()">
					<a href="{{ link('members/latest-activity', $user) }}"
						rel="nofollow"
						class="tabs-tab"
						id="latest-activity"
						role="tab">{{ phrase('latest_activity') }}</a>
				</xf:if>

				<a href="{{ link('members/recent-content', $user) }}"
					rel="nofollow"
					class="tabs-tab"
					id="recent-content"
					role="tab">{{ phrase('postings') }}</a>

				<!--[XF:tabs:after_recent_content]-->

				<a href="{{ link('members/about', $user) }}"
					class="tabs-tab"
					id="about"
					role="tab">{{ phrase('about') }}</a>

				<xf:if is="$xf.visitor.canViewWarnings() && $user.warning_count">
					<a href="{{ link('members/warnings', $user) }}"
						class="tabs-tab"
						id="warnings"
						role="tab">{{ phrase('warnings') }}</a>
				</xf:if>
				<!--[XF:tabs:end]-->
			</span>
		</h2>
		</xf:set>
		<xf:if is="!property('nlMemberProfileMoveTags')">
			{$tabsHtml|raw}
		</xf:if>
	</div>
</div>
<xf:if is="property('nlMemberProfileMoveTags')">
	{$tabsHtml|raw}
</xf:if>

<xf:ad position="member_view_below_tabs" arg-user="{$user}" />

<ul class="tabPanes js-memberTabPanes">
	<!--[XF:tab_panes:start]-->
	<xf:if is="$user.canViewPostsOnProfile()">
		<li class="is-active" role="tabpanel" id="profile-posts">
			<xf:js src="xf/inline_mod.js" min="1" />
			<div class="block block--messages" data-xf-init="inline-mod" data-type="profile_post" data-href="{{ link('inline-mod') }}">
				<div class="block-container">
					<div class="block-body js-replyNewMessageContainer">
						<xf:if is="$user.canPostOnProfile()">
							<xf:set var="$firstProfilePost" value="{$profilePosts|first}" />
							<xf:macro template="profile_post_macros" name="quick_post"
								arg-user="{$user}"
								arg-lastDate="{{ $firstProfilePost.post_date ?: 0 }}"
								arg-containerSelector="< .js-replyNewMessageContainer" />
						</xf:if>

						<xf:if is="$profilePosts is not empty">
							<xf:foreach loop="$profilePosts" value="$profilePost">
								<xf:macro template="profile_post_macros"
									name="{{ $profilePost.message_state == 'deleted' ? 'profile_post_deleted' : 'profile_post' }}"
									arg-profilePost="{$profilePost}" />
							</xf:foreach>
						<xf:else />
							<div class="block-row js-replyNoMessages">{{ phrase('there_no_messages_on_xs_profile_yet', {'name': $user.username}) }}</div>
						</xf:if>
					</div>
				</div>

				<div class="block-outer block-outer--after">
					<xf:pagenav
						page="{$page}" perpage="{$perPage}" total="{$total}"
						link="members" data="{$user}"
						wrapperclass="block-outer-main" />
					<div class="block-outer-opposite">
						<xf:showignored />
						<xf:if is="$canInlineMod">
							<xf:macro template="inline_mod_macros" name="button" />
						</xf:if>
					</div>
				</div>
			</div>
		</li>
	</xf:if>

	<xf:if is="$user.canViewLatestActivity()">
		<li data-href="{{ link('members/latest-activity', $user) }}" role="tabpanel" aria-labelledby="latest-activity">
			<div class="blockMessage">{{ phrase('loading...') }}</div>
		</li>
	</xf:if>

	<li data-href="{{ link('members/recent-content', $user) }}" role="tabpanel" aria-labelledby="recent-content">
		<div class="blockMessage">{{ phrase('loading...') }}</div>
	</li>

	<!--[XF:tab_panes:after_recent_content]-->

	<li data-href="{{ link('members/about', $user) }}" role="tabpanel" aria-labelledby="about">
		<div class="blockMessage">{{ phrase('loading...') }}</div>
	</li>

	<xf:if is="$xf.visitor.canViewWarnings() && $user.warning_count">
		<li data-href="{{ link('members/warnings', $user) }}" role="tabpanel" aria-labelledby="warnings">
			<div class="blockMessage">{{ phrase('loading...') }}</div>
		</li>
	</xf:if>
	<!--[XF:tab_panes:end]-->
</ul>

<xf:widgetpos id="member_view_sidebar" context-user="{$user}" position="sidebar" />]]></template>
    <template title="message_macros" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[<xf:macro name="user_info"
	arg-user="!"
	arg-fallbackName="">
	
	<section itemscope itemtype="https://schema.org/Person" class="message-user">
		<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }} <xf:if is="property('nlMessageAvatarSize') == 'c'">avatar--custom</xf:if>">
			<div class="message-avatar-wrapper">
				<xf:if is="property('nlMessageAvatarSize') == 'm'">
					<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
				<xf:elseif is="property('nlMessageAvatarSize') == 'l' OR property('nlMessageAvatarSize') == 'c'" />
					<xf:avatar user="$user" size="l" defaultname="{$fallbackName}" itemprop="image" />
				</xf:if>
				<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
					<span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
				</xf:if>
			</div>
		</div>
		<div class="message-userDetails">
			<h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
			<xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
			<xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
		</div>
		<xf:if is="$user.user_id">
			<xf:set var="$extras" value="{{ property('messageUserElements') }}" />
			<xf:if contentcheck="true">
				<div class="message-userExtras">
				<xf:contentcheck>
					<xf:if is="$extras.register_date">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('joined') }}</dt>
							<dd>{{ date($user.register_date) }}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.message_count">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('messages') }}</dt>
							<dd>{$user.message_count|number}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.reaction_score">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('reaction_score') }}</dt>
							<dd>{$user.reaction_score|number}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('points') }}</dt>
							<dd>{$user.trophy_points|number}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.age && $user.Profile.age">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('age') }}</dt>
							<dd>{$user.Profile.age}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.location && $user.Profile.location">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('location') }}</dt>
							<dd>
								<xf:if is="$xf.options.geoLocationUrl">
									<a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a>
								<xf:else />
									{$user.Profile.location}
								</xf:if>
							</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.website && $user.Profile.website">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('website') }}</dt>
							<dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url('host', phrase('visit_site'))}</a></dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.custom_fields">
						<xf:macro template="custom_fields_macros" name="custom_fields_values"
							arg-type="users"
							arg-group="personal"
							arg-set="{$user.Profile.custom_fields}"
							arg-additionalFilters="{{ ['message'] }}"
							arg-valueClass="pairs pairs--justified" />
						<xf:if is="$user.canViewIdentities()">
							<xf:macro template="custom_fields_macros" name="custom_fields_view"
								arg-type="users"
								arg-group="contact"
								arg-set="{$user.Profile.custom_fields}"
								arg-additionalFilters="{{ ['message'] }}"
								arg-valueClass="pairs pairs--justified" />
						</xf:if>
					</xf:if>
				</xf:contentcheck>
				</div>
			</xf:if>
		</xf:if>
		<span class="message-userArrow"></span>
	</section>
</xf:macro>

<xf:macro name="user_info_simple" arg-user="!" arg-fallbackName="">
	<header itemscope itemtype="https://schema.org/Person" class="message-user">
		<meta itemprop="name" content="{{ $user.username ?: $fallbackName }}">
		<div class="message-avatar">
			<div class="message-avatar-wrapper">
				<xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
			</div>
		</div>
		<span class="message-userArrow"></span>
	</header>
</xf:macro>

<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
	<xf:if contentcheck="true">
		<xf:css src="attachments.less" />
		<section class="message-attachments">
			<h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
			<ul class="attachmentList">
				<xf:contentcheck>
					<xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
						<xf:macro template="attachment_macros" name="attachment_list_item"
							arg-attachment="{$attachment}"
							arg-canView="{$canView}" />
					</xf:foreach>
				</xf:contentcheck>
			</ul>
		</section>
	</xf:if>
</xf:macro>

<xf:macro name="signature" arg-user="!">
	<xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
		<xf:if contentcheck="true">
			<aside class="message-signature">
			<xf:contentcheck>
				{{ bb_code($user.Profile.signature, 'user:signature', $user) }}
			</xf:contentcheck>
			</aside>
		</xf:if>
	</xf:if>
</xf:macro>]]></template>
    <template title="nl_app.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* setup_fa.less */

@fa-var-login: "\f090";
@fa-var-login-alt: "\f2f6";
@fa-var-register: "\f234";

/* app_body.less */

.p-body
{
	flex-direction: column;
	width: 100%;
	.xf-nlPageBody(); 
}

/* Floating content mode */
.p-body-inner {
	padding-top: @xf-elementSpacer;
	padding-bottom: @xf-elementSpacer;
	margin: 0 auto;
	
	.boxedContent & {
		.xf-nlPageBodyInner();
	}
	.floatingContent & {
		.xf-nlPageBodyInnerFloating();
	}
}

@media (max-width: @xf-responsiveWide)
{
	.p-body-main--withSideNav,
	.p-body-main--withSidebar,
	.sidebarLeft .p-body-main--withSideNav,
	.sidebarLeft .p-body-main--withSidebar
	{
		.p-body-content { padding: 0; }
		.p-body-content { padding: 0 !important; }
	}
}

/* app_footer.less */

.p-footer
{
	a:hover
	{
		.xf-nlPublicFooterLinkHover();
	}
}

/* app_nav.less */

.p-nav
{
	.p-navSticky.is-sticky &
	{
		.p-nav-list .p-navEl.is-selected,
		.p-account
		{
		}
	}
}

.p-nav .p-nav-menuTrigger
{
	margin-left: auto;
	padding: 0;
}

.p-nav-smallLogo
{
	max-width: @xf-nlNavigationSmallLogoMaxWidth;

	img
	{
		display: block;
		max-height: none;
	}
}

.p-nav-list
{
	&:before,
	&:after
	{
		width: 0;
	}

	.p-navEl
	{
		transition: none;

		&.is-selected
		{
			.p-navEl-link {
				
			}
			.has-sectionLinks & .p-navEl-link
			{
			}
			.has-sectionLinks & .p-navEl-splitTrigger
			{
			}
		}

		&:not(.is-selected):not(.is-menuOpen)
		{
			&:hover,
			.p-navEl-link:hover,
			.p-navEl-splitTrigger:hover
			{
			}
		}

		&.is-menuOpen
		{
		}
	}

	.p-navEl-link,
	.p-navEl-splitTrigger
	{
		padding-top: 0;
		padding-bottom: 0;
		height: @xf-nlNavTabHeight;
		line-height: @xf-nlNavTabHeight;
	}
	.hide-sectionLinks & {
		.p-navEl.is-selected .p-navEl-splitTrigger {
			display: block;
		}
		
		.p-navEl-link.p-navEl-link--splitMenu {
			padding-right: ((@xf-publicNavPaddingH) / 4);
		}
	}
}


@media (max-width: @xf-publicNavCollapseWidth)
{
	.has-js
	{
		.p-nav {
			.xf-nlPublicNavResponsive();
		}

		.p-nav .p-nav-menuTrigger
		{
			.xf-nlPublicNavResponsiveMenuTrigger();
		}

		.p-nav-smallLogo
		{
			
			&.enhance img {
				image-rendering: pixelated;
			}
		}

		.p-nav-opposite .p-navgroup-link {
			color: @xf-nlPublicNavResponsiveMenuTrigger--color;
		}
	}
}

// ACCOUNT/VISITOR/SEARCH SECTION

.p-nav-opposite
{
	margin-right: 0
}

.p-navgroup
{
	float: left;
	.m-clearFix();
	background: transparent none;
	border: 0;
}

.p-navgroup-link
{
	border-left: none;
	.xf-publicNavTab();
	height: @xf-nlNavTabHeight;
	line-height: @xf-nlNavTabHeight;
	padding: 0 ((@xf-publicNavPaddingH) / 2);


	&:hover
	{
		text-decoration: none;
		background: transparent none;
		.xf-publicNavTabHover();
	}

	&.p-navgroup-link--user
	{

		.avatar
		{
			vertical-align: middle;
		}
	}

	&.badgeContainer
	{

		&:after
		{
			.xf-nlVisitorTabBadge();
		}

	}

	&.p-navgroup-link--logIn i:after
	{
		.m-faContent(@fa-var-login, 1em);
	}
	
	&.p-navgroup-link--register i:after
	{
		.m-faContent(@fa-var-register, 1em);
	}
}

.p-navgroup--guest .p-navgroup-link--iconic i:after {
    margin-right: 4px;
}

/* app_header.less */

.p-header {
	position: relative;
}
.p-header-content
{
	.xf-nlPublicHeaderContent();
}
.p-header-logo
{
	&.p-header-logo--center
	{
		margin: 0 auto;
		text-align: center;
	}
	&.p-header-logo--image
	{
		img
		{
			display: block;
		}
	}
}

/* app_staffbar.less */

.p-staffBar-inner
{

}

/* app_user_banners.less */

.userBanner
{
	.xf-nlUserBannerBase();

	&.userBanner--staff,
	&.userBanner--primary
	{
		.xf-nlStaffBanner();
	}
}

/* app_sectionlinks.less */

.p-sectionLinks
{
	overflow: hidden;

	&.p-sectionLinks--empty
	{
		display: none;
	}
	.hide-sectionLinks & {
		display: none;
	}
}

.p-sectionLinks-list
{
	.p-navEl
	{

		&:hover
		{
			a
			{
				color: inherit;
			}
		}
	}
	.p-navEl-link,
	.p-navEl-splitTrigger
	{
		padding-top: 0;
		padding-bottom: 0;
	}
	.p-navEl-link
	{
		.xf-nlSubNavigationLink();
	}
	.p-navEl-splitTrigger
	{
		padding: 0;
		height: @xf-nlSubNavLinkHeight;
		line-height: @xf-nlSubNavLinkHeight;
	}
}]]></template>
    <template title="nl_base.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* Mixin */

.m-pageWidth(@min-width: @xf-pageEdgeSpacer)
{
	max-width: @xf-pageWidthMax;
	width: 100%;
	padding: 0 @xf-pageEdgeSpacer;
	margin: 0 auto;
}
.m-pageInset(@defaultPadding: @xf-pageEdgeSpacer)
{
	padding-left: @defaultPadding;
	padding-right: @defaultPadding;
	
	// iPhone X/Xr/Xs support
	@supports(padding: max(0px))
	{
		&
		{
			padding-left: ~"max(@{defaultPadding}, env(safe-area-inset-left))";
			padding-right: ~"max(@{defaultPadding}, env(safe-area-inset-right))";
		}
	}
}

/* Place */

.message-userExtras {
	.xf-nlMessageUserExtrasGroup();
	
	.pairs.pairs--justified > dt {
		.xf-nlMessageUserExtrasLabel();
	}
}

// Normalizes with block tab headers
.tabs--standalone .tabs-tab {
	line-height: normal;
}

// New table adjustment
.dataList-table {
    border-collapse: collapse;
}
.dataList-row.dataList-row--header .dataList-cell {
    border: none;
}

/* Hover transitions */

.hoverTransitions {
	
	a {
		transition: {{ property ('nlHoverTransitionSpeed') }}s color;
	}
	
	.iconic > input[type=checkbox] + i:before,
	.iconic > input[type=checkbox] + i:after {
		transition: {{ property ('nlHoverTransitionSpeed') }}s opacity;
	}

	button,
	.button,
	input[type="submit"],
	.p-staffBar-link,	
	.menu-row,
	a.menu-linkRow,
	.blockLink,
	.categoryList-itemRow,
	.block-row.block-row--separated,
	.pageNav-page,
	.p-breadcrumbs--xf1 li,
	.p-breadcrumbs--xf1 .arrow,
	.p-breadcrumbs--xf1 .arrow span,
	.tabs-tab,
	.messageButtonLinks .actionBar-set--external .actionBar-action,
	.inputGroup-text
	{
		transition: {{ property ('nlHoverTransitionSpeed') }}s all;
	}
	// correct for a hovers
	.pageNav-page a,
	.p-breadcrumbs--xf1 > li a {
		transition: none;
	}
	
	input[type="search"],
	input[type="email"],
	input[type="password"]
	{
		transition: {{ property ('nlHoverTransitionSpeed') }}s background, {{ property ('nlHoverTransitionSpeed') }}s color, {{ property ('nlHoverTransitionSpeed') }}s box-shadow;
	}

	.hover-fx {
		position: relative;
		overflow: hidden;
		
		&.h-float-down, &.h-float-up {
			transition: {{ property ('nlHoverTransitionSpeed') }}s margin;
		}
		&.h-float-up:hover {
			margin-top: -10px;
			margin-bottom: 10px;
		}
		&.h-float-down:hover {
			margin-bottom: -10px;
			margin-top: 10px;
		}
		a& {
			display: block;
		}
		> img {
			display: block;
		}
	}
	
}

/* Template overrides */

/* message.less */

.message-cell
{
	&.message-cell--main
	{
		.xf-nlMessageContent();
	}
	&.message-cell--user .message-userExtras {
		.xf-nlMessageUserInfo();
	}
}

@media (max-width: @xf-messageSingleColumnWidth)
{
	.message:not(.message--forceColumns)
	{

		.message-cell
		{

			&.message-cell--user
			{
				.xf-nlMessageUserBlockResponsive();
			}
		}
	}
}

.message-avatar-wrapper
{
	.message-avatar-online
	{
		.xf-nlMessageAvatarOnline();
	}
}

.message-name
{
	font-weight: inherit;
	.xf-nlMessageUsername();
	
	a {
		color: inherit;
	}
}

@media (max-width: @xf-messageSingleColumnWidth)
{
	.message:not(.message--forceColumns)
	{

		.message-name
		{
			.xf-nlMessageUsernameResponsive();
			
			a {
				color: inherit;
			}
		}
	}
}

/* node_list.less */

.node + .node {
    border-top: inherit;
}
.node-body {
	min-height: 70px;
	.xf-nlNodeRow();
}
.alternateNodes .block-body > .node:nth-of-type(even) .node-body {
	.xf-nlNodeRowAlternate();
}
.hoverNodes:not(.nodeImgBehind) {
	.node:not(.th_nodes) .node-body:hover,
	.block-body > .node:nth-of-type(even):not(.th_nodes) .node-body:hover {
		.xf-nlNodeRowHover();
	}
}
.node-body > div,
.node-body > span {
	.xf-nlNodeCell();
}

.node-icon	
{
	padding: @xf-nlNodePaddingV 0 @xf-nlNodePaddingV @xf-nlNodePaddingH;
	width: @xf-nlNodeIconBlockWidth;
	.xf-nlNodeIconBlock();

	i
	{
		line-height: 1;
		// .xf-nlNodeIconReadWrapper();

		&:before
		{
			display: inline-block;
			font-weight: @xf-nlNodeIconStyle;
			color: @xf-nodeIconReadColor;
			text-shadow: 1px 1px 0.5px fade(@xf-nlBoxShadowColor, (@xf-nlBoxShadowAlpha * 100));
			.xf-nlNodeIcon();
			
			.node--unread & {
				opacity: 1;
				color: @xf-nodeIconUnreadColor;
				text-shadow: 1px 1px 0.5px fade(@xf-nlBoxShadowColor, (@xf-nlBoxShadowAlpha * 100));
				.xf-nlNodeIconUnread();
			}
		}
		.node--forum &:before,
		.node--category &:before
		{

		}
		.node--page &:before
		{

		}
		.node--link &:before
		{

		}
	}
}

.node-main
{
	padding: @xf-nlNodePaddingV @xf-nlNodePaddingH;
	width: 100%;
	.xf-nlNodeMainBlock(); 
}
.node-stats
{
	padding: @xf-nlNodePaddingV 0;
	.xf-nlNodeStatsBlock();
	
	> dl.pairs.pairs--rows
	{
		.xf-nlNodeStatsLabelPair();
	}
	&.node-stats--iconify > dl.pairs dt {
		display: inline-block;
		width: 1em;
		padding-right: .3em;
		text-decoration: none;
		color: inherit;
		color: @xf-nlStatsSubforumsIconColor;
		/* text-shadow: 1px 1px 0 fade(@xf-nlBoxShadowColor, (@xf-nlBoxShadowAlpha * 100)); */
	}
}
.node-extra a:hover,
.node-extra-user a.username:hover,
.structItem-title a:hover {
	color: @xf-linkHoverColor;
}
.node-extra
{
	width: @xf-nlNodelastPostBlockWidth;
	padding: @xf-nlNodePaddingV @xf-nlNodePaddingH;
	.xf-nlNodeLastPost();
	.m-clearFix();
	
	.node-extra-inner {
		.xf-nlNodeLastPostInner();
	}
}
.node-extra-row .node-extra-date {
	color: inherit;
}
.node-extra-date {
}
.node-extra .node-extra-row .listInline--bullet {
    .m-overflowEllipsis();
}

a.node-extra-title {
	color: @xf-nlNodeLastPostTitleColor;
	.xf-nlNodeLastPostTitle();
}
.node-extra-user a.username {
	color: @xf-nlNodeLastPostAuthorColor;
	.xf-nlNodeLastPostAuthor();
}

h3.node-title
{
	<xf:if is="property('nlNodeTitleOverflow') =='ellipsis'">
	.m-overflowEllipsis();
	</xf:if>
	color: @xf-nlNodeTitleColor;
	.xf-nlNodeTitle();
	
	a {
		color: inherit;
	}
	a:hover {
		.xf-nlNodeTitleHover();
	}
	.node--unread &
	{
		/* font-weight: @xf-fontWeightHeavy; */
	}
}

.node-statsMeta
{
	i {
		color: @xf-nlStatsSubforumsIconColor;
	}
}

@media (max-width: @xf-responsiveMedium)
{
.node-extra
	{
		.xf-nlNodeLastPostResponsive();
	}
}

.subNodeLink
{
	&:before
	{
		color: @xf-nlStatsSubforumsIconColor;
		/* text-shadow: 1px 1px 0 @xf-nlBoxShadowColor; */
	}
	&.subNodeLink--unread
	{
		&:before
		{
			/* text-shadow: 1px 1px 0 @xf-nlBoxShadowColor; */
		}
	}
	&.subNodeLink--forum:before,
	&.subNodeLink--category:before
	{
		.m-faContent(@fa-var-folder);
	}
}


/* block_message.less */

.block--messages
{
	.block-container
	{
		.m-stripElement();
	}

	.message,
	.block-row
	{
		.xf-nlMessageWrapper();
		
		&.is-mod-selected {
			.xf-nlMessageWrapperModSelected();
		}
		+ .message,
		+ .block-row
		{
			margin-top: @xf-nlMessageSpacer;
		}
	}
}

/* lightslider.less */

.lSSlideOuter .lSPager.lSpg > li a {
	.xf-nlDotControl();
	.xf-nlNoticeDotControl();
}
.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
	.xf-nlDotControlHover();
	.xf-nlNoticeDotControlHover();
}


/* Place */

.structItem-parts > li:nth-child(even) {
	color: inherit;
}
.structItem-cell--latest .structItem-cell--inner > a:first-of-type {
    color: inherit;
	
	&:hover {
		color: @xf-linkHoverColor;
	}
}

.categoryList-item
{
	.categoryList
	{
		padding-left: 0;
	}
}
.categoryList-itemRow
{
	flex-grow: 1;
	.m-lineHeightNormal();
	.xf-blockLink();
	.xf-blockLinkExtended();

	&:hover
	{
		.xf-blockLinkSelected();
		.xf-blockLinkSelectedExtended();
	}
	
	a {
		color: inherit;
		transition: none;
	}
}


/* Temp */

.structItem.is-private {
	background: @xf-contentHighlightBg !important;
}

/* Gradients */

<xf:if is="property('gradientTop') != null AND property('gradientBottom') != null">
.m-primaryGradient(@direction: to bottom; @startColor: @xf-gradientTop; @stopColor: @xf-gradientBottom;) {
	background: linear-gradient(@direction, @startColor, @stopColor);
}
</xf:if>
<xf:if is="property('secondaryGradientTop') != null AND property('secondaryGradientBottom') != null">
.m-secondaryGradient(@direction: to bottom; @startColor: @xf-secondaryGradientTop; @stopColor: @xf-secondaryGradientBottom;) {
	background: linear-gradient(@direction, @startColor, @stopColor);
}
</xf:if>
<xf:if is="property('lightGradientTop') != null AND property('lightGradientBottom') != null">
.m-lightGradient(@direction: to bottom; @startColor: @xf-lightGradientTop; @stopColor: @xf-lightGradientBottom;) {
	background: linear-gradient(@direction, @startColor, @stopColor);
}
</xf:if>
<xf:if is="property('darkGradientTop') != null AND property('darkGradientBottom') != null">
.m-darkGradient(@direction: to bottom; @startColor: @xf-darkGradientTop; @stopColor: @xf-darkGradientBottom;) {
	background: linear-gradient(@direction, @startColor, @stopColor);
}
</xf:if>

/* Global */

.p-pageWrapper {
  z-index: 1;
}
h1, h2, h3, h4, h5 {
	/* line-height: 1.4; */
	line-height: normal;
	// .xf-nlHeadings();
	
	&.inline {
		margin: 0 !important;
		line-height: normal;
	}
	> i:not(.hScroller-action) {
		margin-right: 8px;
	}
}
b, strong {
	/* color: @xf-nlStrongFontColor; */
}

.page_top, .page_bot {
    width: 100%;
}
.p-body {
	.p-body-header.block-container {
		.xf-nlPageTitleBoxed();
	}
	.block-container .p-title {
		margin-bottom: 0;
	}
	.p-body-header.block-container .p-title-value {
		margin: 0 auto 0 0;
	}
	.p-body-header.block-container .p-title-pageAction {
		margin-bottom: 0;
	}
}
.p-title-pageAction {
    text-align: right;
}
/* General */

.p-title-value {
	line-height: normal;
}
.p-title-pageAction {
    text-align: right;
}
.p-description {
	.xf-nlPageDescription();
	
	i {
		.xf-nlPageDescriptionIcon();
	}
}
/*
.p-body-main p {

}
*/
.p-topBar-left {
float: left;
}
.p-topBar-right {
float: right;
}
#p-topBar:after {
    clear: both;
    display: block;
    width: 100%;
    content: " ";
}
.nlFeature_anchor {
	display: none;
}
.anchorOffset {
    display: block;
    margin-top: -60px;
    z-index: 99;
    height: 60px;
    clear: both;
}
/*
label:not(.iconic--hiddenLabel) > i {
	margin-right: @xf-paddingSmall;
}
*/

/* Buttons */

@fa-var-cart: "\f07a";

.button,
a.button // needed for specificity over a:link
{
	&.button--icon {
		&--cart         { .m-buttonIcon(@fa-var-cart, 1em); }
		&--comment      { .m-buttonIcon(@fa-var-comment, 1em); }
		&--email	    { .m-buttonIcon(@fa-var-envelope, 1em); }
		&--heart	    { .m-buttonIcon(@fa-var-heart, 1em); }
		&--support	    { .m-buttonIcon(@fa-var-life-ring, 1em); }
		&--help	        { .m-buttonIcon(@fa-var-life-ring, 1em); }
	}
}
a.button.button--icon--rotateHover:hover i {
    animation: fa-spin 2s infinite linear;
}
.p-body-sideNav .block a.button.button--fullWidth + a.button--fullWidth {
    margin-top: 10px;
}

.buttonGroup.buttonGroup--aligned .button--small + .button--small {
    margin-left: 4px;
}

/* Staff bar */

.p-staffBar {
	
	.p-staffBar-link {
		.xf-nlPublicStaffBarLink();

		&:hover {
			.xf-nlPublicStaffBarLinkHover();
		}
	}
	.badge.badge--highlighted,
	.badgeContainer.badgeContainer--highlighted:after {
		.xf-nlPublicStaffBarBadge();
	}
}

/* Header */

@media (min-width: @xf-publicNavCollapseWidth)
{
	.headerFixed {

		.p-topBarController,
		.p-header,
		.p-navController,
		.p-sectionLinks,
		.p-staffBar,
		.p-page-header {
			max-width: @xf-pageWidthMax;
			width: 100%;
			margin: 0 auto;
		}
		.p-topBar-inner,
		&.compactHeader .p-nav-inner {
			// .m-pageInset();
		}
	}

	.headerStretch.headerFixedInner {
		.p-staffBar-inner,
		.p-topBar-inner,
		.p-page-header-inner,
		&.stretchNavigation .p-nav-inner {
			max-width: @xf-pageWidthMax;
			width: 100%;
			margin: auto;
		}
	}
	.headerStretch:not(.stretchNavigation) {
		.p-navController,
		.p-sectionLinks {
			max-width: @xf-pageWidthMax;
			width: 100%;
			margin: auto;
		}
	}
	.headerStretch:not(.stretchNavigation) {
		.p-page-header {
			max-width: @xf-pageWidthMax;
			width: 100%;
			margin: auto;
		}
	}
	.headerStretch.boxedContent .p-body {
		margin: @xf-elementSpacer auto;
	}
}

.p-topBar-inner {
	.m-clearFix();
}

/* Navigation */

.p-nav-smallLogo {
	position: relative;
	margin-right: @xf-paddingMedium;
}
a.p-navEl-link[data-nav-id="home"] {
	font-size: 0;
}
a.p-navEl-link[data-nav-id="home"]:before {
	content: "\f015";
	.m-faBase();
	font-size: @xf-fontSizeNormal;
}
.p-navEl-splitTrigger:before {
	display: none;
}
a.p-navEl-link:before,
.p-navgroup-link.p-navgroup-link--iconic i:after {
	font-size: @xf-nlNavigationIconSize;
}
.p-navgroup.p-discovery {
	margin: 0;
	
	a:last-of-type {
		margin-right: 0;
	}
}

.p-navSticky
{
	&.is-sticky
	{
		.xf-nlPublicNavSticky();
	}
}

/* Force mobile nav */

.nav--forceMobileTrigger {
	.p-nav-scroller {
		display: none;
	}
	.p-nav-menuTrigger {
		display: inline-block;
		margin-left: 0;
	}
}

/* Off canvas menu */

.offCanvasMenu--nav
{
	.offCanvasMenu-content
	{
		padding: 0;
		height: auto;
		.xf-nlSlideNavMenu();
	}
	.offCanvasMenu-header
	{
		.xf-nlSlideMenuHeader();
		
		img {
			max-width: 60%;
			vertical-align: middle;
		}
	}
	.offCanvasMenu-linkHolder {
		.xf-nlSlideMenuItem();
	} 	
	.offCanvasMenu-linkHolder.is-selected {
		.xf-nlSlideMenuItemSelected();
	} 
}

/* Visitor tabs */

.p-navgroup-link--search .p-navgroup-linkText {
	display: none;
}
[data-logged-in="true"].hide-loggedVtabLabels {
	.p-navgroup-linkText {
		display: none;
	}
}
[data-logged-in="false"].hide-loggedOutVtabLabels {
	.p-navgroup-linkText {
		display: none;
	}
}

/* Page navigation */

.pageNav-main {
	.xf-nlPageNavContainer();
}

/* Images */

img.img--center {
    display: block;
    margin: auto;
}

img.img--fullWidth {
    max-width: 100%;
    width: 100%;
}
.img-grow img {
    max-width: 100%;
    width: 100%;
}
.img--strip img, .img--strip br {
    margin: 0;
    padding: 0;
    white-space: pre-line;
    display: inline-block;
    vertical-align: top;
}

/* Advertising */

.ad-wrapper {
    margin: auto;
    text-align: center;
}

/* Headings */

h1 {
	font-size: @xf-nlH1FontSize;
}
h2 {
	font-size: @xf-nlH2FontSize;
}
h3 {
	font-size: @xf-nlH3FontSize;
}
h4 {
	font-size: @xf-nlH4FontSize;
}
h5 {
	font-size: @xf-nlH5FontSize;
}

/* Content Shadows */

.contentShadows {
	.block-container,
	.blockMessage:not(.blockMessage--none),
	.noticeScrollContainer .lSSlideWrapper,
	.p-breadcrumbs.xf1,
	.p-breadcrumbs--xf1,
	.gridNodes.separateNodes:not(.imgNodes) .node-body,	
	.gridNodes.separateNodes.imgNodes.nodeImgBehind .node-body,
	.gridNodes.separateNodes.imgNodes.nodeImgAbove .node-wrapper,
	.gridNodes.separateNodes .node-category-header,
	.thNodes__nodeList .block-container .node-body,
	.block--messages article.message,
	.p-body-content .block-container--grid .productList-product-grid.node,
	.p-body-content .block-container--full-grid .productList-product-grid.node,
	&.media-itemDesc-below [data-type="xfmg_media"] .itemList-item
	{
		.m-dropShadow();
	}
}
.block-container .blockMessage {
    box-shadow: none;
}

/* Blocks */

.block-body {
	.m-clearFix();
}

/* Flat style blocks */
.blockStyle--flat .p-body {
	
	// Borders
	.block-container,
	.productList-product-grid {
		border: none;
	}
	// Padding
	.block-header,
	.block-minorHeader,
	.block-row,
	.porta-article-item .message-cell,
	.productList-product-grid.node .node-main,
	.productList-product-grid.node .productList-product-grid--clearfix,
	.productList-product-grid.node .productList-product-grid--updateInfo {
		padding-left: 0;
		padding-right: 0;
	}
}
.blockStyle--flat.blockHeadStyle--blockMinorHeader .overlay {
	.block-header {
		padding-left: @xf-blockHeadPaddingH;
		padding-right: @xf-blockHeadPaddingH;
	}
}

/* Check and consider. Inlines h tags to use padding only */
.block-header, .block-minorHeader {
    line-height: normal;
	
	a {
		color: inherit;
	}
}
.block-row .block-textHeader {
	margin: 0;
}
.inline-blocks {
	.block-container, .block {
		background: transparent;
		border: none;
		padding: 0;
		box-shadow: none !important;
	}
	.block-row {
		padding: 0;
	}
	h2.block-minorHeader, h3.block-minorHeader,
	h2.block-header, h3.block-header {
		display: none;
	}
}
.block-footer {
	line-height: 1;
	
	a:not(.button), a.button.button--plain {
		font-size: inherit;
		font-weight: inherit;
		text-transform: inherit;
		.xf-nlBlockFooterLink();
		
		&:hover {
			.xf-nlBlockFooterLinkHover();
		}
	}
}

.headerProxy {
	position: absolute;
	width: 100%;
	z-index: -1;
	.xf-nlHeaderWrapper();
}

/* Hide sidebar */

.hideSidebar .p-body-main--withSidebar .p-body-content {
	padding: 0 !important;
}

/* Page title */

.p-description {
	.m-clearFix();
}

/* Navigation */

.p-sectionLinks-list .p-navEl.is-menuOpen .p-navEl-link {
	color: @xf-publicSubNavElMenuOpen--color;
}

/* Notices */

.noticeScrollContainer {
	.lSSlideWrapper {
		border: none;
		background: @xf-contentBg;
	}
}
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0 !important;
}
.notices {
	h1, h2, h3, h4, h5 {
		margin: 0;
		padding: 0;
	}
}

/* Sidebar */

.p-body-sidebar,
.p-body-sideNav,
.resourceBody-sidebar,
.columnContainer-sidebar {
	
	/* Normalize line height */
	line-height: 1.4;
	
	.block-container {
		.xf-nlSidebarBlock();
	}
	
	iframe {
		max-width: 100%;
		width: auto;
		min-height: (@xf-sidebarWidth * .75);
		@media (min-width: @xf-responsiveNarrow)
		{
			height: auto;
		}
		@media (max-width: @xf-responsiveNarrow)
		{
			width: 100%;
		}
	}
	
	.block-row {
		.xf-nlSidebarBlockRow();
		
		&:first-of-type:not(:only-of-type) {
			padding-bottom: @xf-blockPaddingV / 2;
		}
		& + .block-row:not(:last-of-type) {
			padding-top: @xf-blockPaddingV / 2;
			padding-bottom: @xf-blockPaddingV / 2;
		}
		& + .block-row:last-of-type {
			padding-top: @xf-blockPaddingV / 2;
		}
		//&:first-of-type:not(:only-of-type) {
		//	padding-top: @xf-blockPaddingV;
		//}
		//&:last-of-type:not(:only-of-type) {
		//	padding-bottom: @xf-blockPaddingV;
		//}
	}
	
	/* Enforce link types */
	.listInline a:not(.u-concealed):first-of-type, .contentRow a:not(.u-concealed):first-of-type {
		font-size: inherit;
		.xf-nlSidebarLink();
	}
	.pairs > dt {
		.xf-nlPairedListLabel();
	}
	.contentRow h3 {
		font-family: inherit;
	}
	.sidebarAltRows & .block-body > *:nth-child(even) {
		background: @xf-nlSidebarAltRowColor;
	}
}
.p-body-sidebar,
.p-body-sideNav,
.resourceBody-sidebar,
.columnContainer-sidebar,
.flex_columns {
	
	.block-minorHeader i {
		text-indent: 0;
	}
	
	/* Truncate single line links */
	.truncateSidebarLinks & {
		.contentRow-main--close a:first-of-type {
			.m-overflowEllipsis();
		}
	}
	.block .contentRow-lesser {
		.m-overflowEllipsis();
	}
}
.categoryList-label label {
	margin: 0;
}

/* Menus */

.menu-separator {
	display: none;
}
.menu-row, .menu-footer {
	.input {
		.xf-nlMenuInput();
	}
	.input:focus {
		.xf-nlMenuInputFocus();
	}
	.inputGroup.inputGroup--joined .input + .input {
		border-left: @xf-nlMenuInput--border-color;
	}
}
.menu-footer {
	a:not(.button) {
		.xf-nlMenuFooterLink();
	}
	a:not(.button):hover {
		.xf-nlMenuFooterLinkHover();
	}
}
.menu--structural .menu-content .menu-row {
	.m-lineHeightDefault();
	
	a {
		.xf-nlMenuRowLink();
	}
	a:hover {
		.xf-nlMenuRowLinkHover();
	}
}
.menu--structural form .menu-row:hover {
	background: @xf-nlMenuRow--background-color;
}

/* Styles account menu elements */
.menu--account {
	.tabPanes li:first-of-type > .menu-row.menu-row--alt {
		.xf-nlAccountMenuHeader();
	}
	.menu-linkRow {
		.xf-nlAccountMenuLink();
		
		&:hover {
			.xf-nlAccountMenuLinkHover();
		}
	}
	.menu-content .menu-row a.username {
		.xf-nlAccountMenuHeaderUsername();
	}
	.menu-content .menu-row .contentRow-minor {
		.xf-nlAccountMenuHeaderStats();
	}
}

/* Popup menus */

/* Overlays */

.overlay {
	.xf-nlOverlayPanel();
}
.overlay .block-container {
	box-shadow: none !important;
}
.overlay-title {
	line-height: 1;
}
.overlay-titleCloser {
	.xf-nlOverlayCloser();
}

/* Attachments */

.attachment-icon.attachment-icon--img {
	img {
		.xf-nlAttachmentThumb();
	}
	img:hover {
		.xf-nlAttachmentThumbHover();
	}
}

/* Temp patches */

/* Node list */

.nodeList .block-body > .node:last-of-type .node-body {
    margin-bottom: 0;
}
.nodeList {
	width: 100%;
	.xf-nlNodeListWrapper();
	
	.block.block--nodes {
		.xf-nlNodeGroupContainer();
	}
	
	.block.block--nodes .block-container {
		.xf-nlNodeCategoryContainer();
	}
	.block.block--nodes .block-body {
		.xf-nlNodeCategoryListContainer();
		
		& > .node:last-of-type .node-body {
			margin-bottom: 0;
		}
	}
	.block.block--nodes h2.block-header {
		margin: 0;
		padding: 0;
		.xf-nlCategoryStrip();

		a {
			.xf-nlCategoryStripTitle();
		}
		a:hover {
			.xf-nlCategoryStripTitleHover();
		}
		.block-desc {
			.xf-nlCategoryStripDescription();
		}
		+ .block-desc {
			.xf-nlCategoryDescSeparate();
		}
	}
}
.node-description {
	margin: (@xf-paddingSmall / 2) 0;
	.xf-nlNodeDescription();
}
/* Hard set line height, gives tighter appearance. Reconsider for later */
.node-description, .node-extra-row, .node-title, .structItem-cell {
    .m-lineHeightDefault();
}
.subNodeLink {
	color: inherit;
}

/* Replicate popup menus */
.menu .subNodeMenu
{
	.subNodeLink
	{
		.xf-menuLinkRow();
		.xf-menuLinkRowExtended();
		
		&:hover {
			.xf-menuLinkRowSelected();
		}
	}
}

.has-menuFollowIcons .menu-linkRow:after {
	.xf-nlMenuLinkRowAfterIcon();
}
.has-blockTitle .p-body .p-title {
	.xf-contentBase();
	.xf-blockBorder();
	border-radius: @xf-blockBorderRadius;
}
.p-title-value {
	.xf-nlPageTitle();
}

/* Structured lists */

.structItemContainer-group--sticky {
	.structItem {
		.xf-nlStructItemSticky();
	}
}
.structItem-cell--main .structItem-title {
	.m-lineHeightDefault();
	/* margin-right: 26px; */
	.m-clearFix();
	
	.label.label--primary:last-child {
		/* float: right; */
	}
}
.structItem-cell.structItem-cell--meta {
	.structItem-cell--inner {
		@media (min-width: @xf-responsiveMedium)
		{
			.xf-nlStructItemCellMetaInner();
		}
		.structItem-minor {
			color: inherit;
			font-size: inherit;
		}
		.pairs.pairs--justified > dt {
			.xf-nlStructItemCellMetaLabel();
		}
		.pairs.pairs--justified > dd {
			.xf-nlStructItemCellMetaAmount();
		}
	}
}
.structItem-cell.structItem-cell--latest {
	.structItem-cell--inner {
		@media (min-width: @xf-responsiveMedium)
		{
			width: 100%;
			.xf-nlStructItemLatestInner();
		}
	}
}
@media (max-width: @xf-responsiveMedium)
{
	.structItem-cell--inner {
		display: inline-block;
	}
}

.structItem-cell.structItem-cell--icon.structItem-cell--iconEnd {
	text-align: right;
}

/* Forum view */

.filterBar-menuTrigger {
	.xf-nlBlockMenuTrigger();
}
.hideIcon .node-icon {
	display: none !important;
}
.hideStatsBlock .node-stats {
	display: none !important;
}
.hideLastPost .node-extra {
	display: none !important;
}
.node-iconStats .pairs.pairs--inline {
	margin-right: 10px;
	
	> dt:after {
		display: none;
	}
}
.node-main .node-stats {
	
	font-size: @xf-fontSizeSmall;
	color: @xf-textColorDimmed;
	
	padding: 6px 0;
	flex: none;
	text-align:  left;
	background: transparent none;
	display: block;
	width: 100%;
	
	dl.pairs > *,
	dl.pairs {
		display: inline-block !important;
		margin-right: 2px;
	}
	&.node-stats--iconify .pairs > dt:after {
		content: "";
	}
	&.node-stats--iconify .pairs > dd {
		display: inline-block;
	}
}
.node-body .node-stats.node-stats--iconify {
	
	> dl.pairs dt {
		width: auto;
	}
	.pairs.pairs--rows > dd {
		display: inline;
	}
}
.nodeStats-belowDesc .node-statsMeta {
    display: inline-block;
}

/* Inline moderation bar */

.inlineModBar {
	button,
	.button.button--primary {
		.xf-nlInlineModBarButton();
	}
	button:hover,
	.button.button--primary:hover {
		.xf-nlInlineModBarButtonHover();
	}
}
/* Better input and button consistency */
.inlineModBar .input,
.inlineModBar .button {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1;
    vertical-align: middle;
    border-radius: @xf-borderRadiusSmall;
}
.inlineModBar .button.button--primary span {
    line-height: 1;
}

/* Message view */

.message-content a {
	.xf-nlMessageLink();
}
.message-content a:hover {
	.xf-nlMessageLinkHover();
}
.messageButtonLinks .actionBar-set--external .actionBar-action {
	.xf-buttonBase();
	<xf:if is="property('nlMessageButtonLinksStyle') == 'buttonPrimary'">
	.xf-buttonPrimary();
	&:hover {
		.xf-nlButtonPrimaryHover();
	}
	<xf:elseif is="property('nlMessageButtonLinksStyle') == 'buttonCta'" />
	.xf-buttonCta();
	&:hover {
		.xf-nlButtonCtaHover();
	}
	<xf:elseif is="property('nlMessageButtonLinksStyle') == 'buttonLink'" />
	.xf-nlButtonLink();
	&:hover {
		.xf-nlButtonLinkHover();
	}
	</xf:if>
	.xf-nlButtonSmall();
	
	&.has-reaction .reaction-text {
		color: inherit !important;
	}
}
.message-userDetails {
	.xf-nlMessageUserDetails();
	
	.userTitle {
		.xf-nlUserTitle();
	}
}

.actionBar-action {
	.xf-nlMessageActionLinks();
}
.actionBar-action.actionBar-action--inlineMod label.iconic {
    color: inherit;
}

/* Message banners and buttons */

.message-cell--user {
	a.cxf-button.button--link,
	.offline, .online,
	.userBanner {
		display: block;
		/* width: 100%; */
		margin-top: 4px;
	}
}

/* Member profiles */

.memberHeader-main .memberHeader-avatar .avatar {
	.xf-memberHeaderAvatar();
}
.memberHeader-blurb dt {
    .xf-memberHeaderLabels();
}
.memberHeader-main + .memberHeader-content {
    .xf-memberSecondaryHeader();
}
.memberTooltip-headerInfo .memberTooltip-blurb {
	font-size: inherit;
}
.memberTooltip-info {
	.xf-memberTooltipSecondaryHeader();
}

.p-body-content .message--simple .message-attribution .listInline {
	
	&.listInline--bullet > li:before {
		content: " ";
	}
	> li:not(.message-attribution-user) {
		position: relative;
		margin-left: 8px;
		.xf-nlMessageAttributionItem();
		
		.ratingStars {
			vertical-align: middle;
			top: auto;
		}
		
		&:before,
		&:after {
			content: "";
			position: absolute;
			top: 23%;
		}
		&:before {
			left: -7px;
			.m-triangleLeft(@xf-nlMessageAttributionItem--border-color, 7px);
		}
		&:after {
			left: -6px;
			.m-triangleLeft(@xf-nlMessageAttributionItem--background-color, 7px);
		}
	}
}

/* Forms */

.formRow label.formRow-label {
	.xf-nlFormLabel();
}
.form-inline label {
    margin: @xf-paddingSmall 0;
    display: inline-block;
}
.form-inline .formSubmitRow-bar {
    background: none;
    border: none;
}
.form-inline .formSubmitRow-controls {
    padding: 0;
    margin: @xf-elementSpacer 0 0;
}
input[type="search"] {
    color: @xf-inputTextColor;
}
select.input.hide {
    display: none !important;
}
.inputGroup.inputGroup--joined .input:focus + .inputGroup-text {
    border-color: @xf-inputFocusBorderColor;
}

/* Footer */

.footerFixed footer.p-footer {
	.m-pageWidth();
	padding: 0;
}
.p-footer-row-main {
	.p-footer-linkList {
		
		/* Set chooser links */
		& > li a {
			.xf-nlFooterLinksBarChooserLink();
		}
		& > li a:hover {
			.xf-nlFooterLinksBarChooserLinkHover();
		}
	}
}

.p-footer {

	/* Bold widget links within columns */
	.contentRow-main a {
		font-weight: @xf-fontWeightHeavy;
		display: block;
		.m-overflowEllipsis();
	}
	.label.label--primary {
		
	}
	.contentRow-muted
	{
		color: @xf-footerTextColorMuted;
	}
	.contentRow-minor
	{
		color: @xf-footerTextColorMuted;
	}
	.pairs > dt {
		color: @xf-footerTextColorMuted;
	}
	textarea, .input {
		.xf-nlFooterInput();
	}
}
.p-footer-row {
	position: relative;
}
.p-footer-row.p-footer-copyright {
	a {
		.xf-nlFooterCopyrightLink();
	}
	a:hover {
		.xf-nlFooterCopyrightLinkHover();
	}
}
/* Deprecate or change
.p-footer-copyright > * {
    display: inline-block;
}
*/

/* Social Links */

/* Tabs */

.tabs-tab {
	position: relative;
}
.tab-markers-default {
	
}
.tab-markers-arrow {
	.tabs-tab {
		border-bottom: none !important;
	}
	@_tabs-arrowSize: 8px;
	
	.tabs-tab:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -(@_tabs-arrowSize / 2);
		.m-triangleUp(transparent, @_tabs-arrowSize);
	}
	.block-tabHeader {
		.tabs-tab:after {
			bottom: -@xf-blockTabHeader--border-bottom-width;
		}
		.tabs-tab.is-active:after {
			border-bottom-color: @xf-blockTabHeaderSelected--border-color;
		}
	}
	.block-minorTabHeader {
		.tabs-tab.is-active:after {
			border-bottom-color: @xf-blockMinorTabHeaderSelected--border-color;
		}
	}
	.tabs--standalone {
		.tabs-tab.is-active:after {
			border-bottom-color: @xf-standaloneTabSelected--border-color;
		}
	}
	.menu-tabHeader {
		.tabs-tab.is-active:after {
			border-bottom-color: @xf-menuTabHeaderSelected--border-color;
		}
	}
}

/* Misc */

.float-left {
	float: left;
}
.float-right {
	float: right;
}

.button.button--scroll,
a.button.button--scroll {
	.xf-nlPageScrollButton();
}
.u-scrollButtons {
	bottom: @xf-nlScrollToTopMarginV;
}
.lSAction > a:after {
	font-weight: 900;
}
.actionBar-action.actionBar-action--inlineMod label.iconic,
label.iconic i {
    font-weight: normal;
}

/* Full width theme */

@media (min-width: @xf-nlFullWidthTrigger)
{
	.fullWidth {
		.p-staffBar,
		.p-topBarController,
		.p-navController,
		.p-sectionLinks,
		.p-page-header,
		.p-header,
		.p-page-header-inner,
		.p-body-inner,
		.p-row-inner,
		.p-footer,
		.p-footer-wrxapper,
		.p-footer-inner {
			.xf-nlPageWidthFluid();
		}
		.p-staffBar-inner,
		.p-topBar-inner,
		.p-nav-inner,
		.p-sectionLinks-inner,
		.p-header-inner,
		.top-row .top-row-item {
			width: auto !important;
			max-width: none !important;
			.m-pageInset();
		}
		&.headerStretch #header .p-topBar-inner,
		&.headerStretch .p-sectionLinks-inner {
			max-width: none;
		}
	}
}

/* Setup responsive widths */

.p-staffBar-inner,
.p-topBar-inner,
.p-header-inner,
.p-nav-inner,
.p-sectionLinks-inner,
.p-page-header-inner,
.p-body-inner,
.p-row-inner,
.footerFixed footer .p-footer-wraxpper,
.p-footer-inner,
.footerStretch .p-footer-inner {
	.m-pageInset();
}

@media (max-width: @xf-publicNavCollapseWidth)
{
	/*
	.has-js .p-nav {
		.xf-nlPublicNavResponsive();
	}
	*/
	.p-nav .p-nav-menuTrigger {
		margin: 0 @xf-paddingMedium 0 0;
	}
	.has-js .p-nav-opposite {
		margin-right: 0;
	}
	.has-js .p-nav-opposite .p-navgroup-link {
		.xf-nlPublicNavResponsiveVtabs();
	}
}
@media (min-width: @xf-publicNavCollapseWidth)
{
	/* Deprecating
	.p-nav-inner,
	.p-sectionLinks-inner {
		padding: @xf-nlPNavInnerAdjuster;
	}
	*/
}

@media (min-width: @xf-pageWidthMax)
{
	.headerStretch.headerStretchInner .p-staffBar-inner,
	.headerStretch.headerStretchInner .p-topBar-inner,
	.headerStretch.headerStretchInner .p-header-inner,
	.headerStretch.headerStretchInner .p-page-header-inner,
	.headerStretch.headerStretchInner:not(.has-paddedNav) .p-nav-inner,
	.headerStretch.headerStretchInner .p-sectionLinks-inner {
		width: auto;
		max-width: none;
	}
	.fixedWidth.headerStretch.headerFixedInner .p-staffBar-inner,
	.fixedWidth.headerStretch.headerFixedInner .p-topBar-inner,
	.fixedWidth.headerStretch.headerFixedInner .p-header-inner,
	.fixedWidth.headerStretch.headerFixedInner .p-page-header-inner,
	.fixedWidth.headerStretch.headerFixedInner:not(.has-paddedNav) .p-nav-inner,
	.fixedWidth.headerStretch.headerFixedInner .p-sectionLinks-inner,
	.fixedWidth.footerStretch .p-footer-inner {
		.m-pageInset(0);
	}
	.boxedContent.fixedWidth {
		//&.headerStretch.headerFixedInner .p-staffBar-inner,
		//&.headerStretch.headerFixedInner .p-topBar-inner,
		//&.headerStretch.headerFixedInner .p-header-inner,
		//&.headerStretch.headerFixedInner .p-page-header-inner,
		//&.headerStretch.headerFixedInner .p-nav-inner,
		&.headerFixed:not(.has-paddedNav):not(.compactHeader) .p-nav-inner,
		&.headerFixed .p-sectionxLinks-inner,
		&.defaultHeader .p-nav-inner {
			.m-pageInset(0);
		}
	}
	.floatingContent.fixedWidth {
		//.p-staffBar-inner,
		//.p-topBar-inner,
		//.p-header-inner,
		//&.compactHeader .p-nav-inner,
		// &.stretchNavigation .p-nav-inner,
		//.boxedContent .p-nav-inner,
		//.p-sectionLinks-inner,
		//.p-page-header-inner,
		//.footerFixed footer .p-footer-wrapper,
		//.p-footer-inner,
		//.footerStretch .p-footer-inner,
		.p-body-inner,
		.p-row-inner {
			.m-pageInset(0);
		}
	}
}
@media (max-width: @xf-pageWidthMax)
{
	.p-staffBar-inner,
	.p-topBar-inner,
	.p-header-inner,
	.p-nav-inner,
	.p-sectionLinks-inner,
	.p-page-header-inner,
	.p-body-inner,
	.boxedContent .p-body-inner,
	.p-row-inner,
	//.footerFixed footer .p-footer-wrapper,
	.p-footer-inner,
	.footerStretch .p-footer-inner {
		.m-pageInset(); /* adding wide padding */
	}
}
@media (max-width: @xf-responsiveMedium)
{
	.p-staffBar-inner,
	.p-topBar-inner,
	.p-header-inner,
	.p-nav-inner,
	.p-sectionLinks-inner,
	.p-page-header-inner,
	.p-body-inner,
	.boxedContent .p-body-inner,
	.p-row-inner,
	//.footerFixed footer .p-footer-wrapper,
	.p-footer-inner,
	.footerStretch .p-footer-inner {
		.m-pageInset(@xf-pageEdgeSpacerMedium); /* adding medium padding */
	}
}
@media (max-width: @xf-responsiveNarrow)
{
	.p-staffBar-inner,
	.p-topBar-inner,
	.p-header-inner,
	.p-nav-inner,
	.p-sectionLinks-inner,
	.p-page-header-inner,
	.p-body-inner,
	.boxedContent .p-body-inner,
	.p-row-inner,
	//.footerFixed footer .p-footer-wrapper,
	.p-footer-inner,
	.footerStretch .p-footer-inner {
		.m-pageInset(@xf-pageEdgeSpacerNarrow);
	}
}

/* Internet Explorer 10+, Microsoft Edge Browser */

_:-ms-lang(x), .p-navSticky.is-sticky { left:0; right:0; }]]></template>
    <template title="nl_body_classes" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:if is="property('nlThemeClass') != null"> {{ property('nlThemeClass') }}</xf:if>
<xf:if is="property('nlEnableFullWidth') == true"> fullWidth<xf:else /> fixedWidth</xf:if>
<xf:if is="property('nlEnableFullBackgroundMode') != 'default'"> has-customBg</xf:if>
<xf:if is="property('nlEnableFullBackgroundMode') == 'default'"> has-defaultBg<xf:elseif is="property('nlEnableFullBackgroundMode') == 'custom'"/> has-single-customBg<xf:elseif is="property('nlEnableFullBackgroundMode') == 'slideshow'"/> has-slideshowBg<xf:elseif is="property('nlEnableFullBackgroundMode') == 'video'"/> has-videoBg</xf:if>
<xf:if is="property('nlUseContentBoxShadows') == true"> contentShadows</xf:if>
<xf:if is="property('nlFloatingTextDarkFix') == true"> floatingTextAdjust</xf:if>
<xf:if is="property('nlUseHoverTransitions') == true"> hoverTransitions</xf:if>
<xf:if is="property('nlControlHoverCursor') == 'pointer'"> has-pointerControls</xf:if>
<xf:if is="property('nlUseCompactHeader') == true"> compactHeader<xf:else /> defaultHeader</xf:if>
<xf:if is="property('nlSectionLinksMode') == 'default'"> has-sectionLinks<xf:else /> hide-sectionLinks</xf:if>
<xf:if is="property('nlVisitorTabsLocation') != 'default'">
<xf:if is="property('nlVisitorTabsLocation') == 'topbar'">
 vtabsMoved vtabs--{{ property('nlVisitorTabsLocation') }}
<xf:elseif is="property('nlVisitorTabsLocation') == 'logoBlock' && !property('nlUseCompactHeader')" />
 vtabsMoved vtabs--{{ property('nlVisitorTabsLocation') }}
</xf:if>
</xf:if>
<xf:if is="property('nlHideForumListTitle')"> hide-forumListTitle</xf:if>
<xf:if is="property('nlUseBlockTitle') == true"> has-blockTitle</xf:if>
 blockStyle--{{ property('nlBlockPaddingStyle') }}
 blockHeadStyle--{{ property('nlBlockHeadStyle') }}
<xf:if is="property('nlPageTitleLayout') == 'welcome'">
<xf:if is="property('nlPageHeaderHideMeta') == true"> hide-pageMeta</xf:if>
<xf:if is="property('nlPageHeaderHideDescription') == true"> hide-pageDescription</xf:if>
</xf:if>
<xf:if is="property('nlEnableTextLogo') == true"> textLogo</xf:if>
<xf:if is="property('nlLoggedInVtabLabels') == 'show'"> has-loggedVtabLabels<xf:else /> hide-loggedVtabLabels</xf:if>
<xf:if is="property('nlLoggedOutVtabLabels') == 'show'"> has-loggedOutVtabLabels<xf:else /> hide-loggedOutVtabLabels</xf:if>

<xf:if is="property('nlContentLayout') == 'floating'"> 
 floatingContent
	<xf:if is="property('nlHeaderLayout') == true"> headerStretch<xf:else /> headerFixed</xf:if>
	<xf:if is="property('nlStretchHeaderInnerContents') == true"> headerStretchInner<xf:else /> headerFixedInner</xf:if>
	<xf:if is="property('nlStretchNavigation') == true"> stretchNavigation<xf:else /> fixedNavigation</xf:if>
	<xf:if is="property('nlFooterLayout') == 'stretch'"> footerStretch<xf:elseif is="property('nlFooterLayout') == 'fixed'"/> footerFixed</xf:if>

<xf:elseif is="property('nlContentLayout') == 'boxed'"/>
 boxedContent
	<xf:if is="property('nlHeaderLayout') == true AND property('nlForceHeaderFooterBoxedWidth') == false"> headerStretch<xf:else /> headerFixed</xf:if>
	<xf:if is="property('nlStretchHeaderInnerContents') == true AND property('nlForceHeaderFooterBoxedWidth') == false"> headerStretchInner<xf:else /> headerFixedInner</xf:if>
	<xf:if is="property('nlStretchNavigation') == true AND property('nlForceHeaderFooterBoxedWidth') == false"> stretchNavigation</xf:if>
	<xf:if is="property('nlFooterLayout') == 'stretch' AND property('nlForceHeaderFooterBoxedWidth') == false"> footerStretch<xf:elseif is="property('nlFooterLayout') == 'fixed' OR property('nlForceHeaderFooterBoxedWidth') == true"/> footerFixed</xf:if>
</xf:if>
 nav--{{ property('nlForceMobileNav') }}
 mobileNav--{{ property('nlMobileNavTriggerLocation') }}
<xf:if is="property('nlPNavPadded') == true"> has-paddedNav</xf:if>
<xf:if is="property('nlHideSidebar') == true"> hideSidebar<xf:else /> showSidebar</xf:if>
<xf:if is="property('nlSidebarUseTabbedHeadings') == true"> has-sidebarBlockHeadings<xf:else /> has-regularBlockHeadings</xf:if>
<xf:if is="property('nlSidebarPosition') == 'left'"> sidebarLeft</xf:if>
<xf:if is="property('nlSidebarUseAltRows') == true"> sidebarAltRows</xf:if>
<xf:if is="property('nlTickerHideOptions') == 'all'"> tickerShowAll<xf:elseif is="property('nlTickerHideOptions') == 'tablet'"/> tickerHideTablet<xf:elseif is="property('nlTickerHideOptions') == 'mobile'"/> tickerHideMobile</xf:if>
<xf:if is="property('nlIconSliderHideOptions') == 'all'"> iconSliderShowAll<xf:elseif is="property('nlIconSliderHideOptions') == 'tablet'"/> iconSliderHideTablet<xf:elseif is="property('nlIconSliderHideOptions') == 'mobile'"/> iconSliderHideMobile</xf:if>
<xf:if is="property('nlEnableThemeEffects') == true"> enableThemeEffects</xf:if>
<xf:if is="property('nlMobileFooterCenterContent') == true"> centerFooterMobile</xf:if>
 has-footerBulletType--{{ property('nlFooterColumnBulletType')}}
<xf:if is="property('nlShowMenuHeaders') == true"> has-menuHeaders</xf:if>
<xf:if is="property('nlMessageButtonLinks') == true"> messageButtonLinks</xf:if>
<xf:if is="property('nlMenuLinkFollowIcons') == true"> has-menuFollowIcons</xf:if>
<xf:if is="property('nlFooterHideStyleChooser') == true"> hide-styleChooser</xf:if>
<xf:if is="property('nlFooterHideChooserLinks') == true"> hide-footerChooserLinks</xf:if>
<xf:if is="$page.advanced_mode"> pageAdvanced</xf:if>
<xf:if is="property('nlDataListUseAlternatingRows') == true"> dataListAltRows</xf:if>
 media-gridItems-{{ property('nlXFMGItemPerRow') }}
 media-itemDesc-{{ property('nlXFMGDescDisplayMode') }}
 tab-markers-{{ property('nlTabMarkerStyle') }}
 newPostsIndicator-{{ property('nlStructItemNewIndicatorMode') }}
<xf:macro template="bodytag_macros" name="page_class_output"
		  arg-pageMode="{$pageMode}"
		  arg-showTitle="{$showTitle}"
		  arg-showBreadcrumb="{$showBreadcrumb}"
		  arg-showSidebar="{$showSidebar}"
		  arg-showSidenav="{$showSidenav}"
		  arg-showShare="{$showShare}"
		  arg-pagePadding="{$pagePadding}" />]]></template>
    <template title="nl_contact_page_wrapper" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<!-- You can customize this template for your contact page. -->

<h2 class="h-large h-600 inline t-align-center">
	How can we help?
</h2>
<h4 class="t-align-center">
	Laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats. Lid est laborum dolo rumes fugats untras.
</h4>

<section class="p-row contact-info-blocks">
	<div class="p-row-inner">
		<div class="flex col-has-gutter gutter-s">
			<div class="flex-col col-3">
				<div class="flex-col-inner block-container">
					<div class="block-row block-body">
						<div class="icon-circle">
							<i class="far fa-life-ring"></i>
						</div>
						<h2>Address</h2>
						<p>1234 New Hampshire Avenue,<br>New York, NY 11223</p>
					</div>
				</div>
			</div>
			<div class="flex-col col-3">
				<div class="flex-col-inner block-container">
					<div class="block-row block-body">
						<div class="icon-circle">
							<i class="far fa-life-ring"></i>
						</div>
						<h2>Support</h2>
						<p>Have a question or need help?<br><a href="#">Visit our support forum!</a></p>
					</div>
				</div>
			</div>
			<div class="flex-col col-3">
				<div class="flex-col-inner block-container">
					<div class="block-row block-body">
						<div class="icon-circle">
							<i class="far fa-life-ring"></i>
						</div>
						<h2>Get in contact</h2>
						<p>
							<xf:macro template="nl_social_macros" name="social_icons" arg-location="body" />
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

{$innerContent|raw}

<div class="googleMap">
	{{ property('nlGoogleMaps') }}
</div>]]></template>
    <template title="nl_core.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* core_setup.less */

body
{
	overflow-x: hidden;
}

/* core_avatar.less */

.avatar
{
	.xf-nlAvatar();
}

/* core_blocklink.less */

.blockLink
{
	.xf-blockLinkExtended();

	&.is-selected
	{
		.xf-blockLinkSelected();
		.xf-blockLinkSelectedExtended();
	}

	&:hover
	{
		.xf-blockLinkSelected();
		.xf-blockLinkSelectedExtended();
	}
}

/* core_blockmessage.less */

.blockMessage
{
	&.blockMessage--none
	{
	}
}

/* core_datalist.less */

.dataList-table
{
	background: @xf-nlStructItemListContainer--background-color;
}
.dataList-row
{
	.xf-nlDataListRow();

	.dataListAltRows &:nth-of-type(even)
	{
		.xf-nlDataListRowAlternate();
	}
	&:hover:not(.dataList-row--noHover):not(.dataList-row--header):not(.is-spHovered),
	.is-spActive &.is-spChecked
	{
		.xf-nlDataListRowHover();
	}

	.is-spActive &.is-spHovered
	{
		.xf-nlDataListRowHover();
	}
}
.dataList-cell {
	&.dataList-cell--alt,
	&.dataList-cell--action {
		.xf-nlDataListActionItem();
	}

	&.dataList-cell--action,
	&.dataList-cell--link {
		cursor: pointer;
		text-decoration: none;

		&.dataList-cell--alt:hover,
		&.dataList-cell--action:hover {
			.xf-nlDataListActionItemHover();
		}
	}
}

/* core_contentrow.less */

.contentRow-lesser
{
	color: @xf-textColorMuted;
}
.contentRow-header,
.contentRow-title {
	.xf-nlContentRowTitle();
	
	a {
		color: inherit;
		
		&:hover {
			color: @xf-linkHoverColor;
		}
	}
}
.contentRow-extra.contentRow-extra--large {
    font-size: inherit;
    line-height: normal;
}

/* core_input.less */

.inputGroup
{
	&.inputGroup--joined
	{
		.inputGroup-text
		{
			.xf-nlButtonLink();
			
			&:hover,
			&:active,
			&:focus {
				.xf-nlButtonLinkHover();
			}
		}
	}
}

.inputNumber-button
{
	.inputGroup.inputGroup--joined &
	{
		&:hover,
		&:active,
		&:focus
		{
			.xf-nlButtonLinkHover();
		}
	}
}

@_input-elementSpacer: 10px;
@_input-checkBoxSpacer: 1.2em;

.inputChoices
{

	> .inputChoices-choice
	{
		padding-left: @_input-checkBoxSpacer;
		margin-right: @_input-elementSpacer;
	}
}

@controlColor: @xf-nlControlColor;
@controlColor--hover: @xf-nlControlColorActive;

// Don't apply to off-canvas controls
.p-body-main input[type="checkbox"],
.p-body-main input[type="radio"] {
	color: @controlColor;
	
	~ * {
		transition: .2s color;
	}
	~ span.iconic-label {
		color: @xf-nlControlLabelColor;
	}
	&:checked ~ span.iconic-label {
		color: @xf-nlControlLabelColorActive;
	}
	&:checked + i {
		color: @controlColor--hover;
	}
}
.formRow,
.inputGroup,
.inputChoices,
.block-footer,
.dataList-cell,
.message-cell--extra,
.structItem-extraInfo
{
	.has-pointerControls & .iconic:hover {
		cursor: pointer;
	}
}
.iconic > input[type=checkbox] + i:after {
    font-weight: @xf-nlCheckboxStyle;
}

/* core_pagenav.less */

.pageNav-main
{
	border-spacing: 1px;
}

/* core_labels.less */

.label
{
	&.label--primary
	{
		.xf-nlLabelPrimary();
	}

	&.label--accent
	{
		.xf-nlLabelAccent();
	}
	&.label--subtle
	{
		.xf-nlLabelSubtle();
	}
}
.use-label--accent .label.label--primary
{
		.xf-nlLabelAccent();
}

/* core_menu.less */

@_menu-paddingV: @xf-nlMenuRowPaddingV;
@_menu-paddingH: @xf-nlMenuRowPaddingH;

.menu
{
	.xf-nlMenuOverlayWrapper();

	&.menu--structural
	{
		&.menu--left
		{
			border-top-left-radius: @xf-menuBorderRadius;
		}
		&.menu--right
		{
			border-top-right-radius: @xf-menuBorderRadius;
		}
	}
}
.menu-content
{
	.menu--structural.menu--left &
	{
		border-top-left-radius: @xf-menuBorderRadius;
	}
	.menu--structural.menu--right &
	{
		border-top-right-radius: @xf-menuBorderRadius;
	}
}

.menu-row
{
	.xf-nlMenuRow();

	&.menu-row--alt
	{
		.xf-nlMenuRowAlt();
	}

	&.menu-row--highlighted
	{
		.xf-nlMenuRowHighlighted();
	}

	&.menu-row--clickable:hover
	{
		.xf-nlMenuRowHover();;
	}
	&.menu-row--separated
	{
		+ .menu-row
		{
			border-top: @xf-borderSize solid @xf-nlMenuDividerBorderColor;
		}
	}
}

.menu-linkRow
{
	.xf-menuLinkRowExtended();

	&.is-selected,
	&:hover,
	&:focus
	{
		.xf-menuLinkRowSelectedExtended();

		&.is-selected
		{

		}
	}
}

.menu-tabHeader
{
	.tabs-tab
	{
		&:hover:not(.is-active)
		{
			.xf-nlMenuTabHeaderHover();
		}
	}
}

/* core_offcanvas.less */

.offCanvasMenu-content
{

	& when(@ltr) or 
	{
		.m-dropShadow(2px, 0, 5px, 0, .25);
		.m-transform(translateX(-300px));
	}

	& when(@rtl)
	{
		.m-dropShadow(-2px, 0, 5px, 0, .25);
		.m-transform(translateX(280px));
	}
}


/* core_tab.less */

.tabs--standalone
{

	.tabs-tab
	{
		.xf-standaloneTabTab();

		&:hover:not(.is-active)
		{
			.xf-standaloneTabHover();
		}
	}
}

@media (max-width: @xf-responsiveEdgeSpacerRemoval)
{
	.tabs--standalone
	{
		margin: 0;
	}
}

/* core_blockend.less */

@media (max-width: @xf-responsiveEdgeSpacerRemoval)
{
	.block-container,
	.blockMessage
	{
		margin: 0;
	}
}

/* core_block.less */

.blocks
{
	.block
	{
		.xf-nlBlockWrapper();
	}
}
/* Currently present in customized template
.block-tabHeader
{
	.tabs-tab
	{
		&:hover
		{
			.xf-blockTabHeaderSelected();
		}
	}
}
*/

.block-filterBar
{
	padding: @xf-blockHeadPaddingV @xf-blockHeadPaddingH;
	line-height: normal;

	&.block-filterBar--standalone
	{
		padding: @xf-blockHeadPaddingV @xf-blockHeadPaddingH;
	}

	.filterBar-filterToggle,
	.filterBar-menuTrigger
	{
		&:hover
		{
			.xf-nlBlockMenuTriggerHover();
		}
	}

	.filterBar-menuTrigger
	{
		margin-right: 0;
	}
}

/* core_button.less */

.button,
a.button // needed for specificity over a:link
{
	&:hover,
	&:active,
	&:focus
	{
		text-decoration: none;
		.xf-nlButtonDefaultHover();
	}

	&.button--primary
	{
		&:hover,
		&:active,
		&:focus
		{
			text-decoration: none;
			.xf-nlButtonPrimaryHover();
		}
	}

	&.button--cta
	{
		&:hover,
		&:active,
		&:focus
		{
			text-decoration: none;
			.xf-nlButtonCtaHover();
		}
	}
	
	&.button--link
	{
		.xf-nlButtonLink();

		&:hover,
		&:active,
		&:focus
		{
			text-decoration: none;
			background: @xf-contentHighlightBg;
			.xf-nlButtonLinkHover();
		}
	}
	
	&.button--small, &.button--s
	{
		font-size: @xf-fontSizeSmall;
		padding: 3px 6px;
		.xf-nlButtonSmall();
		
		&:hover,
		&:active,
		&:focus
		{
			text-decoration: none;
			.xf-nlButtonSmallHover();
		}
	}
	
	&.button--medium, &.button--m
	{
		.xf-nlButtonMedium();
	}
	
	&.button--large, &.button--l
	{
		.xf-nlButtonLarge();
	}

	&.button--icon
	{

		.button-icon
		{
		}

		// &--xx          { .m-buttonIcon(@fa-var-plus-square, .79em); }
	}
}

/* core_tooltip.less */

.tooltip-content
{
	.tooltip--bookmark &,
	.tooltip--member &,
	.tooltip--share &
	{
		.xf-nlTooltipMenu();
		
		.block-row + .block-row {
			padding-top: 0;
		}
	}
}]]></template>
    <template title="nl_css_animations.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* Vertical Sliding */

 .slidingVertica l {
     display: inline;
     text-indent: 8px;
}
 .slidingVertical span  {
     animation: topToBottom 12.5s linear infinite 0s;
     color: #00abe9;
     opacity: 0;
     overflow: hidden;
     position: absolute;
}
 .slidingVertical span:nth-child(2) {
     animation-delay: 2.5s;
}
 .slidingVertical span:nth-child(3) {
     animation-delay: 5s;
}
 .slidingVertical span:nth-child(4) {
     animation-delay: 7.5s;
}
 .slidingVertical span:nth-child(5) {
     animation-delay: 10s;
}

/* topToBottom Animation */

 @keyframes topToBottom {
     0%  {
         opacity: 0;
    }
     5%  {
         opacity: 0;
         transform: translateY(-50px);
    }
     10%  {
         opacity: 1;
         transform: translateY(0px);
    }
     25%  {
         opacity: 1;
         transform: translateY(0px);
    }
     30%  {
         opacity: 0;
         transform: translateY(50px);
    }
     80%  {
         opacity: 0;
    }
     100%  {
         opacity: 0;
    }
}

/* Horizontal Sliding */

 .slidingHorizontal {
     display: inline;
     text-indent: 8px;
}
 .slidingHorizontal span {
     animation: leftToRight 12.5s linear infinite 0s;
     color: #00abe9;
     opacity: 0;
     overflow: hidden;
     position: absolute;
}
 .slidingHorizontal span:nth-child(2) {
     animation-delay: 2.5s;
}
 .slidingHorizontal span:nth-child(3) {
     animation-delay: 5s;
}
 .slidingHorizontal span:nth-child(4) {
     animation-delay: 7.5s;
}
 .slidingHorizontal span:nth-child(5) {
     animation-delay: 10s;
}

/* leftToRight Animation */

@keyframes leftToRight {
     0%  {
         opacity: 0;
    }
     5%  {
         opacity: 0;
         transform: translateX(-50px);
    }
     10%  {
         opacity: 1;
         transform: translateX(0px);
    }
     25%  {
         opacity: 1;
         transform: translateX(0px);
    }
     30%  {
         opacity: 0;
         transform: translateX(50px);
    }
     80%  {
         opacity: 0;
    }
     100%  {
         opacity: 0;
    }
}

/* FadeIn */

 .fadeIn {
     display: inline;
     text-indent: 8px;
}
 .fadeIn span {
     animation: fadeEffect 12.5s linear infinite 0s;
     color: #00abe9;
     opacity: 0;
     overflow: hidden;
     position: absolute;
}
 .fadeIn span:nth-child(2) {
     animation-delay: 2.5s;
}
 .fadeIn span:nth-child(3) {
     animation-delay: 5s;
}
 .fadeIn span:nth-child(4) {
     animation-delay: 7.5s;
}
 .fadeIn span:nth-child(5) {
     animation-delay: 10s;
}

/*FadeIn Animation*/

 @keyframes fadeEffect {
     0%  {
         opacity: 0;
    }
     5%  {
         opacity: 0;
         transform: translateY(0px);
    }
     10%  {
         opacity: 1;
         transform: translateY(0px);
    }
     25%  {
         opacity: 1;
         transform: translateY(0px);
    }
     30%  {
         opacity: 0;
         transform: translateY(0px);
    }
     80%  {
         opacity: 0;
    }
     100%  {
         opacity: 0;
    }
}

/* Vertical Flip */

 .verticalFlip {
     display: inline;
     text-indent: 8px;
}
 .verticalFlip span {
     animation: vertical 12.5s linear infinite 0s;
     color: #00abe9;
     opacity: 0;
     overflow: hidden;
     position: absolute;
}
 .verticalFlip span:nth-child(2) {
     animation-delay: 2.5s;
}
 .verticalFlip span:nth-child(3) {
     animation-delay: 5s;
}
 .verticalFlip span:nth-child(4) {
     animation-delay: 7.5s;
}
 .verticalFlip span:nth-child(5) {
     animation-delay: 10s;
}

/* Vertical Flip Animation */

 @keyframes vertical {
     0%  {
         opacity: 0;
    }
     5%  {
         opacity: 0;
         transform: rotateX(180deg);
    }
     10%  {
         opacity: 1;
         transform: translateY(0px);
    }
     25%  {
         opacity: 1;
         transform: translateY(0px);
    }
     30%  {
         opacity: 0;
         transform: translateY(0px);
    }
     80%  {
         opacity: 0;
    }
     100%  {
         opacity: 0;
    }
}

/* Horizontal Flip */

 .horizontalFlip {
     display: inline;
     text-indent: 8px;
}
 .horizontalFlip span {
     animation: horizontal 12.5s linear infinite 0s;
     color: #00abe9;
     opacity: 0;
     overflow: hidden;
     position: absolute;
}
 .horizontalFlip span:nth-child(2) {
     animation-delay: 2.5s;
}
 .horizontalFlip span:nth-child(3) {
     animation-delay: 5s;
}
 .horizontalFlip span:nth-child(4) {
     animation-delay: 7.5s;
}
 .horizontalFlip span:nth-child(5) {
     animation-delay: 10s;
}

/* Horizontal Flip Animation */

 @keyframes horizontal {
     0%  {
         opacity: 0;
    }
     5%  {
         opacity: 0;
         transform: rotateY(180deg);
    }
     10%  {
         opacity: 1;
         transform: translateX(0px);
    }
     25%  {
         opacity: 1;
         transform: translateX(0px);
    }
     30%  {
         opacity: 0;
         transform: translateX(0px);
    }
     80%  {
         opacity: 0;
    }
     100%  {
         opacity: 0;
    }
}

/* AntiClockWise Effect */

 .antiClock {
     display: inline;
     text-indent: 8px;
}
 .antiClock span {
     animation: anti 12.5s linear infinite 0s;
     color: #00abe9;
     opacity: 0;
     overflow: hidden;
     position: absolute;
}
 .antiClock span:nth-child(2) {
     animation-delay: 2.5s;
}
 .antiClock span:nth-child(3) {
     animation-delay: 5s;
}
 .antiClock span:nth-child(4) {
     animation-delay: 7.5s;
}
 .antiClock span:nth-child(5) {
     animation-delay: 10s;
}

/* AntiClockWise Effect Animation */

 @keyframes anti {
     0%  {
         opacity: 0;
    }
     5%  {
         opacity: 0;
         transform: rotate(180deg);
    }
     10%  {
         opacity: 1;
         transform: translateY(0px);
    }
     25%  {
         opacity: 1;
         transform: translateY(0px);
    }
     30%  {
         opacity: 0;
         transform: translateY(0px);
    }
     80%  {
         opacity: 0;
    }
     100%  {
         opacity: 0;
    }
}

/* Pop Effect */

 .popEffect {
     display: inline;
     text-indent: 8px;
}
 .popEffect span {
     animation: pop 12.5s linear infinite 0s;
     color: #00abe9;
     opacity: 0;
     overflow: hidden;
     position: absolute;
}
 .popEffect span:nth-child(2) {
     animation-delay: 2.5s;
}
 .popEffect span:nth-child(3) {
     animation-delay: 5s;
}
 .popEffect span:nth-child(4) {
     animation-delay: 7.5s;
}
 .popEffect span:nth-child(5) {
     animation-delay: 10s;
}

/* Pop Effect Animation */

 @keyframes pop {
     0%  {
         opacity: 0;
    }
     5%  {
         opacity: 0;
         transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px);
    }
     10%  {
         opacity: 1;
         transform: translateY(0px);
    }
     25%  {
         opacity: 1;
         transform: translateY(0px);
    }
     30%  {
         opacity: 0;
         transform: translateY(0px);
    }
     80%  {
         opacity: 0;
    }
     100%  {
         opacity: 0;
    }
}

/* Push Effect */

 .pushEffect {
     display: inline;
     text-indent: 8px;
}
 .pushEffect span {
     animation: push 12.5s linear infinite 0s;
     color: #00abe9;
     opacity: 0;
     overflow: hidden;
     position: absolute;
}
 .pushEffect span:nth-child(2) {
     animation-delay: 2.5s;
}
 .pushEffect span:nth-child(3) {
     animation-delay: 5s;
}
 .pushEffect span:nth-child(4) {
     animation-delay: 7.5s;
}
 .pushEffect span:nth-child(5) {
     animation-delay: 10s;
}

/* Push Effect Animation */

 @keyframes push {
     0%  {
         opacity: 0;
    }
     5%  {
         opacity: 0;
         transform:rotate(0deg) scale(2) skew(0deg) translate(0px);
    }
     10%  {
         opacity: 1;
         transform: translateX(0px);
    }
     25%  {
         opacity: 1;
         transform: translateX(0px);
    }
     30%  {
         opacity: 0;
         transform: translateX(0px);
    }
     80%  {
         opacity: 0;
    }
     100%  {
         opacity: 0;
    }
}]]></template>
    <template title="nl_custom_bbcodes.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* You should customize this template in your child/active style, do not edit in your master style */
/* Use the template merge system when this template becomes outdated */

.bbWrapper {
	
	h1, h2, h3, h4, h5 {
		margin: 0;
	}
	h1 {
		
	}
	h2 {
		
	}
	h3 {
		
	}
	h4 {
		
	}
	h5 {
		
	}
	.contentBox {
		padding: @xf-contentPadding;
		.xf-blockBorder();
		.xf-contentBase();
	}
	.accentBox {
		padding: @xf-contentPadding;
		.xf-contentAccentBase();
		border: @xf-borderSize solid @xf-borderColorAccent;

		a { .xf-contentAccentLink(); }
	}
	.highlightBox {
		padding: @xf-contentPadding;
		.xf-contentHighlightBase();
	}
	.floatLeft {
		float: left;
		padding-right: @xf-contentPadding;
	}
	.floatRight {
		float: right;
		padding-left: @xf-contentPadding;
	}
	.imgBar {
		color: #fff;
		padding: @xf-contentPadding;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
}]]></template>
    <template title="nl_feature_rotator" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<section class="p-row block slick-container slick-container--featured <xf:if is="property('nlFeaturedSliderFullWidthRow') == true"> wide</xf:if> autoAlign-<xf:if is="property('nlFeaturedWidgetAutoAlign') == true">true<xf:else />false</xf:if> <xf:if is="property('nlFeaturedSliderToEdge') == true">toEdge</xf:if>">
	<xf:if is="property('nlFeaturedSliderFullWidthRow') == true AND property('nlFeaturedSliderFullWidthRowInner') == false">
		<div class="p-row-inner">
	</xf:if>
	<xf:if is="property('nlFeaturedSliderDisplayMode') == 'block'">
		<div class="block-container block-container--slider">
			<div class="block-row block-body">
	<xf:else />
		<div class="block-container--slider">
			<div class="block-row">
	</xf:if>
	<xf:if is="property('nlFeaturedSliderAddTitle') == true">
		<xf:if is="property('nlFeaturedSliderTitleMode') == 'simple'">
			<h3>{{ property('nlFeaturedSliderTitleText') }}</h3>
		<xf:else />
			<div class="title-content">
				{{ property('nlFeaturedSliderTitleHtml') }}   
			</div>
		</xf:if>
	</xf:if>
	
	<div id="slick-featured" class="p-row-inxner icon-slider regular autoplay">
		<xf:if is="property('nlFeaturedSliderWidget1') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget1') }}</div>
			</div>
		</xf:if>
		<xf:if is="property('nlFeaturedSliderWidget2') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget2') }}</div>
			</div>
		</xf:if>
		<xf:if is="property('nlFeaturedSliderWidget3') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget3') }}</div>
			</div>
		</xf:if>
		<xf:if is="property('nlFeaturedSliderWidget4') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget4') }}</div>
			</div>
		</xf:if>
		<xf:if is="property('nlFeaturedSliderWidget5') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget5') }}</div>
			</div>
		</xf:if>
		<xf:if is="property('nlFeaturedSliderWidget6') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget6') }}</div>
			</div>
		</xf:if>
		<xf:if is="property('nlFeaturedSliderWidget7') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget7') }}</div>
			</div>
		</xf:if>
		<xf:if is="property('nlFeaturedSliderWidget8') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget8') }}</div>
			</div>
		</xf:if>
		<xf:if is="property('nlFeaturedSliderWidget9') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget9') }}</div>
			</div>
		</xf:if>
		<xf:if is="property('nlFeaturedSliderWidget10') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget10') }}</div>
			</div>
		</xf:if>
		<xf:if is="property('nlFeaturedSliderWidget11') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget11') }}</div>
			</div>
		</xf:if>
		<xf:if is="property('nlFeaturedSliderWidget12') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget12') }}</div>
			</div>
		</xf:if>
		<xf:if is="property('nlFeaturedSliderWidget13') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget13') }}</div>
			</div>
		</xf:if>
		<xf:if is="property('nlFeaturedSliderWidget14') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget14') }}</div>
			</div>
		</xf:if>
		<xf:if is="property('nlFeaturedSliderWidget15') != null">
			<div class="icon-slide featuredWidget">
				<div class="featuredInner">{{ property ('nlFeaturedSliderWidget15') }}</div>
			</div>
		</xf:if>
			</div><!-- end icon-slider -->
		</div><!-- end block-row -->
	</div><!-- end block-container -->
			
	<xf:if is="property('nlFeaturedSliderFullWidthRow') == true AND property('nlFeaturedSliderFullWidthRowInner') == false">
		</div>
	</xf:if>
<span class="p-row-bottomStrip"></span>
</section>

<xf:macro template="nl_slick_macros" name="featured"/>]]></template>
    <template title="nl_flexcolumns" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<div class="p-footer-columns">
	<div class="p-footer-inner">

		<!-- primary top row -->
		<xf:if is="property('nlEnableFooterTopRow')">
			<div class="top-row primary {{ property('nlFooterTopRowUseFullWidth') == 'wide' ? 'wide' : '' }}{{ property('nlTopRowPrimaryCenterContent') ? ' center' : '' }}">
				<div class="p-footer-inner">
					<div class="top-row-item">
						<xf:if is="property('nlFooterTopRowContents') == 'html'">
							{{ property('nlFooterTopRowContent') }}
						<xf:elseif is="property('nlFooterTopRowContents') == 'iconSlider'"/>
							<xf:include template="nl_slick_rotator"/>
						</xf:if>
					</div>
				</div>
			</div>
		</xf:if>

		<!-- secondary top row -->
		<xf:if is="property('nlEnableFooterTopRow2')">
			<div class="top-row secondary {{ property('nlFooterTopRow2UseFullWidth') == 'wide' ? 'wide' : '' }}{{ property('nlTopRowSecondaryCenterContent') ? ' center' : '' }}">
				<div class="p-footer-inner">
					<div class="top-row-item">
						<xf:if is="property('nlFooterTopRow2Contents') == 'html'">
							{{ property('nlFooterTopRow2Content') }}
						<xf:elseif is="property('nlFooterTopRow2Contents') == 'iconSlider'"/>
							<xf:include template="nl_slick_rotator"/>
						</xf:if>
					</div>
				</div>
			</div>
		</xf:if>
		
		<div class="flex_columns_wrapper">
		
			<!-- upper rows -->
			<xf:if is="property('nlEnableFooterUpperRows')">
				<div class="flex_columns above">
					<div class="flex-item">{{ property('nlFooterUpperRowsBlockLeft') }}</div>
					<div class="flex-item">{{ property('nlFooterUpperRowsBlockRight') }}</div>
				</div>
			</xf:if>

			<!-- columns -->
			<div class="flex_columns main">
				
				<!-- column A -->
				<xf:if is="property('nlEnableFooterColumnA')">
					<xf:if contentcheck="true">
						<div class="flex-item columnA">
							<xf:contentcheck>
								<xf:if is="property('nlFooterColumnAAddLogo')">
									<div class="p-footer-logo">
										<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
											<xf:if is="property('nlEnableTextLogo') == true">
												<div class="p-text-logo">
													<span class="txtLogo1">{{ property('nlPrimaryLogoText') }}</span><xf:if is="property('nlSecondaryLogoText') != null"><span class="txtLogo2">{{ property('nlSecondaryLogoText') }}</span></xf:if>
												</div>
											<xf:else />	
												<xf:if is="property('nlFooterColumnLogoAltLink') == null">
													<img src="{{ base_url(property('publicLogoUrl')) }}"
														alt="{$xf.options.boardTitle}"
														{{ property('publicLogoUrl2x') ? 'srcset="' . base_url(property('publicLogoUrl2x')) . ' 2x"' : '' }} />
												<xf:else />
													<img src="{{ base_url(property('nlFooterColumnLogoAltLink')) }}"
														alt="{$xf.options.boardTitle}" />
												</xf:if>
											</xf:if>
											<xf:if is="property('nlEnableLogoSubtitle')">
												<span class="logoSubtitle">{{ property('nlLogoSubtitle') }}</span>
											</xf:if>
										</a>
									</div>
								</xf:if>
								<xf:if is="property('nlFooterColumnAShowHTML')">
									{{ property('nlFooterColumnAHTML') }}
								</xf:if>
								<xf:widgetpos id="nl_footer_column_A" />
								<xf:if is="property('nlFooterColumnAAddSocial')">
									<xf:macro template="nl_social_macros" name="social_icons" arg-location="footer" />
								</xf:if>
							</xf:contentcheck>
						</div>
					</xf:if>
				</xf:if>
				
				<!-- column B -->
				<xf:if is="property('nlEnableFooterColumnB')">
					<xf:if contentcheck="true">
						<div class="flex-item columnB">
							<xf:contentcheck>
								<xf:if is="property('nlFooterColumnBShowHTML')">
									{{ property('nlFooterColumnBHTML') }}
								</xf:if>
								<xf:widgetpos id="nl_footer_column_B" />
							</xf:contentcheck>
						</div>
					</xf:if>
				</xf:if>
				
				<!-- column C -->
				<xf:if is="property('nlEnableFooterColumnC')">
					<xf:if contentcheck="true">
						<div class="flex-item columnC">
							<xf:contentcheck>
								<xf:if is="property('nlFooterColumnCShowHTML')">
									{{ property('nlFooterColumnCHTML') }}
								</xf:if>
								<xf:widgetpos id="nl_footer_column_C" />
							</xf:contentcheck>
						</div>
					</xf:if>
				</xf:if>
				
				<!-- column D -->
				<xf:if is="property('nlEnableFooterColumnD')">
					<xf:if contentcheck="true" is="property('nlEnableFooterColumnD')">
						<div class="flex-item columnD">
							<xf:contentcheck>
								<xf:if is="property('nlFooterColumnDShowHTML')">
									{{ property('nlFooterColumnDHTML') }}
								</xf:if>
								<xf:widgetpos id="nl_footer_column_D" />
							</xf:contentcheck>
						</div>
					</xf:if>
				</xf:if>
				
				<!-- column E -->
				<xf:if is="property('nlEnableFooterColumnE')">
					<xf:if contentcheck="true" is="property('nlEnableFooterColumnE')">
						<div class="flex-item columnE">
							<xf:contentcheck>
								<xf:if is="property('nlFooterColumnEShowHTML')">
									{{ property('nlFooterColumnEHTML') }}
								</xf:if>
								<xf:widgetpos id="nl_footer_column_E" />
							</xf:contentcheck>
						</div>
					</xf:if>
				</xf:if>

			</div><!-- end columns -->

			<!-- lower rows -->
			<xf:if is="property('nlEnableFooterLowerRows')">
				<div class="flex_columns lower">
					<div class="flex-item">{{ property('nlFooterLowerRowsBlockLeft') }}</div>
					<div class="flex-item">{{ property('nlFooterLowerRowsBlockRight') }}</div>
				</div>
			</xf:if>
			
		</div>
	
	</div>
</div><!-- end p-footer-columns -->]]></template>
    <template title="nl_flexcolumns.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* Footer Columns */

.p-footer-columns {
	.xf-nlFooterColumnWrapper();
	
	ul, ol {
		margin: 0;
		padding: 0;
	}
	li {
		list-style: none;
	}
}

/* Footer Columns */


/* Footer texture */
<xf:if is="property('nlEnableFooterTextureOverlay') == true">
@media (min-width:@xf-responsiveWide)
{
	.p-footer-columns, .p-footer-inner {
		position: relative;
	}
	.p-footer-columns:before {
		.xf-nlFooterTexturePath();
		content: " ";
		display: inline-block;
		width: 100%;
		height: 100%;
		position: absolute;
		pointer-events: none;
		left: 0;
		top: 0;
	}
}
</xf:if>

/* General */

.p-footer-logo {
	.xf-nlFooterLogo();
}
.p-footer-logo .p-text-logo {
	.xf-nlFooterTextLogo();
	
	.txtLogo1 {
		.xf-nlFooterPrimaryLogoSpan();
	}
	.txtLogo2 {
		.xf-nlFooterSecondaryLogoSpan();
	}
}
<xf:if is="property('nlFooterColumnALogoHideMotto') == true">
footer .logoSubtitle {
	display: none;
}
</xf:if>

/* Declare main elements */

.flex_columns {
	.xf-nlFooterFlexRow();
}
.flex_columns_wrapper {
	padding-top: @xf-nlFooterBlockSpacing;
	padding-bottom: @xf-nlFooterBlockSpacing;
	.xf-nlFooterColumnInnerWrapper();
	
	> .flex_columns:first-of-type {
		margin-top: 0;
	}
}
.flex-item {
.xf-nlFooterFlexItem();
}
.flex-item h3 {
.xf-nlFooterHeadings();
}
.flex_columns.main > .flex-item > *:last-child {
    margin-bottom: 0;
}

/* Top Rows */

.top-row.primary, .top-row.secondary {
    width: 100%;
	margin: 0 auto;
	clear: both;
	z-index: 1;
    -webkit-transform: translateZ(0);
	
	.p-row {
		margin: 0;
	}
	.block-container {
		.m-stripElement;
	}
	.block-row {
		padding: 0;
	}
}

.top-row.primary {
.xf-nlFooterTopRowStyle();
	
	&.center {
		div, p, button, input, .button {
			text-align: center;
			clear: both;
			float: none !important;
			margin-left: auto;
			margin-right: auto;
		}
	}
}
.footerStretch .top-row.wide {
	margin-left: -50vw;
	position: relative;
	left: 50%;
	width: 100vw;
}
.footerFixed .top-row.wide {
	width: auto;
	margin-left: -@xf-pageEdgeSpacer;
	margin-right: -@xf-pageEdgeSpacer;
}
.top-row.secondary {
.xf-nlFooterTopRow2Style();
	
	&.center {
		div, p, button, input, .button {
			text-align: center;
			clear: both;
			float: none !important;
			margin-left: auto;
			margin-right: auto;
		}
	}
}

<xf:if is="property('nlFooterTopRowUseParallax') == true">
.top-row.primary {
	.xf-nlFooterTopRowParallax();
}
</xf:if>

.top-row.primary .top-row-item {
	.xf-nlFooterTopRowBlock();
}
.top-row.secondary .top-row-item {
	.xf-nlFooterTopRow2Block();
}
.top-row-item p {
    margin: 0 0 10px;
}
footer .top-row a.button {

}
.top-row-item:after {
clear: both;
content: " ";
display: block;
width: 100%;
height: 1px;
}
.top-row.primary .top-row-item h3 {
.xf-nlFooterTopRowBlockTitle();
}
.top-row.secondary .top-row-item h3 {
.xf-nlFooterTopRowBlock2Title();
}
.top-row-item {
	h2, h3 {
		margin: 0;
		line-height: normal;
	}
}

/* Dual Blocks */

.flex_columns.above div, .flex_columns.lower div {
.xf-nlFooterDualColumnBlockStyle();
}
/* First and last fixes */
.flex_columns.above div.flex-item:last-of-type, .flex_columns.lower div.flex-item:last-of-type {
    text-align: right;
	margin-right: 0;
}
.flex_columns.above div.flex-item:first-of-type, .flex_columns.lower div.flex-item:first-of-type {
    margin-right: {{ property('nlFooterBlockSpacing') }};
}



/* Build Columns */

.flex_columns.main .flex-item {
.xf-nlFooterColumn();
}

/* First item control width */
<xf:if is="property('nlFooterColumnAWidth') != null">
.flex_columns.main div.flex-item.columnA {
	flex: 0 0 @xf-nlFooterColumnAWidth;
	max-width: none !important;
}
</xf:if>
<xf:if is="property('nlFooterColumnBWidth') != null">
.flex_columns.main div.flex-item.columnB {
	flex: 0 0 @xf-nlFooterColumnBWidth;
	max-width: none !important;
}
</xf:if>
<xf:if is="property('nlFooterColumnCWidth') != null">
.flex_columns.main div.flex-item.columnC {
	flex: 0 0 @xf-nlFooterColumnCWidth;
	max-width: none !important;
}
</xf:if>
<xf:if is="property('nlFooterColumnDWidth') != null">
.flex_columns.main div.flex-item.columnD {
	flex: 0 0 @xf-nlFooterColumnDWidth;
	max-width: none !important;
}
</xf:if>
<xf:if is="property('nlFooterColumnEWidth') != null">
.flex_columns.main div.flex-item.columnE {
	flex: 0 0 @xf-nlFooterColumnEWidth;
	max-width: none !important;
}
</xf:if>

/* First and last fixes */
.flex_columns div.flex-item:first-of-type {
    margin-left: 0;
}
.flex_columns div.flex-item:last-of-type {
    margin-right: 0;
	padding-right: 0;
}

/* Style widgets */

.flex_columns {
	.block, .block-container, .block-body, .block-header {
		background: transparent none;
		border: none;
		box-shadow: none;
		padding: 0 !important;
		clear: both;
	}
	.block-minorHeader {
		background: transparent none;
		padding: 0;
		border: none;
	}
}
.p-footer {
	.block-minorHeader a {
		color: inherit;
	}
	.block-container {
		color: inherit !important;
	}
	.block-row {
		padding: @xf-paddingSmall 0;
	}
	.block-footer {
		display: none;
	}
	.block-body li.block-row:first-of-type {
		padding-top: 0;
	}
	.block-body li.block-row:last-of-type {
		padding-bottom: 0;
	}
	.contentRow-minor:last-child {
		display: none;
	}
}
.flex-item > *:not(p):not(:last-child) {
	margin-bottom: @xf-nlFooterColumnHeaderMargin;
}

/* Lists links and images */

.flex-item a {
.xf-nlFooterColumnLink();
}
.flex-item a:hover {
.xf-nlFooterColumnLinkHover();
}
.flex_columns h1, .flex_columns h2, .flex_columns h4, .flex_columns h5, .flex_columns h6 {
color: ;
}
.flex_columns.main h3,
.flex.columns.main .block-minorHeader {
	margin: 0 0 @xf-nlFooterColumnHeaderMargin;
	line-height: inherit;
	.xf-nlFooterColumnTitle();
}
.flex-item ul.footer-list li {
}
.flex-item ul.footer-list li a {
	display: inline-block;
	width: 100%;
	.xf-nlFooterColumnListItem();
	
	i {
		margin-right: 6px;
		.xf-nlFooterColumnListItemIcon();
	}
}
.flex-item ul.footer-list li a:hover {
.xf-nlFooterColumnListItemHover();
}
.has-footerBulletType--none {
	.flex-item ul.footer-list li {
		list-style: none;
	}
}
.has-footerBulletType--default {
	.flex-item ul.footer-list {
		padding-left: 18px;
	
		li {
			list-style: initial;
		}
	}
}
.has-footerBulletType--fa {
	.flex-item ul.footer-list li {
		list-style: none;
		
		a:before {
			.xf-nlFooterColumnListBulletFa();
		}
	}
}

.flex-item a.button {
.xf-button();
margin: 10px 0;
width: 100%;
}
.flex-item a.button:hover {

}

/* Image Lists */

.flex-item img {
padding: 0;
margin: 0;
max-width: 100%;
}
.flex-item .img-list {
padding: 6px 0;
}
.flex-item .img-list a {
margin: 0 2% 2% 0;
border: 1px solid @xf-borderColor;
float: left;
display: inline-block;
max-width: 31%;
box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
box-sizing: border-box;
opacity: 1;
transition: .2s opacity, .2s border;
}
.flex-item .img-list a:hover {
opacity: 0.7;
}
.flex-item .img-list a:nth-of-type(3n+3) {
	margin-right: 0;
}
.flex-item .img-list img {
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    height: auto;
}

footer #flickr_badge_wrapper {
    width: auto !important;
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;

	.flickr_badge_image {
		flex: 1 1 33.33%;
	}
	.flickr_badge_image img {
		width: auto;
		height: auto;
		margin: 0;
		padding: 2px;
		border: none;
		display: block;
		.xf-nlFooterWidgetGalleryThumb();
	}
	.flickr_badge_image:hover img {
		.xf-nlFooterWidgetGalleryThumbHover();
	}
}


/* Mobile Styling */

@media (min-width:@xf-responsiveWide)
{
	.flex_columns.main.cols-5 > .flex-item {
		max-width: 20%;
	}
	.flex_columns.main.cols-4 > .flex-item,
	.flex_columns.main.cols-2 > .flex-item:not(first-of-) {
		max-width: 25%;
	}
	.flex_columns.main.cols-3 > .flex-item {
		max-width: 33.33%;
	}
}
@media (max-width:@xf-responsiveWide)
{
	.flex_columns.main.cols-4 div.flex-item, .flex_columns.main.cols-2 div.flex-item {
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: @xf-nlFooterBlockSpacing;
	}
	/* First and last fixes */
	.flex_columns.main.cols-4 div.flex-item:nth-of-type(2) {
		padding-right: 0;
	}
}
@media (max-width:@xf-responsiveNarrow)
{
	.flex_columns.above div.flex-item:last-of-type,
	.flex_columns.lower div.flex-item:last-of-type {
		text-align: left;
	}
	.flex_columns.main.cols-3 .flex-item:first-of-type {
		flex: 0 0 100%;
		/* padding-right: 0; */
	}
	.flex-item {
		margin: 0;
		padding: 0 !important;
		flex: 1 0 100% !important;
		max-width: 100% !important;
	}
	/* Separates single column blocks */
	.flex_columns .flex-item {
		margin-bottom: @xf-nlFooterBlockSpacing;
	}
	.flex_columns .flex-item:last-of-type {
		margin-bottom: 0 !important;
	}
	.centerFooterMobile {
		.flex-item li:not(.block-row) {
			display: inline-block;
		}
		.flex_columns.main h3,
		.flex.columns.main .block-minorHeader {
			display: inline-block;
		}
		.flex-item .block[data-widget-definition="members_online"] ul {
			text-align: center;
			width: 100%;
		}
		.flex-item .block[data-widget-definition="members_online"] ul li {
			display: inline-block;
		}
		.flex-item .contentRow {
			text-align: left;
		}
		.flex-item > *:last-child {
			margin-bottom: 0;
		}
	}
	.top-row h2,
	.top-row h3,
	.top-row h4,
	.top-row button,
	.top-row a.button,
	.top-row p
	.top-row div {
		clear: both;
		float: none !important;
		margin: 10px auto 0 !important;
		text-align: center;
		display: block;
	}
}]]></template>
    <template title="nl_flexslider" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:set var="$viewSlider" value="false" />

<!-- is guest -->
<xf:if is="(property('nlSliderShowGuests') == true AND !$xf.visitor.user_id)">
	<xf:set var="$viewSlider" value="true" />
</xf:if>

<!-- is registered / is not hidden -->
<xf:if is="property('nlSliderShowRegistered') == true AND $xf.visitor.user_id">
	<xf:if is="((property('nlSliderHideCustomGroups') == NULL) OR (property('nlSliderHideCustomGroups') != NULL AND !$xf.visitor.isMemberOf([ {{ property('nlSliderHideCustomGroups') }} ])))">
		<xf:set var="$viewSlider" value="true" />
	</xf:if>
</xf:if>

<!-- show to custom / hide from custom -->
<xf:if is="property('nlSliderShowRegistered') == false">
	<xf:if is="property('nlSliderShowCustomGroups') != NULL AND $xf.visitor.isMemberOf([ {{ property('nlSliderShowCustomGroups') }} ])">
		<xf:if is="(property('nlSliderHideCustomGroups') == NULL OR (property('nlSliderHideCustomGroups') != NULL AND !$xf.visitor.isMemberOf([ {{ property('nlSliderHideCustomGroups') }} ]) ))">
			<xf:set var="$viewSlider" value="true" />
		</xf:if>
	</xf:if>
</xf:if>

<!-- is not banned -->
<xf:if is="property('nlSliderHideBannedMembers') == true AND {$user.is_banned}">
	<xf:set var="$viewSlider" value="false" />
</xf:if>

<!-- is admin -->
<xf:if is="$xf.visitor.is_admin OR $xf.visitor.is_moderator">
	<xf:set var="$viewSlider" value="true" />
</xf:if>

<xf:if is="$viewSlider == 'true'">
	
<section class="slider">
      <div id="flexslider" class="flexslider flexslider--primary arrowControls--{{ property('nlSliderArrowControlType') }} sliderCaption--{{ property('nlSliderCaptionDisplay') }}<xf:if is="property('nlCaptionAnimationMode') != 'none'"> has-captionAnimation</xf:if> captionAnimation--{{ property('nlCaptionAnimationMode') }}">
        <ul class="slides">
			
			<!-- slide 1 -->
			<xf:if is="(property('nlSlide1Mode') == 'img' AND property('nlSlide1Img') != null) OR (property('nlSlide1Mode') == 'video' AND property('nlSlide1Video') != null)">
	    		<li class="flex-slide">
					<!-- img mode -->
					<xf:if is="property('nlSlide1Mode') == 'img'">
						<a href="{{ property('nlSlide1Link') }}"><img id="slide1" src="" alt="{{ property('nlSlide1Title') }}" title="{{ property('nlSlide1Title') }}"/>
							<xf:if is="property('nlSlide1Title') != null OR property('nlSlide1Desc') != null">
								<div class="flex-caption caption--{{ property('nlSlide1CaptionPos') }}">
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') == 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>	
									<xf:if is="{{ property('nlSlide1Title') }}"><h2>{{ property('nlSlide1Title') }}</h2></xf:if>
									<xf:if is="{{ property('nlSlide1Desc') }}">{{ property('nlSlide1Desc') }}</xf:if>
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') != 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>
								</div>
							</xf:if>
						</a>
					<xf:elseif is="property('nlSlide1Mode') == 'video'" />
						<!-- video mode -->
						<div class="video-container-169">
								{{ property('nlSlide1Video') }}
						</div>
					</xf:if>
				</li>
	    	</xf:if>
			
			<!-- slide 2 -->
			<xf:if is="(property('nlSlide2Mode') == 'img' AND property('nlSlide2Img') != null) OR (property('nlSlide2Mode') == 'video' AND property('nlSlide2Video') != null)">
	    		<li class="flex-slide">
					<!-- img mode -->
					<xf:if is="property('nlSlide2Mode') == 'img'">
						<a href="{{ property('nlSlide2Link') }}"><img id="slide2" src="" alt="{{ property('nlSlide2Title') }}" title="{{ property('nlSlide2Title') }}"/>
							<xf:if is="property('nlSlide2Title') != null OR property('nlSlide2Desc') != null">
								<div class="flex-caption caption--{{ property('nlSlide2CaptionPos') }}">
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') == 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>	
									<xf:if is="{{ property('nlSlide2Title') }}"><h2>{{ property('nlSlide2Title') }}</h2></xf:if>
									<xf:if is="{{ property('nlSlide2Desc') }}">{{ property('nlSlide2Desc') }}</xf:if>
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') != 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>
								</div>
							</xf:if>
						</a>
					<xf:elseif is="property('nlSlide2Mode') == 'video'" />
						<!-- video mode -->
						<div class="video-container-169">
								{{ property('nlSlide2Video') }}
						</div>
					</xf:if>
				</li>
	    	</xf:if>
			
			<!-- slide 3 -->
			<xf:if is="(property('nlSlide3Mode') == 'img' AND property('nlSlide3Img') != null) OR (property('nlSlide3Mode') == 'video' AND property('nlSlide3Video') != null)">
	    		<li class="flex-slide">
					<!-- img mode -->
					<xf:if is="property('nlSlide3Mode') == 'img'">
						<a href="{{ property('nlSlide3Link') }}"><img id="slide3" src="" alt="{{ property('nlSlide3Title') }}" title="{{ property('nlSlide3Title') }}"/>
							<xf:if is="property('nlSlide3Title') != null OR property('nlSlide3Desc') != null">
								<div class="flex-caption caption--{{ property('nlSlide3CaptionPos') }}">
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') == 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>	
									<xf:if is="{{ property('nlSlide3Title') }}"><h2>{{ property('nlSlide3Title') }}</h2></xf:if>
									<xf:if is="{{ property('nlSlide3Desc') }}">{{ property('nlSlide3Desc') }}</xf:if>
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') != 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>
								</div>
							</xf:if>
						</a>
					<xf:elseif is="property('nlSlide3Mode') == 'video'" />
						<!-- video mode -->
						<div class="video-container-169">
							{{ property('nlSlide3Video') }}
						</div>
					</xf:if>
				</li>
	    	</xf:if>
			
			<!-- slide 4 -->
			<xf:if is="(property('nlSlide4Mode') == 'img' AND property('nlSlide4Img') != null) OR (property('nlSlide4Mode') == 'video' AND property('nlSlide4Video') != null)">
	    		<li class="flex-slide">
					<!-- img mode -->
					<xf:if is="property('nlSlide4Mode') == 'img'">
						<a href="{{ property('nlSlide4Link') }}"><img id="slide4" src="" alt="{{ property('nlSlide4Title') }}" title="{{ property('nlSlide4Title') }}"/>
							<xf:if is="property('nlSlide4Title') != null OR property('nlSlide4Desc') != null">
								<div class="flex-caption caption--{{ property('nlSlide4CaptionPos') }}">
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') == 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>	
									<xf:if is="{{ property('nlSlide4Title') }}"><h2>{{ property('nlSlide4Title') }}</h2></xf:if>
									<xf:if is="{{ property('nlSlide4Desc') }}">{{ property('nlSlide4Desc') }}</xf:if>
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') != 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>
								</div>
							</xf:if>
						</a>
					<xf:elseif is="property('nlSlide4Mode') == 'video'" />
						<!-- video mode -->
						<div class="video-container-169">
							{{ property('nlSlide4Video') }}
						</div>
					</xf:if>
				</li>
	    	</xf:if>
			
			<!-- slide 5 -->
			<xf:if is="(property('nlSlide5Mode') == 'img' AND property('nlSlide5Img') != null) OR (property('nlSlide5Mode') == 'video' AND property('nlSlide5Video') != null)">
	    		<li class="flex-slide">
					<!-- img mode -->
					<xf:if is="property('nlSlide5Mode') == 'img'">
						<a href="{{ property('nlSlide5Link') }}"><img id="slide5" src="" alt="{{ property('nlSlide5Title') }}" title="{{ property('nlSlide5Title') }}"/>
							<xf:if is="property('nlSlide5Title') != null OR property('nlSlide5Desc') != null">
								<div class="flex-caption caption--{{ property('nlSlide5CaptionPos') }}">
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') == 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>	
									<xf:if is="{{ property('nlSlide5Title') }}"><h2>{{ property('nlSlide5Title') }}</h2></xf:if>
									<xf:if is="{{ property('nlSlide5Desc') }}">{{ property('nlSlide5Desc') }}</xf:if>
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') != 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>
								</div>
							</xf:if>
						</a>
					<xf:elseif is="property('nlSlide5Mode') == 'video'" />
						<!-- video mode -->
						<div class="video-container-169">
							{{ property('nlSlide5Video') }}
						</div>
					</xf:if>
				</li>
	    	</xf:if>
			
			<!-- slide 6 -->
			<xf:if is="(property('nlSlide6Mode') == 'img' AND property('nlSlide6Img') != null) OR (property('nlSlide6Mode') == 'video' AND property('nlSlide6Video') != null)">
	    		<li class="flex-slide">
					<!-- img mode -->
					<xf:if is="property('nlSlide6Mode') == 'img'">
						<a href="{{ property('nlSlide6Link') }}"><img id="slide6" src="" alt="{{ property('nlSlide6Title') }}" title="{{ property('nlSlide6Title') }}"/>
							<xf:if is="property('nlSlide6Title') != null OR property('nlSlide6Desc') != null">
								<div class="flex-caption caption--{{ property('nlSlide6CaptionPos') }}">
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') == 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>	
									<xf:if is="{{ property('nlSlide6Title') }}"><h2>{{ property('nlSlide6Title') }}</h2></xf:if>
									<xf:if is="{{ property('nlSlide6Desc') }}">{{ property('nlSlide6Desc') }}</xf:if>
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') != 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>
								</div>
							</xf:if>
						</a>
					<xf:elseif is="property('nlSlide6Mode') == 'video'" />
						<!-- video mode -->
						<div class="video-container-169">
							{{ property('nlSlide6Video') }}
						</div>
					</xf:if>
				</li>
	    	</xf:if>
			
			<!-- slide 7 -->
			<xf:if is="(property('nlSlide7Mode') == 'img' AND property('nlSlide7Img') != null) OR (property('nlSlide7Mode') == 'video' AND property('nlSlide7Video') != null)">
	    		<li class="flex-slide">
					<!-- img mode -->
					<xf:if is="property('nlSlide7Mode') == 'img'">
						<a href="{{ property('nlSlide7Link') }}"><img id="slide7" src="" alt="{{ property('nlSlide7Title') }}" title="{{ property('nlSlide7Title') }}"/>
							<xf:if is="property('nlSlide7Title') != null OR property('nlSlide7Desc') != null">
								<div class="flex-caption caption--{{ property('nlSlide7CaptionPos') }}">
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') == 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>	
									<xf:if is="{{ property('nlSlide7Title') }}"><h2>{{ property('nlSlide7Title') }}</h2></xf:if>
									<xf:if is="{{ property('nlSlide7Desc') }}">{{ property('nlSlide7Desc') }}</xf:if>
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') != 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>
								</div>
							</xf:if>
						</a>
					<xf:elseif is="property('nlSlide7Mode') == 'video'" />
						<!-- video mode -->
						<div class="video-container-169">
							{{ property('nlSlide7Video') }}
						</div>
					</xf:if>
				</li>
	    	</xf:if>
			
			<!-- slide 8 -->
			<xf:if is="(property('nlSlide8Mode') == 'img' AND property('nlSlide8Img') != null) OR (property('nlSlide8Mode') == 'video' AND property('nlSlide8Video') != null)">
	    		<li class="flex-slide">
					<!-- img mode -->
					<xf:if is="property('nlSlide8Mode') == 'img'">
						<a href="{{ property('nlSlide8Link') }}"><img id="slide8" src="" alt="{{ property('nlSlide8Title') }}" title="{{ property('nlSlide8Title') }}"/>
							<xf:if is="property('nlSlide8Title') != null OR property('nlSlide8Desc') != null">
								<div class="flex-caption caption--{{ property('nlSlide8CaptionPos') }}">
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') == 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>	
									<xf:if is="{{ property('nlSlide8Title') }}"><h2>{{ property('nlSlide8Title') }}</h2></xf:if>
									<xf:if is="{{ property('nlSlide8Desc') }}">{{ property('nlSlide8Desc') }}</xf:if>
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') != 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>
								</div>
							</xf:if>
						</a>
					<xf:elseif is="property('nlSlide8Mode') == 'video'" />
						<!-- video mode -->
						<div class="video-container-169">
							{{ property('nlSlide8Video') }}
						</div>
					</xf:if>
				</li>
	    	</xf:if>
			
			<!-- slide 9 -->
			<xf:if is="(property('nlSlide9Mode') == 'img' AND property('nlSlide9Img') != null) OR (property('nlSlide9Mode') == 'video' AND property('nlSlide9Video') != null)">
	    		<li class="flex-slide">
					<!-- img mode -->
					<xf:if is="property('nlSlide9Mode') == 'img'">
						<a href="{{ property('nlSlide9Link') }}"><img id="slide9" src="" alt="{{ property('nlSlide9Title') }}" title="{{ property('nlSlide9Title') }}"/>
							<xf:if is="property('nlSlide9Title') != null OR property('nlSlide9Desc') != null">
								<div class="flex-caption caption--{{ property('nlSlide9CaptionPos') }}">
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') == 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>	
									<xf:if is="{{ property('nlSlide9Title') }}"><h2>{{ property('nlSlide9Title') }}</h2></xf:if>
									<xf:if is="{{ property('nlSlide9Desc') }}">{{ property('nlSlide9Desc') }}</xf:if>
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') != 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>
								</div>
							</xf:if>
						</a>
					<xf:elseif is="property('nlSlide9Mode') == 'video'" />
						<!-- video mode -->
						<div class="video-container-169">
							{{ property('nlSlide9Video') }}
						</div>
					</xf:if>
				</li>
	    	</xf:if>
			
			<!-- slide 10 -->
			<xf:if is="(property('nlSlide10Mode') == 'img' AND property('nlSlide10Img') != null) OR (property('nlSlide10Mode') == 'video' AND property('nlSlide10Video') != null)">
	    		<li class="flex-slide">
					<!-- img mode -->
					<xf:if is="property('nlSlide10Mode') == 'img'">
						<a href="{{ property('nlSlide10Link') }}"><img id="slide10" src="" alt="{{ property('nlSlide10Title') }}" title="{{ property('nlSlide10Title') }}"/>
							<xf:if is="property('nlSlide10Title') != null OR property('nlSlide10Desc') != null">
								<div class="flex-caption caption--{{ property('nlSlide10CaptionPos') }}">
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') == 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>	
									<xf:if is="{{ property('nlSlide10Title') }}"><h2>{{ property('nlSlide10Title') }}</h2></xf:if>
									<xf:if is="{{ property('nlSlide10Desc') }}">{{ property('nlSlide10Desc') }}</xf:if>
									<xf:if is="{{ property('nlSliderAddReadMoreButton') }} AND property('nlSliderCaptionDisplay') != 'bottom'"><span class="button">{{ phrase('continue_reading') }}</span></xf:if>
								</div>
							</xf:if>
						</a>
					<xf:elseif is="property('nlSlide10Mode') == 'video'" />
						<!-- video mode -->
						<div class="video-container-169">
							{{ property('nlSlide10Video') }}
						</div>
					</xf:if>
				</li>
	    	</xf:if>
			
        </ul>
      </div>
    </section>

<xf:macro template="nl_flexslider_macros" name="default"
		arg-element="#flexslider"
		arg-animation="fade"
		arg-dots="true"
		arg-arrows="true"
		arg-autoplay="true"
		arg-wait="6000"/>

<xf:js>
jQuery(document).ready(function() {
	
	var $slide1src = "{{ property('nlSlide1Img') }}";
	var $slide2src = "{{ property('nlSlide2Img') }}";
	var $slide3src = "{{ property('nlSlide3Img') }}";
	var $slide4src = "{{ property('nlSlide4Img') }}";
	var $slide5src = "{{ property('nlSlide5Img') }}";
	var $slide6src = "{{ property('nlSlide6Img') }}";
	var $slide7src = "{{ property('nlSlide7Img') }}";
	var $slide8src = "{{ property('nlSlide8Img') }}";
	var $slide9src = "{{ property('nlSlide9Img') }}";
	var $slide10src = "{{ property('nlSlide10Img') }}";
	var $isMobile = false;
	var $hideOnMobile = false;

	if (/Mobi|Android|webOS|iPhone|iPad|iPod|pocket|psp|kindle|avantgo|blazer|midori|Tablet|Palm|maemo|plucker|phone|BlackBerry|symbian|IEMobile|mobile|ZuneWP7|Windows Phone|Opera Mini/i.test(navigator.userAgent)) {
		$isMobile = true;
	}
	<xf:if is="property('nlSliderEnableOnMobile') == 'false'">
		$hideOnMobile = true;
	</xf:if>
	
	if ($isMobile == true && $hideOnMobile == true) {
		// Remove slider
		if ($('#flexslider').length) {
			$( "#flexslider" ).remove();
		}
	} else if ($isMobile == false || ($isMobile == true && $hideOnMobile == false)) {
		if ($('#flexslider #slide1').length) {
			$('#flexslider #slide1').attr('src', $slide1src);
		}
		if ($('#flexslider #slide2').length) {
			$('#flexslider #slide2').attr('src', $slide2src);
		}
		if ($('#flexslider #slide3').length) {
			$('#flexslider #slide3').attr('src', $slide3src);
		}
		if ($('#flexslider #slide4').length) {
			$('#flexslider #slide4').attr('src', $slide4src);
		}
		if ($('#flexslider #slide5').length) {
			$('#flexslider #slide5').attr('src', $slide5src);
		}
		if ($('#flexslider #slide6').length) {
			$('#flexslider #slide6').attr('src', $slide6src);
		}
		if ($('#flexslider #slide7').length) {
			$('#flexslider #slide7').attr('src', $slide7src);
		}
		if ($('#flexslider #slide8').length) {
			$('#flexslider #slide8').attr('src', $slide8src);
		}
		if ($('#flexslider #slide9').length) {
			$('#flexslider #slide9').attr('src', $slide9src);
		}
		if ($('#flexslider #slide10').length) {
			$('#flexslider #slide10').attr('src', $slide10src);
		}
	}
})
</xf:js>
	
</xf:if>]]></template>
    <template title="nl_flexslider.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[@_controlsOffset: @xf-nlSliderArrowControlOffset;
@_captionOffset: @xf-nlSliderCaptionOffset;
@_captionSlideOffset: @xf-nlSliderCaptionAnimationOffset;

/*
 * jQuery FlexSlider v2.6.2
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover {
	outline: none;
}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flexslider .slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .flexslider .slides {
	display: block;
}
* html .flexslider .slides {
	height: 1%;
}
.no-js .flexslider .slides > li:first-child {
	display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider.flexslider--primary {
	.xf-nlSliderContainer();
}
.flexslider .slides {
	.xf-nlSliderSlidesContainer();
}
.flexslider .slides,
.flexslider .slides > li {
	overflow:hidden;
}
.flexslider .slides img {
	height: auto;
	-moz-user-select: none;
}
.flex-viewport {
	max-height: 2000px;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.carousel li {
	margin-right: 5px;
}
/* Deprecate
.flexslider .slides iframe {
    width: 100% !important;
    height: auto !important;
    min-height: 300px;
}
*/

.flex-caption {
	.sliderCaption--bottom &.caption--default,
	&.caption--bottom {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		.xf-nlSliderCaptionBoxBottom();
	}
	/* Caption floating */
	.sliderCaption--left &.caption--default,
	&.caption--left {
		position: absolute;
		width: 50%;
		left: @_captionOffset;
		top: 50%;
		transform: translatey(-50%);
		.xf-nlSliderCaptionBoxFloating();
		
		> * {
			margin: 0 auto @xf-nlSliderCaptionElementSpacer;
		}
	}
	.sliderCaption--right &.caption--default,
	&.caption--right {
		position: absolute;
		width: 50%;
		left: auto;
		right: @_captionOffset;
		top: 50%;
		transform: translatey(-50%);
		text-align: right;
		.xf-nlSliderCaptionBoxFloating();
		
		> * {
			margin: 0 auto @xf-nlSliderCaptionElementSpacer;
		}
	}
	/* Caption asides */
	.sliderCaption--leftAside &.caption--default,
	&.caption--leftAside {
		flex: 1;
		
		.xf-nlSliderCaptionBoxAside();
		
		> * {
			margin: 0 auto @xf-nlSliderCaptionElementSpacer;
		}
	}
	.sliderCaption--rightAside &.caption--default,
	&.caption--rightAside {
		flex: 1;
		
		.xf-nlSliderCaptionBoxAside();
		
		> * {
			margin: 0 auto @xf-nlSliderCaptionElementSpacer;
		}
	}
	.m-clearFix();
	
	span.button:first-child {
		float: right;
		margin-top: 6px;
	}
}
.sliderCaption--leftAside,
.sliderCaption--rightAside {
	ul.slides li a {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	ul.slides li img {
		width: 70%;
		flex: 1;
	}
}
.flex-caption h2 {
	line-height: normal;
	margin: 0;
	
	.sliderCaption--bottom & {
		.xf-nlSliderCaptionBoxBottomTitle();
	}
	.sliderCaption--left &, .sliderCaption--right & {
		.xf-nlSliderCaptionBoxFloatingTitle();
	}
	.sliderCaption--leftAside &, .sliderCaption--rightAside & {
		.xf-nlSliderCaptionBoxAsideTitle();
	}
}
.flex-caption p {
	margin: 0 0 @xf-paddingSmall;
	line-height: 1.4;
}
.flex-caption ul {
	padding: 0;
    list-style: initial;
	.m-clearFix();
}
.flex-caption > *:last-child {
    margin-bottom: 0 !important;
}

.flex-direction-nav {
 *height: 0;
}
.flex-direction-nav a {
	text-decoration: none;
	display: block;
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	z-index: 10;
	overflow: xhidden;
	opacity: 0;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	font-size: 0;
}
.arrowControls--image .flex-direction-nav a {
	background-repeat: no-repeat;
	background-position: 0 center;
	.xf-nlSliderDirectionalCtrlImg();
	
	&.flex-next {
		background-position: right center;
	}
	[DIR="RTL"] &.flex-prev {
		background-position: right center;
	}
	[DIR="RTL"] &.flex-next {
		background-position: left center;
	}
}
.arrowControls--fontawesome .flex-direction-nav {
	.flex-prev:before {
		content: "\f053";
		
		[dir="rtl"] & {
			content: "\f054";
		}
	}
	.flex-next:before {
		content: "\f054";
		
		[dir="rtl"] & {
			content: "\f053";
		}
	}
	a:before {
		.m-faBase('Pro', 900);
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		.xf-nlSliderDirectionalCtrlFa();
	}
	a:hover:before {
		.xf-nlSliderDirectionalCtrlFaHover();
	}
}

.flex-direction-nav {
	.flex-prev {
		left: @_controlsOffset;
	}
	.flex-next {
		right: @_controlsOffset;
		text-align: right;
	}
	[dir="RTL"] & {
		.flex-prev, .flex-next {
		}
	}
}
.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
	opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
	z-index: -1;
}
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}
.flex-pauseplay a:before {
	font-family: fontawesome;
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}
.flex-pauseplay a:hover {
	opacity: 1;
}
.flex-pauseplay a.flex-play:before {
	content: '\f003';
}
.flex-control-wrapper {
	line-height: normal;
	.xf-nlSliderBottomCtrlContainer();
}
.flex-control-nav {
	.xf-nlSliderBottomCtrlInner();
}
.flex-control-nav li {
	display: inline-block;
	zoom: 1;
	vertical-align: middle;
	*display: inline;
}
.flex-control-paging li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	.xf-nlSliderBottomCtrlButton();
}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {
	.xf-nlSliderBottomCtrlButtonHover();
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	height: auto;
	display: block;
	opacity: .7;
	cursor: pointer;
	transition: all 1s ease;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

/* Caption animations */

@keyframes captionSlideIn {
    100% {
    	left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		opacity: 1;
		transform: scale(1);
    }
}
.has-captionAnimation {
	.flex-caption > * {
		animation: captionSlideIn @xf-nlSliderCaptionAnimationLength forwards;
		position:  relative;
		opacity: 0;
		animation-timing-function: @xf-nlSliderCaptionAnimationTiming;
	}
}
.flex-caption ul {
    list-style: none;
}

@_itemDelay: @xf-nlSliderCaptionAnimationDelay;
.item-ratings(5);
.item-ratings(@n, @i: 1) when (@i =< @n) {
	.flex-caption > *:nth-child(@{i}) {
		animation-delay: (@_itemDelay * @i);
	}
	.item-ratings(@n, (@i + 1));
}

/* Top to bottom */
.captionAnimation-slideIn1 .flex-caption > * {
    top: -@_captionSlideOffset;
}
	
/* Left to right */
.captionAnimation-slideIn2 .flex-caption > * {
    left: -@_captionSlideOffset;
}
	
/* Bottom to top */
.captionAnimation-slideIn3 .flex-caption > * {
    bottom: -@_captionSlideOffset;
}

/* Right to left */
.captionAnimation-slideIn4 .flex-caption > * {
    right: -@_captionSlideOffset;
}

/* Clockwise */
.captionAnimation-slideIn5 .flex-caption > * {
	&:nth-child(1) {
		top: -@_captionSlideOffset;
	}
	&:nth-child(2) {
		left: -@_captionSlideOffset;
	}
	&:nth-child(3) {
		bottom: -@_captionSlideOffset;
	}
	&:nth-child(4) {
		right: -@_captionSlideOffset;
	}
}
	
/* Zoom in */
.captionAnimation-slideIn7 .flex-caption > * {
	transform: scale(1.5);
}

/* Force last item from bottom */
/*
.flex-caption > *:nth-child(1) {
    animation-delay: .1s;
    top: -150px;
}

.flex-caption > *:nth-child(2):not(:last-child) {
    animation-delay: .3s;
    left: -150px;
}
.flex-caption > *:nth-child(2):last-child {
    animation-delay: .3s;
    bottom: -150px;
}

.flex-caption > *:nth-child(3):not(:last-child) {
    animation-delay: .5s;
    right: -150px;
}
.flex-caption > *:nth-child(3):last-child {
    animation-delay: .5s;
    bottom: -150px;
}

.flex-caption > *:nth-child(4):not(:last-child) {
    animation-delay: .7s;
    left: -150px;
}
.flex-caption > *:nth-child(4):last-child {
    animation-delay: .7s;
    bottom: -150px;
}

.flex-caption > *:nth-child(5):not(:last-child) {
    animation-delay: .9s;
    left: -150px;
}
.flex-caption > *:nth-child(5):last-child {
    animation-delay: .9s;
    bottom: -150px;
}
*/

/* Mobile styling */

@media (min-width: @xf-publicNavCollapseWidth)
{
	.flexslider--primary .slides,
	.flexslider--primary .slides > li {
		max-height: @xf-nlSliderMaxHeight;
	}
}

@media (max-width: @xf-responsiveMedium)
{
	<xf:if is="property('nlSliderMobileCaptionLoc') == 'below'">
	#flexslider {
		.flex-caption,
		.sliderCaption-left .flex-caption,
		.sliderCaption-right .flex-caption {
			position: initial !important;
			width: auto !important;
			transform: none !important;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			.xf-nlSliderCaptionBoxMobileBelow();
			
			> *:not(.button) {
				color: inherit;
			}
		}
	}
	</xf:if>
}
@media (max-width: @xf-responsiveNarrow)
{
	.flex-caption {
		
		ul {
			padding: 0;
		}
		li {
			width: auto !important;
		}
	}
}

/* Featured inline CSS */

{{ property('nlSliderCustomCSS') }}]]></template>
    <template title="nl_flexslider_macros" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:macro name="default" arg-element="!" arg-animation="!" arg-dots="!" arg-arrows="!" arg-wait="!" arg-autoplay="!">
	<xf:js>
		$(window).on("load", function() {
			$('{$element}').flexslider({
				<xf:if is="{$xf.language.text_direction} == 'RTL'">
				rtl: true,
				</xf:if>
				animation: "{$animation}",
				easing: "swing",
				slideshowSpeed: {$wait},
				animationSpeed: 900,
				pauseOnHover: true,
				pauseOnAction: true,
				touch: true,
				video: true,
				controlNav: {$dots},
				directionNav: {$arrows},
				animationLoop: true,
				slideshow: {$autoplay},
				useCSS: false,
				before: function() {
					if (!canSlide)
						slider.flexslider("stop");
				}
			});

		});
	</xf:js>
</xf:macro>]]></template>
    <template title="nl_footer_copyright" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:if is="property('nlCopyrightOff') == true AND property('nlCopyrightKey') != null"><!-- {{ property('nlCopyrightKey') }} --><xf:else /> | <a href="https://www.nulumia.com/shop/categories/xenforo-themes.1/" rel="nofollow" title="Free And Premium Xenforo Themes" target="_blank" class="u-concealed">Xenforo theme by Nulumia &copy;2016-{{ date($xf.time, 'Y') }}</a></xf:if>
<xf:if is="property('nlLicenseKey') != null"><!-- {{ property('nlLicenseKey') }} --></xf:if>
<!-- Style version: {{ property('nlStyleVersion') }} -->]]></template>
    <template title="nl_forum_welcome_row" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<div class="p-row wide p-forum-welcome padding-m">
	<div class="p-row-inner flex">
		<div class="user-welcome">
			<div class="contentRow">
				<div class="contentRow-figure">
					<span class="avatarWrapper">
						<xf:avatar user="{$xf.visitor}" size="m" href="" notooltip="true" />
						<xf:if is="$xf.visitor.canUploadAvatar()">
							<a class="avatarWrapper-update" href="{{ link('account/avatar') }}" data-xf-click="overlay"><span>{{ phrase('edit') }}</span></a>
						</xf:if>
					</span>
				</div>
				<div class="contentRow-main flex f-v-stretch">
					<h2 class="contentRow-header">
						{{ phrase('forum_welcome_row_welcome') }}<br>
						<xf:username user="$xf.visitor" rich="false" notooltip="true" />!
					</h2>
				</div>
			</div>
		</div>
		<div class="user-quickLinks flex f-v-stretch">
			<a href="{{ link('find-threads/contributed') }}" class="button button--icon button--m icon--large">
			<i class="fas fa-comment-alt"></i>My Posts</a>
			<a href="{{ link('conversations') }}" class="button button--icon button--slate button--m icon--large">
			<i class="fas fa-envelope"></i>My Conversations</a>
			<a href="#" class="button button--icon button--periwinkle button--m icon--large">
			<i class="fas fa-life-ring"></i>My Support Topics</a>
			<xf:if is="$searchConstraints">
				<div class="inputGroup inputGroup--joined">
					<xf:textbox name="keywords"
						placeholder="{{ phrase('search...') }}"
						aria-label="{{ phrase('search') }}"
						data-menu-autofocus="true" />
					<xf:select name="constraints"
						class="js-quickSearch-constraint"
						aria-label="{{ phrase('search_within') }}">
						<xf:option value="">{{ phrase('everywhere') }}</xf:option>
						<xf:foreach loop="$searchConstraints" key="$constraintName" value="$constraint">
							<xf:option value="{$constraint|json}">{$constraintName}</xf:option>
						</xf:foreach>
					</xf:select>
				</div>
				<xf:else />
				<xf:textbox name="keywords"
					placeholder="{{ phrase('search...') }}"
					aria-label="{{ phrase('search') }}"
					data-menu-autofocus="true" />
			</xf:if>
		</div>
	</div>
</div>
<style>
.template-forum_list .p-body-inner {
    padding-top: 0;
}
</style>]]></template>
    <template title="nl_functions_js" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:if is="property('nlImportParallaxJs') == true">
	<script async src="{{ js_url('nulumia/parallax.min.js') }}"></script>
</xf:if>
<xf:if is="property('nlImportParticlesJs') == true">
	<script async src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
</xf:if>
<script src="{{ js_url('nulumia/theme-functions.js') }}"></script>
<script src="{{ js_url('nulumia/jquery.flexslider.js') }}"></script>
<script src="{{ js_url('nulumia/slick.min.js') }}"></script>

<xf:if is="property('nlEnableFullBackgroundMode') == 'slideshow'">
	<script src="{{ js_url('nulumia/jquery.backstretch.min.js') }}"></script>
	<script>
		jQuery.backstretch([
			<xf:if is="property('nlBackgroundSwitcher1') != null">"{{ contains(property('nlBackgroundSwitcher1'), 'styles/nulumia') ? $xf.homePageUrl . '/' : '' }}{{ property('nlBackgroundSwitcher1') }}"</xf:if>
			<xf:if is="property('nlBackgroundSwitcher2') != null">, "{{ contains(property('nlBackgroundSwitcher2'), 'styles/nulumia') ? $xf.homePageUrl . '/' : '' }}{{ property('nlBackgroundSwitcher2') }}"</xf:if>
			<xf:if is="property('nlBackgroundSwitcher3') != null">, "{{ contains(property('nlBackgroundSwitcher3'), 'styles/nulumia') ? $xf.homePageUrl . '/' : '' }}{{ property('nlBackgroundSwitcher3') }}"</xf:if>
			<xf:if is="property('nlBackgroundSwitcher4') != null">, "{{ contains(property('nlBackgroundSwitcher4'), 'styles/nulumia') ? $xf.homePageUrl . '/' : '' }}{{ property('nlBackgroundSwitcher4') }}"</xf:if>
			<xf:if is="property('nlBackgroundSwitcher5') != null">, "{{ contains(property('nlBackgroundSwitcher5'), 'styles/nulumia') ? $xf.homePageUrl . '/' : '' }}{{ property('nlBackgroundSwitcher5') }}"</xf:if>
		], {duration: 7000, fade: 500});
	</script>
</xf:if>
<xf:if is="property('nlImportCSSAnimateIt') == true">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/css3-animate-it/1.0.3/css/animations.min.css" />
	<script async defer src="{{ js_url('nulumia/css3-animate-it.min.js') }}"></script>
</xf:if>
<xf:if is="property('nlAddPinterestSaveButtons') == true">
	<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
</xf:if>
<xf:if is="property('nlEnableParticlesJsBg') == true">
	<xf:js>
	$( document ).ready(function() {
		/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
		<xf:if is="property('nlParticlesJsUseCustomPath') == false">
			particlesJS.load('particles-js', '{$xf.homePageUrl}/{{ property('themePath') }}/xenforo/assets/particlesjs-config.json', function() {
		<xf:else />	
			<xf:if is="property('nlParticlesJsCustomConfigSource') =='themePath'">
				particlesJS.load('particles-js', '{$xf.homePageUrl}/{{ property('themePath') }}/{{ property('nlParticlesJsBgConfigPath') }}', function() {
			<xf:else />
				particlesJS.load('particles-js', '{{ property('nlParticlesJsBgConfigPath') }}', function() {
			</xf:if>
		</xf:if>
		console.log('callback - particles.js config loaded');
		});
	});
	</xf:js>
</xf:if>
<xf:if is="property('nlPageHeaderRowAddParticles') == true">
	<xf:js>
	$( document ).ready(function() {
		/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
		<xf:if is="property('nlParticlesJsUseCustomPath') == false">
			particlesJS.load('particles-js2', '{$xf.homePageUrl}/{{ property('themePath') }}/xenforo/assets/particlesjs-config.json', function() {
		<xf:else />	
			<xf:if is="property('nlParticlesJsCustomConfigSource') =='themePath'">
				particlesJS.load('particles-js2', '{$xf.homePageUrl}/{{ property('themePath') }}/{{ property('nlParticlesJsBgConfigPath') }}', function() {
			<xf:else />
				particlesJS.load('particles-js2', '{{ property('nlParticlesJsBgConfigPath') }}', function() {
			</xf:if>
		</xf:if>
		console.log('callback - particles.js config loaded');
		});
	});
	</xf:js>
</xf:if>
<xf:js>
	// Deprecating
	<xf:comment>
    <xf:if is="property('nlSeparateNodeDesc') == true">
	$(".block-desc").each(function() {
		$(this).closest( "h2.block-header" ).after(this);
    });
	</xf:if>
	</xf:comment>
	$('.collapseTrigger i').click(function () {
		$(this).toggleClass('fa-toggle-on fa-toggle-off');
	});
	<xf:if is="property('nlSidebarCategoryMode') == 'open'">
	$(".categoryList-toggler, .toggleTarget").each(function() {
		$(this).addClass("is-active");
    });
	</xf:if>
</xf:js>

<xf:if is="$xf.visitor.is_admin && property('nlShowThemeHookLocations')">
	<xf:js>
		// Find hooks
		var toggleCount = 0;
		$('.p-staffBar-link--themeHooks').click(function () {
			toggleCount++;
			toggleCount % 2 ? showHooks() : destroyHooks();
		});
		
		function showHooks () {
			$("*").contents().filter(function () {
				return this.nodeType == 8;
			}).each(function (i, e) {
				var str1 = e.nodeValue;
				if (str1.indexOf('theme_hook') != -1) {
					var locationID = str1.substr(str1.lastIndexOf(":") + 1);
					$(this).after('<div class="block-rowMessage block-rowMessage--warning block-rowMessage--small block-rowMessage--themeHook">' + locationID + '</div>');
				}
			});
		}
		function destroyHooks () {
			$('.theme-hook-hint').remove();
		}
	</xf:js>
</xf:if>]]></template>
    <template title="nl_header_content_right" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<!-- Place custom HTML below -->
<!-- This content will display to the right of your logo -->
<img src="https://i.imgur.com/D7IrSKZ.jpg">]]></template>
    <template title="nl_helper_macros" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<!-- Header locations -->

<!--[XF:theme_hook:html_top]-->
<xf:macro name="html_top" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_staff_bar]-->
<xf:macro name="above_staff_bar" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_topbar]-->
<xf:macro name="above_topbar" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:topbar_left]-->
<xf:macro name="topbar_left" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:topbar_center]-->
<xf:macro name="topbar_center" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:topbar_right]-->
<xf:macro name="topbar_right" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_topbar]-->
<xf:macro name="below_topbar" arg-template="!">
	
</xf:macro>


<!-- Header locations -->

<!--[XF:theme_hook:above_topbar]-->
<xf:macro name="above_topbar" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:topbar_left]-->
<xf:macro name="topbar_left" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_header]-->
<xf:macro name="above_header" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:header_left]-->
<xf:macro name="header_left" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:header_right]-->
<xf:macro name="header_right" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_header]-->
<xf:macro name="below_header" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:navigation_left]-->
<xf:macro name="navigation_left" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:before_visitor_links_list]-->
<xf:macro name="before_visitor_links_list" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:after_visitor_links_list]-->
<xf:macro name="after_visitor_links_list" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:after_visitor_links_logged]-->
<xf:macro name="after_visitor_links_logged" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:after_visitor_links_guest]-->
<xf:macro name="after_visitor_links_guest" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:after_section_links]-->
<xf:macro name="after_section_links" arg-template="!">
	
</xf:macro>


<!-- Page area locations -->

<!--[XF:theme_hook:above_content_wide]-->
<xf:macro name="above_content_wide" arg-template="!">
	<xf:macro template="nl_slider_insert_macros" name="feature-insert" arg-template="{$template}" arg-location="belowNav" arg-position="wide" />
</xf:macro>

<!--[XF:theme_hook:above_notices]-->
<xf:macro name="above_notices" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_notices]-->
<xf:macro name="below_notices" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_top_breadcrumb]-->
<xf:macro name="above_top_breadcrumb" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_top_breadcrumb]-->
<xf:macro name="below_top_breadcrumb" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_sidenav]-->
<xf:macro name="above_sidenav" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_sidenav]-->
<xf:macro name="below_sidenav" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_sidebar]-->
<xf:macro name="above_sidebar" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_sidebar]-->
<xf:macro name="below_sidebar" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_content_narrow]-->
<xf:macro name="above_content_narrow" arg-template="!">
	<xf:macro template="nl_slider_insert_macros" name="feature-insert" arg-template="{$template}" arg-location="belowNav" arg-position="narrow" />
</xf:macro>

<!--[XF:theme_hook:below_content_narrow]-->
<xf:macro name="below_content_narrow" arg-template="!">
	<xf:macro template="nl_slider_insert_macros" name="feature-insert" arg-template="{$template}" arg-location="aboveFooter" arg-position="narrow" />
</xf:macro>

<!--[XF:theme_hook:above_bottom_breadcrumb]-->
<xf:macro name="above_bottom_breadcrumb" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_bottom_breadcrumb]-->
<xf:macro name="below_bottom_breadcrumb" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_content_wide]-->
<xf:macro name="below_content_wide" arg-template="!">
	<xf:macro template="nl_slider_insert_macros" name="feature-insert" arg-template="{$template}" arg-location="aboveFooter" arg-position="wide" />
</xf:macro>


<!-- Footer locations -->

<!--[XF:theme_hook:between_footer]-->
<xf:macro name="between_footer" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_footer_links]-->
<xf:macro name="above_footer_links" arg-template="!">
	<xf:if is="property('nlMGEnableFooterContentBar') == true">
		<xf:include template="nl_mgamer_footer_bar" />
	</xf:if>
</xf:macro>

<!--[XF:theme_hook:below_footer_links]-->
<xf:macro name="below_footer_links" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:main_footer_content]-->
<xf:macro name="main_footer_content" arg-template="!">
	<xf:if is="property('nlEnableFooterColumns')">
		<xf:include template="nl_flexcolumns" />
	</xf:if>
</xf:macro>

<!--[XF:theme_hook:above_footer_copyright]-->
<xf:macro name="above_footer_copyright" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_footer_copyright]-->
<xf:macro name="below_footer_copyright" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:html_bottom]-->
<xf:macro name="html_bottom" arg-template="!">
	
</xf:macro>


<!-- Forum list -->

<!--[XF:theme_hook:forum_list_above_nodes]-->
<xf:macro name="forum_list_above_nodes" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:forum_list_below_nodes]-->
<xf:macro name="forum_list_below_nodes" arg-template="!">
	
</xf:macro>


<!-- Forum view -->

<!--[XF:theme_hook:forum_view_above_node_list]-->
<xf:macro name="forum_view_above_node_list" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:forum_view_below_node_list]-->
<xf:macro name="forum_view_below_node_list" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:forum_view_above_thread_list]-->
<xf:macro name="forum_view_above_thread_list" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:forum_view_below_thread_list]-->
<xf:macro name="forum_view_below_thread_list" arg-template="!">
	
</xf:macro>


<!-- Thread view -->

<!--[XF:theme_hook:thread_view_above_messages]-->
<xf:macro name="thread_view_above_messages" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:thread_view_below_messages]-->
<xf:macro name="thread_view_below_messages" arg-template="!">
	
</xf:macro>]]></template>
    <template title="nl_mgamer_footer_bar" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<div class="p-footer-main-upper">
	<div class="p-footer-main-upper-inner">
	<div class="footer_bar_left">
		<xf:if is="property('nlMGFooterBarLeftBlockLayout') == 'logo'">
				<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
					<xf:if is="property('nlEnableTextLogo') == true">
						<div id="textLogo">
						<span class="txtLogo1">{{ property('nlPrimaryLogoText') }}</span>
						<xf:if is="property('nlSecondaryLogoText') != null"><span class="txtLogo2">{{ property('nlSecondaryLogoText') }}</span></xf:if>
						</div>
					<xf:else />	
					<img src="{{ base_url(property('publicLogoUrl')) }}"
						alt="{$xf.options.boardTitle}"
						{{ property('publicLogoUrl2x') ? 'srcset="' . base_url(property('publicLogoUrl2x')) . ' 2x"' : '' }} />
					</xf:if>
					<xf:if is="property('nlEnableLogoSubtitle') == true">
						<span class="logoSubtitle">{{ property('nlLogoSubtitle') }}</span>
					</xf:if>
				</a>
		<xf:elseif is="property('nlMGFooterBarLeftBlockLayout') == 'social'" />
			<xf:macro template="nl_social_macros" name="social_icons" arg-location="footer" />
		<xf:elseif is="property('nlMGFooterBarLeftBlockLayout') == 'html'" />
			{{ property('nlMGFooterBarLeftCustomHTML') }}
		</xf:if>
	</div>
	<div class="footer_bar_right">
		<xf:if is="property('nlMGFooterBarRightBlockLayout') == 'logo'">
				<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
					<xf:if is="property('nlEnableTextLogo') == true">
						<div id="textLogo">
						<span class="txtLogo1">{{ property('nlPrimaryLogoText') }}</span>
						<xf:if is="property('nlSecondaryLogoText') != null"><span class="txtLogo2">{{ property('nlSecondaryLogoText') }}</span></xf:if>
						</div>
					<xf:else />	
					<img src="{{ base_url(property('publicLogoUrl')) }}"
						alt="{$xf.options.boardTitle}"
						{{ property('publicLogoUrl2x') ? 'srcset="' . base_url(property('publicLogoUrl2x')) . ' 2x"' : '' }} />
					</xf:if>
					<xf:if is="property('nlEnableLogoSubtitle') == true">
						<span class="logoSubtitle">{{ property('nlLogoSubtitle') }}</span>
					</xf:if>
				</a>
		<xf:elseif is="property('nlMGFooterBarRightBlockLayout') == 'social'" />
			<xf:macro template="nl_social_macros" name="social_icons" arg-location="footer" />
		<xf:elseif is="property('nlMGFooterBarRightBlockLayout') == 'html'" />
			{{ property('nlMGFooterBarLeftCustomHTML') }}
		</xf:if>
	</div>	
	</div>
</div>]]></template>
    <template title="nl_mod.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* XFMG Fix */

.has-touchevents .itemList-itemOverlay,
.itemList-item:hover .itemList-itemOverlay {
    height: auto;
}

/* XFMG */

[data-type="xfmg_media"] {
	
	.block-container {
		.m-stripElement();
	}
	.itemList {
		margin: 0 -(@xf-nlXFMGItemSpacing / 2);
	}
	.itemList-item {
		flex: 1 0 25%;
		max-width: none;
		margin: (@xf-nlXFMGItemSpacing / 2);
	}
	.media-gridItems-2 & .itemList-item {
		flex: 0 0 ~"calc(50% - @xf-nlXFMGItemSpacing)";
	}
	.media-gridItems-3 & .itemList-item {
		flex: 0 0 ~"calc(33.3% - @xf-nlXFMGItemSpacing)";
	}
	.media-gridItems-4 & .itemList-item {
		flex: 0 0 ~"calc(25% - @xf-nlXFMGItemSpacing)";
	}
	.media-gridItems-5 & .itemList-item {
		flex: 0 0 ~"calc(20% - @xf-nlXFMGItemSpacing)";
	}
	.media-gridItems-6 & .itemList-item {
		flex: 0 0 ~"calc(16.667% - @xf-nlXFMGItemSpacing)";
	}
	
	<xf:if is="property('nlXFMGItemHideAuthorDate') == true">
	.itemInfoRow-main .itemInfoRow-status:nth-of-type(1) {
		display: none;
	}
	</xf:if>
	<xf:if is="property('nlXFMGItemHideLikesComments') == true">
	.itemInfoRow-main .itemInfoRow-status:nth-of-type(2) {
		display: none;
	}
	</xf:if>
	.media-itemDesc-below & {
		.itemList-item {
			.xf-contentBase();
			.xf-blockBorder();
			border-radius: @xf-blockBorderRadius;
		}
		.itemList-itemOverlay {
			position: relative;
			background: transparent;
			color: @xf-textColorMuted;
			top: auto;
			bottom: auto;
			height: auto;
			.xf-nlXFMGItemDescBelowContent();
		}
		.itemList-itemOverlay * {
			color: inherit;
			font-size: inherit;
			text-shadow: none;
		}
		.itemInfoRow-title {
			margin-bottom: @xf-paddingSmall;
			overflow: visible;
			white-space: inherit;
			word-wrap: inherit;
			text-overflow: inherit;
			.xf-nlXFMGItemDescBelowTitle();
		}
	}
	.media-itemDesc-fade & {
		.itemList-itemOverlay {
			color: @xf-textColorMuted;
		  top: 0;
		  bottom: auto;
		  height: 100%;
		  width: 100%;
		  display: flex;
		  text-align: center;
		  align-items: center;
			opacity: 0;
			transition: .2s opacity;
			pointer-events: none;
		}
		.itemList-item:hover .itemList-itemOverlay {
			opacity: 1;
		}
		<xf:if is="property('nlXFMGZoomThumbHover') == true">			
		.itemInfoRow-main {
			transition: .2s transform;
			backface-visibility: hidden;
			transform: scale(0.8);
		}
		.itemList-item:hover .itemInfoRow-main {
			transform: scale(1);
		}
		</xf:if>
		.itemList-itemOverlay * {
			color: inherit;
			font-size: inherit;
			text-shadow: none;
			margin: auto;
		}
		.itemInfoRow-title {
		  margin-bottom: 6px;
		  color: #fff;
		  font-size: @xf-fontSizeLarge;
		}
	}
}
@media (max-width: @xf-responsiveMedium)
{
	.itemList-item {
		width: auto;
		flex: 1 1 ~"calc(50% - @xf-nlXFMGItemSpacing)" !important;
	}
}
@media (max-width: @xf-responsiveNarrow)
{
	.itemList-item {
		flex: 1 1 ~"calc(100% - @xf-nlXFMGItemSpacing)" !important;
	}
}
<xf:if is="property('nlXFMGZoomThumbHover') == true">
[data-type="xfmg_media"] {
	
	.xfmgThumbnail {
		overflow: hidden;
	
		img {
			transition: .2s transform;
		}
	}
	.itemList-item:hover .xfmgThumbnail img {
		transform: scale(@xf-nlXFMGZoomThumbAmount);
	}
}
</xf:if>

.itemList-itemOverlay
{
	height: 35%;
	bottom: -35%;

	.has-touchevents &,
	.itemList-item:hover &
	{
		height: auto;
	}
}

a.media-button {
	display: block;
	width: auto;
	height: auto;
	.xf-nlXFMGMediaControls();
	
	.media-button-icon {
		/* -webkit-text-stroke: unset; */
	}
	&.media-button--prev .media-button-icon:before,
	&.media-button--next .media-button-icon:before {
		/* font-size: 26px; */
		/* vertical-align: middle; */
		/* text-align: center; */
		// .xf-nlSlickDirectionalControls();
	}
}

.media-hover-container {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}
.zoom-container {
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    color: rgba(255,255,255,0.75);
    padding: 14px;
    font-size: 24px;
	opacity: 0;
	transition: .2s opacity;
}
.media-hover-container .pin-button-container {
    position: relative !important;
}
.media-container-image:hover {
    cursor: pointer;
}
.js-mediaContainerImage:hover .zoom-container {
    opacity: 1;
}
.js-mediaContainerImage.full-size .zoom-container i {
    content: "\f010";
}
.media-container .media-container-image.full-size img {
    max-height: none;
}
.template-xfmg_media_view .itemList--strip .itemList-item {
	max-width: 100px;
}

.template-xfmg_album_index,
.template-xfmg_album_list_macros,
.template-xfmg_album_user_index,
.template-xfmg_album_view,
.template-xfmg_category_container,
.template-xfmg_category_view,
.template-xfmg_media_index,
.template-xfmg_media_list_macros,
.template-xfmg_media_user_index {
	<xf:if is="property('nlXFMGHideSidebar') == true">
	.p-body-main--withSideNav .p-body-content {
		padding: 0;
	}
	.p-body-sideNav {
		display: none;
	}
	</xf:if>
	<xf:if is="property('nlXFMGHidePageActions') == true">
	.block-outer-opposite {
		display: none;
	}
	</xf:if>
	<xf:if is="property('nlXFMGHideFilterBar') == true">
	.block-filterBar {
		display: none;
	}
	</xf:if>
}

/* XFRM */

.resourceSidebarGroup-title {
	.xf-nlRMSidebarGroupTitle();
}
/* Siropu Shout */

.nodeList .siropuShoutbox .block-body {
	padding: 10px !important;
	background: inherit;
}
/* Siropu chat */

#siropuChatOptions {
	margin-top: 0;
}

/* [XD] Featured Threads Sliders */

.FTSlider_BlockBody {
	padding: @xf-blockPaddingV @xf-blockPaddingH;
}

/* DBTech Ecommerce */

/* From dbtech_ecommerce_product_grid.less */

.productList-product-grid {
	.xf-blockBorder();
	background: @xf-contentBg;
}
<xf:if is="property('nlDBTechEcommWidgetInnerPadding') != null">
.productList-product-grid.node .node-main {
	padding: @xf-nlDBTechEcommWidgetInnerPadding;
}
.productList-product-grid.node .productList-product-grid--clearfix {
	padding: 0 @xf-nlDBTechEcommWidgetInnerPadding @xf-nlDBTechEcommWidgetInnerPadding;
}
<xf:else />
.productList-product-grid.node .productList-product-grid--clearfix {
	padding: 0 @xf-nlNodePaddingH @xf-nlNodePaddingV;
}
</xf:if>
.productList-product-grid.node .productList-product-grid--clearfix:after {
	margin: 0;
}

/* end overrides */

.productList-product-grid.node .node-title {
	margin-bottom: @xf-paddingSmall;
}

@_dbtech_ecomm_itemWidth: (100 / @xf-nlDBTech_ecommGridItemsPerRow);

.p-body .block-container--grid,
.p-body .block-container--full-grid {
	.m-stripElement();
	
	.productList-grid {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		margin: 0 -(@xf-elementSpacer / 2);
	}
	.productList-product-grid.node {
		padding: 0;
		margin: (@xf-elementSpacer / 2);
		flex: 0 0 ~"calc(33.33% - @xf-elementSpacer)";
		width: auto;
		max-width: none;
		min-width: 0;
		
		.productList-product-grid--updateInfo {
			.xf-blockFooter();
		}
	}
	/* Standard price in widgets */
	.price {
		.xf-nlDBTechEcommWidgetPrice();
	}
	/* Set strikethrough price styles */
	.productList-product-grid--clearfix .price,
	.productList-product-grid--priceCartInfo .price {
		span {
			line-height: normal;
		}
		.old-price {
			text-decoration: line-through;
			color: @xf-textColorMuted;
		}
		.sale-price {
			
		}
	}
	.productList-product-grid--clearfix .price {
		span {
			display: block;
		}
	}
	
	.grid-2 {
		.productList-product-grid.node {
			flex: 0 0 ~"calc(50% - @xf-elementSpacer)";
		}
	}
	.grid-3 {
		.productList-product-grid.node {
			flex: 0 0 ~"calc(33.33% - @xf-elementSpacer)";
		}
	}
	.grid-4 {
		.productList-product-grid.node {
			flex: 0 0 ~"calc(25% - @xf-elementSpacer)";
		}
	}
	.grid-5 {
		.productList-product-grid.node {
			flex: 0 0 ~"calc(20% - @xf-elementSpacer)";
		}
	}
	.block-footer {
		.m-stripElement();
	}
	@media (max-width: 800px)
	{
		.productList-product-grid.node {
			flex: 0 0 ~"calc(33.33% - @xf-elementSpacer)" !important;
		}
	}
	@media (max-width: @xf-responsiveMedium)
	{
		.productList-product-grid.node {
			flex: 0 0 ~"calc(50% - @xf-elementSpacer)" !important;
		}
	}
	@media (max-width: @xf-responsiveNarrow)
	{
		.productList-product-grid.node {
			flex: 1 1 100% !important;
		}
	}
}

.productList-product-grid--priceCartInfo {
	display: flex;
	
	.addToCart, .costs {
		padding: @xf-paddingSmall;
		flex: 1;
		line-height: normal;
	}
	.addToCart {
		flex: 0 0 auto;
	}
	.costs {
		text-align: right;
	}
}



/* Product icons */

.productList-product-grid.node .productList-product-grid--icon {
	.xf-nlDBTechEcommThumbWrapper();
}

.productList-product-grid--icon a.avatar {
    width: auto;
    height: auto;
}

/* Custom responsive product icons - deprecate if added by author */

<xf:if is="$xf.options.dbtechEcommerceProductIconMaxDimensions.width || $xf.options.dbtechEcommerceProductIconMaxDimensions.height">
.flex-box .avatar
{
    &.avatar--productIconDefault,
    &.avatar--productIcon
    {
		width: auto;
		height: auto;
		
		&.avatar--xxs
		{
			<xf:if is="$xf.options.dbtechEcommerceProductIconMaxDimensions.width">
				max-width: {{ $xf.options.dbtechEcommerceProductIconMaxDimensions.width * 0.125 }}px;
			</xf:if>
		}

		&.avatar--xs
		{
			<xf:if is="$xf.options.dbtechEcommerceProductIconMaxDimensions.width">
				max-width: {{ $xf.options.dbtechEcommerceProductIconMaxDimensions.width * 0.17 }}px;
			</xf:if>
		}
		
		&.avatar--s
		{
			<xf:if is="$xf.options.dbtechEcommerceProductIconMaxDimensions.width">
				max-width: {{ $xf.options.dbtechEcommerceProductIconMaxDimensions.width * 0.25 }}px;
			</xf:if>
		}
		
		&.avatar--m
		{
			<xf:if is="$xf.options.dbtechEcommerceProductIconMaxDimensions.width">
				max-width: {{ $xf.options.dbtechEcommerceProductIconMaxDimensions.width * 0.5 }}px;
			</xf:if>
		}

		&.avatar--l
		{
			<xf:if is="$xf.options.dbtechEcommerceProductIconMaxDimensions.width">
				max-width: {$xf.options.dbtechEcommerceProductIconMaxDimensions.width}px;
			</xf:if>
		}
    }
}
</xf:if>

/* Product pages */

.product-feature-img {
	position: relative;
}
.productBody .productBody--attachments {
	margin: 0;
}
@media (min-width: @xf-responsiveWide)
{
	.template-dbtech_ecommerce_product_view .p-body-sidebar {
		width: @xf-nlDBTechEcommSidebarWidth;
	}
}
.productContainer {
	.product-feature-img {

	}
	.product-feature-img img {
		width: 100%;
		display: block;
	}
	.productBody .productBody--main {
		padding: 0 !important;
	}
	.attachment.slick-slide img {
		max-height: 100px;
	}
}
@media (min-width: @xf-responsiveNarrow)
{
	.productContainer--attachments-side {
		.productAttachments-aside {
			max-width: 180px;
			float: left;
		}
		.slick-container {
			margin: 0;
		}
		.product-feature-img {
			margin-left: 200px;
		}
	}
}
.productContainer--attachments-below {
	
	> .block-body > .block-row:nth-of-type(2) {
		padding-top: 0;
	}
	.slick-container {
		margin: 0;
		
		.slick-prev {
			left: 0;
		}
		.slick-next {
			right: 0;
		}
		.productBody--attachments {
			margin: 0;
		}
		.slick-list {
			padding: 0;
		}
		.slick-slide.attachment {
			background: rgba(0,0,0,0.05);
		}
	}
}
.block-row--pricingInfo .pairs--price > dd {
    .xf-nlDBTechEcommPrice();
}

/* ITD Page scroll progress bar */

.scrollindicator {
	background: @xf-nlITDScrollbarTrack;
}

.scrollprogress {
	background: @xf-nlITDScrollbarActive;
}

/* TH Holidays */

.node--category .node-icon i, .node--forum .node-icon i {
    background-position: center center;
}

/* XenPorta */

@media (max-width: @xf-responsiveMedium)
{
	.block.porta-features {
		margin-left: auto;
		margin-right: auto;
	}
	.porta-masonry {
		margin: 0 auto;
	}
}
@media (max-width: @xf-responsiveNarrow)
{
	.block.porta-features {
		margin-left: auto;
		margin-right: auto;
	}
	.porta-masonry {
		margin: 0 auto;
	}
}

/* Collapsable categories */

.collapsible-nodes .block-header--left {
    line-height: normal;
	
	a {
    	display: block;
	}
}
.block--category .collapseTrigger {
    line-height: normal;
}

/* TH Node grid */

// Turn off theme icons
.thNodes__nodeHeader .node-icon i:nth-of-type(2) {
    display: none;
}

.thNodes__nodeList {
	.block-container .block-body {
		margin-top: @xf-th_nodeGutter;
		
		@media (max-width: @xf-responsiveEdgeSpacerRemoval) {
			margin-left: -@xf-th_nodeGutter;
			margin-right: -@xf-th_nodeGutter;
		}
	}
	.node .node-wrapper {
		display: flex;
		flex-grow: 1;
	}
	.node-extra {
		width: 100%;
	}
	.nodeSeparateTitleDesc & .block-container {
		.block-header {
			margin-bottom: 0;
		}
	}
	.block-header + .block-body,
	.block-desc + .block-body {
		margin-top: @xf-th_nodeGutter;
	}
}

/*
.thNodes__nodeList {
    background: none;
    border: none;
    box-shadow: none;
	
	> .block {
        padding: @xf-th_nodeGutter !important;
    }
	.node-icon i {
		.xf-nlImgNodeIconWrapper();
	}
}
*/


.thNodes__nodeList > .block.block--category:last-of-type {
    margin-bottom: 0;
}]]></template>
    <template title="nl_node_backgrounds.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* Enter the URL path to your image for each node. The first entry has been filled in for you as an example. */
/* There are only 20 node IDs to start. If you need more entries, */
/* just copy and paste one of the entries below and change the node ID number as needed */

.nodeList.nodeImgBg { /* Don't modify this line */

	
/* Default image */

.node .nodeImgPreview {
    background-image: url(https://i.imgur.com/aps7m08.jpg) !important;
}

/* Node images */

.node--id1 .nodeImgPreview {
    background-image: url(https://i.imgur.com/aps7m08.jpg) !important;
}
.node--id2 .nodeImgPreview {
    background-image: url(https://i.imgur.com/QytV1ZY.jpg) !important;
}
.node--id3 .nodeImgPreview {
    background-image: url(https://i.imgur.com/1ta7ovp.jpg) !important;
}
.node--id4 .nodeImgPreview {
    background-image: url(https://i.imgur.com/IkmobCk.jpg) !important;
}
.node--id5 .nodeImgPreview {
    background-image: url(https://i.imgur.com/Jm7fGYH.jpg) !important;
}
.node--id6 .nodeImgPreview {
    background-image: url(https://i.imgur.com/zZin17M.jpg) !important;
}
.node--id7 .nodeImgPreview {
    background-image: url(https://i.imgur.com/I3i7Roi.jpg) !important;
}
.node--id8 .nodeImgPreview {
    background-image: url(https://i.imgur.com/n9bE7bd.jpg) !important;
}
.node--id9 .nodeImgPreview {
    background-image: url(https://i.imgur.com/mYjAaAh.jpg) !important;
}
.node--id10 .nodeImgPreview {
    background-image: url(https://i.imgur.com/MA8nR7v.jpg) !important;
}
.node--id11 .nodeImgPreview {
    background-image: url(https://i.imgur.com/O9iR0Wg.jpg) !important;
}
.node--id12 .nodeImgPreview {
    background-image: url(https://i.imgur.com/ALolbAV.jpg) !important;
}
.node--id13 .nodeImgPreview {
    background-image: url(https://i.imgur.com/Ko5VeVC.jpg) !important;
}
.node--id14 .nodeImgPreview {
    background-image: url(https://i.imgur.com/UjbPJP7.jpg) !important;
}
.node--id15 .nodeImgPreview {
    background-image: url(https://i.imgur.com/GcM64b7.jpg) !important;
}
.node--id16 .nodeImgPreview {
    background-image: url(https://i.imgur.com/TFQB43h.jpg) !important;
}
.node--id17 .nodeImgPreview {
    background-image: url(https://i.imgur.com/AEmCyJX.jpg) !important;
}
.node--id18 .nodeImgPreview {
    background-image: url(https://i.imgur.com/PQuoF4t.jpg) !important;
}
.node--id19 .nodeImgPreview {
    background-image: url(https://i.imgur.com/QytV1ZY.jpg) !important;
}
.node--id20 .nodeImgPreview {
    background-image: url(https://i.imgur.com/bwIcEm9.jpg) !important;
}
.node--id21 .nodeImgPreview {
    background-image: url(https://i.imgur.com/zS9A6F2.jpg) !important;
}
.node--id22 .nodeImgPreview {
    background-image: url(https://i.imgur.com/4RX1WQM.jpg) !important;
}
.node--id23 .nodeImgPreview {
    background-image: url(https://i.imgur.com/MA8nR7v.jpg) !important;
}
.node--id24 .nodeImgPreview {
    background-image: url(https://i.imgur.com/mMNJhIJ.jpg) !important;
}
.node--id25 .nodeImgPreview {
    background-image: url(https://i.imgur.com/Jfyji62.jpg) !important;
}
.node--id26 .nodeImgPreview {
    background-image: url(https://i.imgur.com/oeGorOA.jpg) !important;
}
.node--id27 .nodeImgPreview {
    background-image: url(https://i.imgur.com/D5o1In1.jpg) !important;
}
.node--id28 .nodeImgPreview {
    background-image: url(https://i.imgur.com/OBhUzgJ.jpg) !important;
}
.node--id29 .nodeImgPreview {
    background-image: url(https://i.imgur.com/wNImzIq.jpg) !important;
}
.node--id30 .nodeImgPreview {
    background-image: url(https://i.imgur.com/Fi1jTn6.jpg) !important;
}
.node--id31 .nodeImgPreview {
    background-image: url(https://i.imgur.com/8FJM1DA.jpg) !important;
}
.node--id32 .nodeImgPreview {
    background-image: url(https://i.imgur.com/PR32gOo.jpg) !important;
}
.node--id33 .nodeImgPreview {
    background-image: url(https://i.imgur.com/V1zLnOY.jpg) !important;
}
.node--id34 .nodeImgPreview {
    background-image: url(https://i.imgur.com/zZin17M.jpg) !important;
}
.node--id35 .nodeImgPreview {
    background-image: url(https://i.imgur.com/Sb32Nrt.jpg) !important;
}
.node--id36 .nodeImgPreview {
    background-image: url(https://i.imgur.com/fIweDpj.jpg) !important;
}
.node--id37 .nodeImgPreview {
    background-image: url(https://i.imgur.com/L84fTJ9.jpg) !important;
}
.node--id38 .nodeImgPreview {
    background-image: url(https://i.imgur.com/PR32gOo.jpg) !important;
}
.node--id39 .nodeImgPreview {
    background-image: url(https://i.imgur.com/gz2UcDy.jpg) !important;
}
.node--id40 .nodeImgPreview {
    background-image: url(https://i.imgur.com/2n5buNV.jpg) !important;
}
	
} /* Don't modify this line */

/* You can change these lines to use alternating theme background colors */

.nodeList.nodeColorBg .block-body {
	
	/* Sets first of three alternating colors */
	.node--depth2:nth-child(3n+1) .nodeImgPreview {
		background: @xf-paletteColor4;
	}
	/* Sets second alternating color */
	.node--depth2:nth-child(3n+2) .nodeImgPreview {
		background: @xf-paletteColor5;
	}
	/* Sets third alternating color */
	.node--depth2:nth-child(3n+3) .nodeImgPreview {
		background: @xf-paletteColor6;
	}
	
}]]></template>
    <template title="nl_node_classes" type="public" addon_id="" version_id="0" version_string=""><![CDATA[{{ property('nlSeparateNodeDesc') ? ' nodeSeparateTitleDesc' : '' }}
{{ property('nlNodeAlternatingRows') ? ' alternateNodes' : '' }}
{{ property('nlUseHoverNodes') ? ' hoverNodes' : '' }}
{{ property('nlHideReadIcon') ? ' hideIcon' : '' }}
{{ property('nlUseImgNodeIcons') == 'img' ? ' imgNodeIcons' : '' }}
{{ property('nlHideStatsBlock') ? ' hideStatsBlock' : '' }}
{{ property('nlHideLastPost') ? ' hideLastPost' : '' }}
{{ property('nlHideLastPostDate') ? ' hideLastPostDate' : '' }}

<xf:set var="$th_enableGrid_nodes" value="{{ property('th_enableGrid_nodes') ? true : false }}" />
<xf:set var="$th_enableStyling_nodes" value="{{ property('th_enableStyling_nodes') ? true : false }}" />
<xf:set var="$useGridNodes" value="{{ property('nlUseGridNodes') }}" />
<xf:set var="$useImgNodes" value="{{ property('nlUseImgNodes') }}" />

<xf:if is="!$useGridNodes">
 node-stats--{{ property('nlNodeStatsLocation') }}
{{ property('nlNodeStatsIconify') ? ' node-stats--iconify' : ' node-stats--text' }}
</xf:if>
<xf:if is="!$th_enableGrid_nodes && $useGridNodes">
 node-stats--{{ property('nlNodeGridStatsLocation') }}
{{ property('nlNodeGridStatsIconify') ? ' node-stats--iconify' : ' node-stats--text' }}
 gridNodes gridNodes-{{ property('nlNodeGridNodePerRow') }}
{{ property('nlUseGridSubForums') ? ' gridSubForums' : '' }}
{{ property('nlGridNodeStretchToFit') ? ' stretchNodes' : ' fixedNodes' }}
{{ (property('nlGridNodeSpacing') == '0' OR property('nlGridNodeSpacing') == '0px') ? ' collapseNodes' : ' separateNodes' }}
</xf:if>
<xf:if is="!$th_enableStyling_nodes && $useImgNodes">
 imgNodes
{{ property('nlImgNodeLayout') == 'above' ? ' nodeImgAbove' : ' nodeImgBehind' }}
{{ property('nlImgNodeBgMode') == 'img' ? ' nodeImgBg' : ' nodeColorBg' }}
</xf:if>]]></template>
    <template title="nl_nodes.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[@_structItem-avatarSize: @xf-nlStructItemAvatarSize;
@_structItem-avatarSizeExpanded: @xf-nlStructItemAvatarSizeExpanded;
@_structItem-avatarSizeEnd: @avatar-xxs;
@_structItem-cellPaddingH: @xf-nlStructItemPaddingH;
@_structItem-cellPaddingV: @xf-nlStructItemPaddingV;
@_structItem-avatarVAlign: @xf-nlStructItemVerticalAlign;

@_structItemGrid-cellPaddingH: @xf-nlDiscussionGridCellPadding;
@_structItemGrid-cellPaddingV: @xf-nlDiscussionGridCellPadding;

/* Layout */

.collapseNodes {
	
}
.gridNodes.separateNodes {
	.block--category .block-container,
	> .block-container,
	.block-container--subforums {
		.m-stripElement();
	}
}

/* Thread grid */

.collapseThreads {
	
}
/*
.thread-grid.separateThreads {
	.block-container.block-container--threadList {
		.m-stripElement();
	}
}
*/
@media (min-width: @xf-nlNodeGridMinWidth) {

// setup initial
/*
.has-js .threadList.has-threadGrid.has-toggle.not-toggled:not(.thread-grid) .block-container--threadList .structItemContainer {
    display: none;
}
*/
.has-js #threadList.has-toggle.hide {
    display: none;
}
	
#threadList.thread-grid {
	&.threadGrid-container .structItemContainer {
		.m-clearFix();
		padding: 0 @xf-nlDiscussionGridSpacing @xf-nlDiscussionGridSpacing @xf-nlDiscussionGridSpacing;
		.xf-nlDiscussionGridListContainer();
	}
	&.threadGrid-floating .block-container--threadList,
	&.threadGrid-floating .structItemContainer {
		.m-stripElement();
	}
	.contentShadows &.separateThreads .block-filterBar,
	.contentShadows &.separateThreads .structItem {
		.m-dropShadow();
	}
	
	// From structured_lists.less
	.structItem:not(form) .structItem-cell
	{
		padding: @xf-nlDiscussionGridCellPadding;
		
		&.structItem-cell--icon
		{
			width: (@xf-nlStructItemAvatarSize + @_structItemGrid-cellPaddingH);
		}

		&.structItem-cell--iconExpanded
		{
			width: (@xf-nlStructItemAvatarSizeExpanded + @_structItemGrid-cellPaddingH);
		}

		&.structItem-cell--iconEnd
		{
			width: (@_structItem-avatarSizeEnd + @_structItemGrid-cellPaddingH);
		}

		&.structItem-cell--iconFixedSmall
		{
			width: (60px + (@_structItemGrid-cellPaddingH * 2));
		}
	}
	
	.structItemContainer-group {
        display: flex !important;
        flex-wrap: wrap;
        margin: @xf-nlDiscussionGridSpacing -(@xf-nlDiscussionGridSpacing / 2) -@xf-nlDiscussionGridSpacing -(@xf-nlDiscussionGridSpacing / 2);
        background: transparent none;
        box-shadow: none;
        border: none;
		
		.structItem-wrapper {
			display: flex;
			flex: 1;
			min-width: @xf-nlNodeGridNodeMinWidth;
			flex-direction: column;
			width: 100%;
			width: -webkit-fill-available;
		}
		.structItem {
			display: flex;
			flex: 1;
			min-width: @xf-nlNodeGridNodeMinWidth;
			display: flex;
			flex-wrap: wrap;
			height: 100%;
			table-layout: unset;
			width: auto;
			flex-direction: row;
			position: relative;
			.xf-nlDiscussionGridThread();

			.collapseThreads& {
				border-radius: 0 !important;
			}
			> * {
				display: block;
				flex: 1;
			}
			.structItem-cell--icon {
				flex: 0 0 auto;
				.m-flexAlignCenter();
				.xf-nlDiscussionGridIconBlock();
				
				&:first-child {
					padding-right: 0;
					padding-bottom: @_structItemGrid-cellPaddingV / 2;
				}
			}
			.structItem-iconContainer .structItem-secondaryIcon {
				display: none;
			}
			.structItem-cell--main {
				min-width: 75%;
				padding-bottom: @_structItemGrid-cellPaddingV / 2;
				.xf-nlDiscussionGridMainBlock();
			}
			.structItem-cell--meta {
				flex: 1;
				.m-flexAlignCenter();
				padding-top: @_structItemGrid-cellPaddingV / 2;
				clear: both;
				width: auto;
				// min-width: 26%; // should be 1 more than --main cell
				min-width: 130px;
				.xf-nlDiscussionGridStatsBlock();
			}
			.structItem-cell--latest {
				flex: 0 0 auto !important;
				.m-flexAlignCenter();
				padding-left: @_structItemGrid-cellPaddingH / 2;
				padding-top: @_structItemGrid-cellPaddingV / 2;
				clear: both;
				min-width: 0;
				//order: 99;
				text-align: left;
				.xf-nlDiscussionGridLastPost();
			}
			.structItem-cell--icon.structItem-cell--iconEnd {
				flex: 0 0 auto !important;
				.m-flexAlignCenter();
				padding-left: 0;
				padding-top: @_structItemGrid-cellPaddingV / 2;

				.structItem-iconContainer {
					padding-top: 0;
				}
			}
		}
	}
}
}


@media (min-width: @xf-nlNodeGridMinWidth) {
	#threadList.thread-grid {

		.structItem {
			margin: 0 (@xf-nlDiscussionGridSpacing / 2) @xf-nlDiscussionGridSpacing (@xf-nlDiscussionGridSpacing / 2);
		}
		
		&.threadGrid-2 {
			.structItem-wrapper {
				flex: 1 0 50%;
			}
		}
		&.threadGrid-3 {
			.structItem-wrapper {
				flex: 1 0 33.33%;
			}
		}
		&.threadGrid-4 {
			.structItem-wrapper {
				flex: 1 0 25%;
				min-width: 250px;
			}
		}
		&.fixedThreads .structItemContainer-group.js-threadList .structItem-wrapper {
			flex-grow: 0;
		}
	}
}

/* Node grid */

#nodeList.gridNodes,
#subForumsList.gridSubForums {
    .block--nodes .block-body {
        display: flex !important;
        flex-wrap: wrap;
        margin: @xf-nlGridNodeSpacing -(@xf-nlGridNodeSpacing / 2) -@xf-nlGridNodeSpacing -(@xf-nlGridNodeSpacing / 2);
        background: transparent none;
        box-shadow: none;
        border: none;
    }
	.block--nodes .block-body:first-child {
        margin-top: 0;
    }
    .node {
        display: flex;
		flex: 1;
		min-width: @xf-nlNodeGridNodeMinWidth;
    }
    .node-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        width: -webkit-fill-available;
        /* margin: 0 (@xf-nlGridNodeSpacing / 2) @xf-nlGridNodeSpacing (@xf-nlGridNodeSpacing / 2); */
    }
    .node-body {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
        table-layout: unset;
        width: auto;
        flex-direction: row;
        position: relative;
        .xf-nlGridNode();
		
		.collapseNodes& {
			border-radius: 0 !important;
		}
        > * {
            display: block;
            flex: 1;
        }
        .node-icon {
			padding: @xf-nlGridNodePaddingV 0 @xf-nlGridNodePaddingV @xf-nlGridNodePaddingH;
            flex: 0 1 @xf-nlNodeIconBlockWidth;
            .xf-nlGridNodeIconBlock();
        }
        .node-main {
			padding: @xf-nlGridNodePaddingV @xf-nlGridNodePaddingH;
            .xf-nlGridNodeMainBlock();
        }
        h3.node-title a {
            <xf:if is="property('nlImgNodeTitleOverflow') =='ellipsis'">
			.m-overflowEllipsis();
            </xf:if>;
        }
        .node-stats {
            flex: 1 0 100%;
            clear: both;
            width: auto;
			padding: @xf-nlGridNodePaddingV 0;
            .xf-nlGridNodeStatsBlock();
        }
        .node-extra {
            flex: 1 0 100%;
            clear: both;
            min-width: 0;
			width: auto;
			padding: @xf-nlGridNodePaddingV @xf-nlGridNodePaddingH;
            .xf-nlGridNodeLastPost();
        }
    }
	 > .block-container .block-body {
        margin-top: 0;
    }
	
	/* Border radius */
	
	&.separateNodes.imgNodes.nodeImgAbove {
		.node-wrapper {
			border-radius: @xf-nlGridNode--border-radius;
			overflow: hidden;
		}
		.node-body {
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}
	}
}
@media (min-width: @xf-nlNodeGridMinWidth) {
	#nodeList.gridNodes,
	#subForumsList.gridSubForums {
		.node {
			
			.node-wrapper {
				margin: 0 (@xf-nlGridNodeSpacing / 2) @xf-nlGridNodeSpacing (@xf-nlGridNodeSpacing / 2);
			}
		}
		&.gridNodes-2 {
			.node {
				flex: 1 0 50%;
			}
		}
		&.gridNodes-3 {
			.node {
				flex: 1 0 33.33%;
			}
		}
		&.gridNodes-4 {
			.node {
				flex: 1 0 25%;
				min-width: 250px;
			}
		}
		&.fixedNodes .node {
			flex-grow: 0;
		}
	}
}
@media (max-width: @xf-nlNodeGridMinWidth) {
	@_nodeSpacingResponsive: (@xf-nlGridNodeSpacing / 2);
	
	#nodeList.gridNodes,
	#subForumsList.gridSubForums {
		.block--nodes .block-body {
			margin: 0;
		}
		.node {
			flex: 1 0 100%;
		}
		.node-wrapper {
			margin: 0 auto @_nodeSpacingResponsive;
		}
		.node:nth-of-type(1) .node-wrapper {
			margin-top: @_nodeSpacingResponsive;
		}
		.block-container > .block-body:only-child .node-wrapper {
			margin-top: 0;
		}
		.node:last-of-type .node-wrapper {
			margin-bottom: 0;
		}
	}
}

/* Image nodes */

#nodeList.imgNodes,
#subForumsList.imgNodes {
	.nodeImgPreview {
		position: relative;
		background-repeat: no-repeat;
		background-position: @xf-nlImgNodeBgOrigin;
		background-size: cover;
		
		&.has-overlay:before {
			content: " ";
			display: inline-block;
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			transition: .3s all;
			opacity: 1;
			.xf-nlImgNodeOverlay();
		}
		&.has-overlay > * {
			position: relative;
		}
	}
	&.nodeImgAbove .nodeImgPreview.has-overlay:before {
		.xf-nlImgNodeOverlayAbove();
	}
	&.nodeImgAbove .node:hover .nodeImgPreview.has-overlay:before {
		.xf-nlImgNodeOverlayAboveHover();
	}
	&.nodeImgBehind .nodeImgPreview.has-overlay:before {
		.xf-nlImgNodeOverlayBehind();
	}
	&.nodeImgBehind .node:hover .nodeImgPreview.has-overlay:before {
		.xf-nlImgNodeOverlayBehindHover();
	}
	&.nodeImgBehind {
		h3.node-title {
			.xf-nlImgNodeTitle();
			
			a {
				color: inherit;
			}
		}
		.node-main a, .node-extra a, .node-stats a {
			.xf-nlImgNodeLink();
		}
		.node-icon {
			.xf-nlImgNodeIconBlock();
							
			i {
				// .xf-nlImgNodeIconWrapper();
								
				&:before {
					.xf-nlImgNodeIcon();
				}
			}
		}
		.node--unread .node-icon i:before {
			.xf-nlImgNodeIconUnread();
		}
		.node-main {
			.xf-nlImgNodeMainBlock();
			
			.pairs > dt, .node-description, .subNodeLink:before, i {
				color: inherit;
			}
		}
		.node-stats {
			.xf-nlImgNodeStatsBlock();
							
			.pairs > dt, dl.pairs, dl.pairs i {
				color: inherit;
			}
		}
		.node-extra {
			.xf-nlImgNodeLastPost();
			
			.node-extra-row {
				color: @xf-nlImgNodeLastPost--color;
			}
		}
	}
	&.nodeImgAbove {
		.nodeImgPreview {
			min-height: @xf-nlNodeImgMinHeight;
			z-index: 50;
		}
	}
}
#subForumsList:not(.gridSubForums).imgNodes.nodeImgAbove .nodeImgPreview {
	display: none !important;
}

<xf:if is="property('nlUseImgNodes') == true">
{{ include('nl_node_backgrounds.less') }}
</xf:if>

/* Responsive styling */

@media (max-width: @xf-responsiveMedium)
{
	#nodeList.gridNodes .node-extra {
		width: 280px;
	}
	#nodeList.imgNodes,
	#subForumsList.imgNodes {
		&.nodeImgBehind .node-body {
			table-layout: auto;
		}
	}
}]]></template>
    <template title="nl_page_header_backgrounds.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[]]></template>
    <template title="nl_page_layouts.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* Introduce */

.inner-grid-3 {
	.porta-masonry .porta-article-item {
		width: ~"calc(100% / 3)";
	}
}
.inner-grid-4 {
	.porta-masonry .porta-article-item {
		width: 25%;
	}
}
.inner-grid-5 {
	.porta-masonry .porta-article-item {
		width: 20%;
	}
}
.inner-grid-6 {
	.porta-masonry .porta-article-item {
		width: ~"calc(100% / 6)";
	}
}
.color-dimmed {
	color: @xf-textColorDimmed;
}
.color-muted {
	color: @xf-textColorMuted;
}

/* General */

.p-body {
	h1, h2, h3, h4, h5 {
		&.h-300 {
			font-weight: 300;
		}
		&.h-400 {
			font-weight: 400;
		}
		&.h-700 {
			font-weight: 700;
		}
		&.h-800 {
			font-weight: 800;
		}
		&.h-900 {
			font-weight: 900;
		}
		&.h-dimmed {
			color: @xf-textColorDimmed;
		}
		&.h-muted {
			color: @xf-textColorMuted;
		}
		&.h-accented {
			position: relative;
		}
		&.h-large {
			font-size: 2.4em;
			line-height: normal;
		}
	}
}

/* Set ratings */

.generate-min-height(800);

.generate-min-height(@n, @i: 100) when (@i =< @n) {
  .min-height-@{i} {
    min-height: (1px * @i);
  }
  .generate-min-height(@n, (@i + 100));
}


/* Section rows */

.p-row {
	margin: 0 0 @xf-elementSpacer;
    clear: both;
	
	.m-clearFix();
	
	.generate-width(100);

	.generate-width(@n, @i: 20) when (@i =< @n) {
		.width-@{i} {
			width: (1% * @i);
			max-width: (1% * @i);
		}
		.generate-width(@n, (@i + 5));
	}
	
	&.spacer-s > *:not(.p-row-inner):not(:last-child), .p-xrow-inner > *:not(:last-child) {
		margin-bottom: 10px;
	}
	&.spacer-m > *:not(.p-row-inner):not(:last-child), .p-xrow-inner > *:not(:last-child) {
		margin-bottom: 20px;
	}
	&.spacer-l > *:not(.p-row-inner):not(:last-child), .p-xrow-inner > *:not(:last-child) {
		margin-bottom: 30px;
	}

	&.padding-s,
	.padding-s {
		padding: 10px 0;
	}
	&.padding-m,
	.padding-m {
		padding: 20px 0;
	}
	&.padding-l,
	.padding-l {
		padding: 30px 0;
	}
	
	.floatingContent &.wide {
		margin-left: -50vw;
		position: relative;
		left: 50%;
		width: 100vw;
		box-sizing: border-box;
		clear: both;
		/* z-index: 1; */
	}
	&.parallax-window {
		/* min-height: 300px; */
		background: transparent;
	}
	&.matte,
	.matte {
		background: #f5f5f5;
	}
	&.inline,
	.inline {
		margin-top: 0;
		margin-bottom: 0;
	}
	&.matte-dark,
	.matte-dark {
		background: #333;
		
		.block-container {
			border: none;
		}
	}
	&.dark *,
	.dark * {
		color: #fff;
	}
	&.img-bg {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	&.img-align-top {
		background-position-y: top !important;
	}
	&.img-align-bottom {
		background-position-y: bottom !important;
	}
	&.img-align-left {
		background-position-x: left !important;
	}
	&.img-align-right {
		background-position-x: right !important;
	}
	&.f-v-stretch {
		
		/*
		.p-row-inner {
			flex: 1;
			display: flex;
			justify-content: center;
		}
		*/
	}
	&.f-align-right .p-row-inner {
		align-items: flex-end;
	}
	
	.float-caption {
		position: absolute;
		padding:  20px;
	}

	.float-caption.top-right {
		top: 0;
		right: 0;
	}

}
.p-row-inner {
		max-width: @xf-pageWidthMax;
		width: 100%;
		margin: auto;
		position: relative;
	}
.t-align-center {
	text-align: center;
}
.t-align-right {
	text-align: right;
}
.flex.f-v-stretch {
    align-items: center;
}
.f-v-stretch > * {
	
}
.inline-list,
.list-inline {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Flex layouts */

.flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.flex > * {
	flex: 1;
}

.col-has-gutter {
    margin-left: -(@xf-elementSpacer * .5);
    margin-right: -(@xf-elementSpacer * .5);
	
	.flex-col {
		padding: 0 (@xf-elementSpacer * .5);
	}
}
.col-has-gutter.gutter-s {
    margin-left: -(@xf-elementSpacer * .25);
    margin-right: -(@xf-elementSpacer * .25);
	
	.flex-col {
		padding: 0 (@xf-elementSpacer * .25);
	}
}
.col-has-gutter.gutter-m {
    margin-left: -(@xf-elementSpacer * .75);
    margin-right: -(@xf-elementSpacer * .75);
	
	.flex-col {
		padding: 0 (@xf-elementSpacer * .75);
	}
}
.col-has-gutter.gutter-l {
    margin-left: -@xf-elementSpacer;
    margin-right: -@xf-elementSpacer;
	
	.flex-col {
		padding: 0 @xf-elementSpacer;
	}
}

.col-1 {
    flex: 1 0 100%;
}
.col-2 {
    flex: 1 0 50%;
}
.col-3 {
	flex: 1 0 33%;
}
.col-4 {
	flex: 1 0 25%;
}
.col-5 {
	flex: 1 0 20%;
}
.col-6 {
	flex: 1 0 16%;
}

/* Deprecate
.flex.space-around {
    margin: 0 -@xf-elementSpacer;
}

.flex.space-around > * {
    padding: 0 @xf-elementSpacer;
}
*/

.flex .block {
    height: 100%;
    display: flex;
    margin-bottom: 0;
}
.flex .block-container {
	width: 100%;
}

/* Misc */

.img-preview img {
    max-width: 100%;
    width: 100%;
	display: block;
}
.image-fit > img {
    width: 100%;
}
a.button.wide,
a.button.full-width {
    width: 100%;
}

.flex-col {
    margin-bottom: 14px;
}

/* Palette Colors */

@_blend-mode: xf-intensify;
@_blend-amount: 10%; 

@_palette--blue: #0096de;
@_palette--indigo: #1f44d1;
@_palette--navy: #1f44d1;
@_palette--sky-blue: #43c2fb;
@_palette--aqua: #00BCD4;
@_palette--sea-green: #009688;
@_palette--forest: #0c790c;
@_palette--green: #62a51b;
@_palette--lime: #a9c516;
@_palette--yellow: #efd80f;
@_palette--saffron: #F4C430;
@_palette--orange: #ff9800;
@_palette--burnt-orange: #a25203;
@_palette--brown: #965d2a;
@_palette--red: #e00f00;
@_palette--magenta: #9e0621;
@_palette--brick: #795548;
@_palette--purple: #673AB7;
@_palette--pink: #e45683;
@_palette--neon-pink: #E91E63;
@_palette--pear: #CDDC39;
@_palette--coffee: #a96c36;
@_palette--slate: #607D8B;
@_palette--gray: #9E9E9E;
@_palette--blue-gray: #9E9E9E;
@_palette--teal: #00c9d4;
@_palette--teal-gray: #5c898c;
@_palette--silver: #9E9E9E;
@_palette--gold: #d6a921;
@_palette--charcoal: #464646;
@_palette--black: #1b1b1b;
@_palette--periwinkle: #637dbb;
@_palette--violet: #9C27B0;
@_palette--cherry-red: #ce0e00;
@_palette--plum: #893F62;
@_palette--navy: #1f78d1;
@_palette--yoga-green: #818E6D;

a.button--blue,
span.button--blue,
.colorTheme--blue a.button {
	background-color: @_palette--blue;
	
	&:hover {
		background-color: xf-intensify(@_palette--blue, @_blend-amount) !important;
	}
}
a.button--indigo,
span.button--indigo,
.colorTheme--indigo a.button {
  background-color: @_palette--indigo;
	
	&:hover {
		background-color: xf-intensify(@_palette--indigo, @_blend-amount) !important;
	}
}
a.button--navy,
span.button--navy,
.colorTheme--navy a.button {
  background-color: @_palette--navy;
	
	&:hover {
		background-color: xf-intensify(@_palette--navy, @_blend-amount) !important;
	}
}
a.button--sky-blue,
span.button--sky-blue,
.colorTheme--sky-blue a.button {
  background-color: @_palette--sky-blue;
	
	&:hover {
		background-color: xf-intensify(@_palette--sky-blue, @_blend-amount) !important;
	}
}
a.button--aqua,
span.button--aqua,
.colorTheme--aqua a.button {
  background-color: @_palette--aqua;
	
	&:hover {
		background-color: xf-intensify(@_palette--aqua, @_blend-amount) !important;
	}
}
a.button--sea-green,
span.button--sea-green,
.colorTheme--sea-green a.button {
  background-color: @_palette--sea-green;
	
	&:hover {
		background-color: xf-intensify(@_palette--sea-green, @_blend-amount) !important;
	}
}
a.button--forest,
span.button--forest,
.colorTheme--forest a.button {
  background-color: @_palette--forest;
	
	&:hover {
		background-color: xf-intensify(@_palette--forest, @_blend-amount) !important;
	}
}
a.button--green,
span.button--green,
.colorTheme--green a.button {
  background-color: @_palette--green;
	
	&:hover {
		background-color: xf-intensify(@_palette--green, @_blend-amount) !important;
	}
}
a.button--lime,
span.button--lime,
.colorTheme--lime a.button {
  background-color: @_palette--lime;
	
	&:hover {
		background-color: xf-intensify(@_palette--lime, @_blend-amount) !important;
	}
}
a.button--yellow,
span.button--yellow,
.colorTheme--yellow a.button {
  background-color: @_palette--yellow;
	
	&:hover {
		background-color: xf-intensify(@_palette--yellow, @_blend-amount) !important;
	}
}
a.button--saffron,
span.button--saffron,
.colorTheme--saffron a.button {
  background-color: @_palette--saffron;
	
	&:hover {
		background-color: xf-intensify(@_palette--saffron, @_blend-amount) !important;
	}
}
a.button--orange,
span.button--orange,
.colorTheme--orange a.button {
  background-color: @_palette--orange;
	
	&:hover {
		background-color: xf-intensify(@_palette--orange, @_blend-amount) !important;
	}
}
a.button--burnt-orange,
span.button--burnt-orange,
.colorTheme--burnt-orange a.button {
  background-color: @_palette--burnt-orange;
	
	&:hover {
		background-color: xf-intensify(@_palette--burnt-orange, @_blend-amount) !important;
	}
}
a.button--brown,
span.button--brown,
.colorTheme--brown a.button {
  background-color: @_palette--brown;
	
	&:hover {
		background-color: xf-intensify(@_palette--brown, @_blend-amount) !important;
	}
}
a.button--red,
span.button--red,
.colorTheme--red a.button {
  background-color: @_palette--red;
	
	&:hover {
		background-color: xf-intensify(@_palette--red, @_blend-amount) !important;
	}
}
a.button--magenta,
span.button--magenta,
.colorTheme--magenta a.button {
  background-color: @_palette--magenta;
	
	&:hover {
		background-color: xf-intensify(@_palette--magenta, @_blend-amount) !important;
	}
}
a.button--brick,
span.button--brick,
.colorTheme--brick a.button {
  background-color: @_palette--brick;
	
	&:hover {
		background-color: xf-intensify(@_palette--brick, @_blend-amount) !important;
	}
}
a.button--purple,
span.button--purple,
.colorTheme--purple a.button {
  background-color: @_palette--purple;
	
	&:hover {
		background-color: xf-intensify(@_palette--purple, @_blend-amount) !important;
	}
}
a.button--pink,
span.button--pink,
.colorTheme--pink a.button {
  background-color: @_palette--pink;
	
	&:hover {
		background-color: xf-intensify(@_palette--pink, @_blend-amount) !important;
	}
}
a.button--neon-pink,
span.button--neon-pink,
.colorTheme--neon-pink a.button {
  background-color: @_palette--neon-pink;
	
	&:hover {
		background-color: xf-intensify(@_palette--neon-pink, @_blend-amount) !important;
	}
}
a.button--pear,
span.button--pear,
.colorTheme--pear a.button {
  background-color: @_palette--pear;
	
	&:hover {
		background-color: xf-intensify(@_palette--pear, @_blend-amount) !important;
	}
}
a.button--coffee,
span.button--coffee,
.colorTheme--coffee a.button {
  background-color: @_palette--coffee;
	
	&:hover {
		background-color: xf-intensify(@_palette--coffee, @_blend-amount) !important;
	}
}
a.button--slate,
span.button--slate,
.colorTheme--slate a.button {
  background-color: @_palette--slate;
	
	&:hover {
		background-color: xf-intensify(@_palette--slate, @_blend-amount) !important;
	}
}
a.button--gray,
span.button--gray,
.colorTheme--gray a.button {
  background-color: @_palette--gray;
	
	&:hover {
		background-color: xf-intensify(@_palette--gray, @_blend-amount) !important;
	}
}
a.button--blue-gray,
span.button--blue-gray,
.colorTheme--blue-gray a.button {
  background-color: @_palette--blue-gray;
	
	&:hover {
		background-color: xf-intensify(@_palette--blue-gray, @_blend-amount) !important;
	}
}
a.button--teal,
span.button--teal,
.colorTheme--teal a.button {
  background-color: @_palette--teal;
	
	&:hover {
		background-color: xf-intensify(@_palette--teal, @_blend-amount) !important;
	}
}
a.button--teal-gray,
span.button--teal-gray,
.colorTheme--teal-gray a.button {
  background-color: @_palette--teal-gray;
	
	&:hover {
		background-color: xf-intensify(@_palette--teal-gray, @_blend-amount) !important;
	}
}
a.button--silver,
span.button--silver,
.colorTheme--silver a.button {
  background-color: @_palette--silver;
	
	&:hover {
		background-color: xf-intensify(@_palette--silver, @_blend-amount) !important;
	}
}
a.button--gold,
span.button--gold,
.colorTheme--gold a.button {
  background-color: @_palette--gold;
	
	&:hover {
		background-color: xf-intensify(@_palette--gold, @_blend-amount) !important;
	}
}
a.button--charcoal,
span.button--charcoal,
.colorTheme--charcoal a.button {
  background-color: @_palette--charcoal;
	
	&:hover {
		background-color: xf-intensify(@_palette--charcoal, @_blend-amount) !important;
	}
}
a.button--black,
span.button--black,
.colorTheme--black a.button {
  background-color: @_palette--black;
	
	&:hover {
		background-color: xf-intensify(@_palette--black, @_blend-amount) !important;
	}
}
a.button--periwinkle,
span.button--periwinkle,
.colorTheme--periwinkle a.button {
  background-color: @_palette--periwinkle;
	
	&:hover {
		background-color: xf-intensify(@_palette--periwinkle, @_blend-amount) !important;
	}
}
a.button--violet,
span.button--violet,
.colorTheme--violet a.button {
  background-color: @_palette--violet;
	
	&:hover {
		background-color: xf-intensify(@_palette--violet, @_blend-amount) !important;
	}
}
a.button--cherry-red,
span.button--cherry-red,
.colorTheme--cherry-red a.button {
  background-color: @_palette--cherry-red;
	
	&:hover {
		background-color: xf-intensify(@_palette--cherry-red, @_blend-amount) !important;
	}
}
a.button--plum,
span.button--plum,
.colorTheme--plum a.button {
  background-color: @_palette--plum;
	
	&:hover {
		background-color: xf-intensify(@_palette--plum, @_blend-amount) !important;
	}
}
a.button--navy,
span.button--navy,
.colorTheme--navy a.button {
  background-color: @_palette--navy;
	
	&:hover {
		background-color: xf-intensify(@_palette--navy, @_blend-amount) !important;
	}
}
a.button--yoga-green,
span.button--yoga-green,
.colorTheme--yoga-green a.button {
  background-color: @_palette--yoga-green;
	
	&:hover {
		background-color: xf-intensify(@_palette--yoga-green, @_blend-amount) !important;
	}
}

.icon-tab i {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    min-height: 40px;
    min-width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 115%;
}

.text-tab {
    /* display: inline-block; */
    margin: 0 0 30px 47px;
}

span.icon-tab {
    display: inline-block;
    float: left;
}

.text-icon-block {
    /* vertical-align: top; */
    position: relative;
}

.text-icon-block > * {
    /* float: left; */
}

.icon-tab {
    position: absolute;
}

.flex-col h2 {
    margin-top: 0;
    line-height: normal;
}

section.p-row h2, section.p-row h3, section.p-row h4 {
    margin-top: 0;
    display: block;
}

/*
.flex > .p-row-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
*/

.f-no-grow {
    flex-grow: 0 !important;
    /* flex-basis: 0; */
}

.f-push-right > *, .f-push-right .p-row-inner > * {
    justify-content: flex-end;
}

.flex.f-push-right {
    justify-content: flex-end;
}

section.p-row.wide-spacer-l {
    padding-left: 60px;
    padding-right: 60px;
}

a.button--large {
	.xf-nlButtonLarge();
}
.f-align-right {
    justify-content: flex-end;
}
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.t-uppercase {
    text-transform: uppercase;
}

.table-row {
    display: table;
    vertical-align: middle;
	
	> * {
		display: table-cell !important;
	}
}
a.button--outline {
    background: transparent none !important;
    border: none;
    transition: .3s all;
	.xf-nlButtonOutline();
}

a.button.button--outline:hover {
    .xf-nlButtonOutlineHover();
}

a.button,
span.button {
	> i:not(.fa--xf) {
		margin-right: 8px;
	}
	&.icon--right {
		direction: rtl;
	}
	&.icon--right > i {
		margin-right: 0;
		margin-left: 8px;
	}
	&.icon--large > i {
		font-size: 114%;
	}
}

.floatingContent {
	.p-row {
		
	}
}

.no-headers .block-header {
    display: none;
}

/* Page settings */

.page-blank {
	.p-body-header,
	.p-page-header,
	.noticeScrollContainer,
	.notices,
	.p-breadcrumbs,
	.p-sideBar,
	.p-sideNav,
	.blockMessage--share {
		display: none;
	}
}
.page-blank-with-sidebar {
	.p-body-header,
	.noticeScrollContainer,
	.notices,
	.p-breadcrumbs,
	.blockMessage--share {
		display: none;
	}
}
.pagetitle-hide .p-body-header {
    display: none;
}
.notices-hide .noticeScrollContainer,
.notices-hide .notices {
	display: none;
}
.breadcrumb-hide .p-breadcrumbs {
	display: none;
}
.sidebar-hide {
	.p-body-sidebar {
		display: none;
	}
	.p-body-content {
		padding: 0;
	}
}
.sidenav-hide {
	.p-body-sidenav {
		display: none;
	}
	.p-body-content {
		padding: 0;
	}
}
.padding-none .p-body-inner {
    padding-top: 0;
    padding-bottom: 0;
}
.share-hide .blockMessage--share {
    display: none;
}

/* Pricing tables */

.pricing-tables {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	.m-clearFix();
	
	&.has--primary {
		
		&:before, &:after {
			width: 100%;
			height: @xf-elementSpacer;
		}
	}
}

.pricing-table {
    flex: 1;
	
	> * {
		/* flex: 1 !important; */
		/* align-items: center; */
		/* align-content: center; */
	}
}

.pricing-table {
    background: @xf-contentBg;
    /* display: flex; */
    /* flex-direction: column; */
}

.p-table-header {
    background: @xf-element1;
    display: block;
    padding: 18px;
    text-align: center;
    text-transform: uppercase;
    font-weight: @xf-fontWeightHeavy;
    color: #fff;
    line-height: normal;
    font-size: 18px;
}
.p-table-description {
    display: block;
    font-size: @xf-fontSizeSmall;
    text-transform: initial;
    opacity: 0.7;
    font-weight: normal;
    margin-top: 6px;
}
.p-table-price {
    display: block;
    text-align: center;
    padding: 30px;
    font-size: 36px;
    font-weight: @xf-fontWeightHeavy;
    line-height: normal;
}
.p-table-header h3 {
    margin: 0;
}

/* Border setup */
.p-table-price,
.pricing-tables ul,
.p-table-footer {
	border-left: 1px solid @xf-borderColor;
    border-right: 1px solid @xf-borderColor;
}
.pricing-tables ul,
.p-table-footer {
	border-bottom: 1px solid @xf-borderColor;
}

.pricing-tables ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pricing-table li {
    display: block;
    padding: 8px @xf-contentPadding;
    color: #888;
}

.pricing-table li:nth-of-type(odd) {
    background: rgba(0,0,0,0.02);
}

.p-table-footer {
    padding: @xf-contentPadding;
    text-align: center;
}

.pricing-table.primary {
    z-index: 99;
    margin: -@xf-contentPadding 0;
	.m-dropShadow();
	
	.p-table-header {
		padding: 25px @xf-contentPadding !important;
	}
	.p-table-footer {
		padding: 30px;
	}
}

/* Color themes */

/*
.p-table-header, a.button {
		
	.colorTheme--indigo &,
	.pricing-table.colorTheme--indigo &  {
		background-color: @_palette--indigo;
	}
	.colorTheme--slate &, .pricing-table.colorTheme--slate & {
		background-color: @_palette--slate;
	}
}
*/
.p-table-header {
		
	.colorTheme--blue & {
	  background-color: @_palette--blue;
	}
	.colorTheme--indigo & {
	  background-color: @_palette--indigo;
	}
	.colorTheme--navy & {
	  background-color: @_palette--navy;
	}
	.colorTheme--sky-blue & {
	  background-color: @_palette--sky-blue;
	}
	.colorTheme--aqua & {
	  background-color: @_palette--aqua;
	}
	.colorTheme--sea-green & {
	  background-color: @_palette--sea-green;
	}
	.colorTheme--forest & {
	  background-color: @_palette--forest;
	}
	.colorTheme--green & {
	  background-color: @_palette--green;
	}
	.colorTheme--lime & {
	  background-color: @_palette--lime;
	}
	.colorTheme--yellow & {
	  background-color: @_palette--yellow;
	}
	.colorTheme--saffron & {
	  background-color: @_palette--saffron;
	}
	.colorTheme--orange & {
	  background-color: @_palette--orange;
	}
	.colorTheme--burnt-orange & {
	  background-color: @_palette--burnt-orange;
	}
	.colorTheme--brown & {
	  background-color: @_palette--brown;
	}
	.colorTheme--red & {
	  background-color: @_palette--red;
	}
	.colorTheme--magenta & {
	  background-color: @_palette--magenta;
	}
	.colorTheme--brick & {
	  background-color: @_palette--brick;
	}
	.colorTheme--purple & {
	  background-color: @_palette--purple;
	}
	.colorTheme--pink & {
	  background-color: @_palette--pink;
	}
	.colorTheme--neon-pink & {
	  background-color: @_palette--neon-pink;
	}
	.colorTheme--pear & {
	  background-color: @_palette--pear;
	}
	.colorTheme--coffee & {
	  background-color: @_palette--coffee;
	}
	.colorTheme--slate & {
	  background-color: @_palette--slate;
	}
	.colorTheme--gray & {
	  background-color: @_palette--gray;
	}
	.colorTheme--blue-gray & {
	  background-color: @_palette--blue-gray;
	}
	.colorTheme--teal & {
	  background-color: @_palette--teal;
	}
	.colorTheme--teal-gray & {
	  background-color: @_palette--teal-gray;
	}
	.colorTheme--silver & {
	  background-color: @_palette--silver;
	}
	.colorTheme--gold & {
	  background-color: @_palette--gold;
	}
	.colorTheme--charcoal & {
	  background-color: @_palette--charcoal;
	}
	.colorTheme--black & {
	  background-color: @_palette--black;
	}
	.colorTheme--periwinkle & {
	  background-color: @_palette--periwinkle;
	}
	.colorTheme--violet & {
	  background-color: @_palette--violet;
	}
	.colorTheme--cherry-red & {
	  background-color: @_palette--cherry-red;
	}
	.colorTheme--plum & {
	  background-color: @_palette--plum;
	}
	.colorTheme--navy & {
	  background-color: @_palette--navy;
	}
	.colorTheme--yoga-green & {
	  background-color: @_palette--yoga-green;
	}
	
}

/*
.pricing-tables--slate,
.pricing-tables .pricing-table--slate {
	.p-table-header,
	a.button {
		background-color: @_palette--slate;
	}
}
*/

/* Tabbed panels */

.tab-panels {
  margin: auto;

	h2 {
		text-transform: capitalize;
	}
	> input[type="radio"] {
	  position: absolute;
	  left: -200vw;
	}
	> label {
	  position: relative;
	  padding: 14px;
	  border-bottom: 0;
	  cursor: pointer;
	  font-weight: 600;
	  float: left;
		.xf-nlBlockTabHeaderTab();
	}
	> label:hover,
	> input:focus + label,
	> input:checked + label {
		background: @xf-element1;
		color: @xf-element3;
	}
	.tab-panel {
	  display: none;
	}
	> input:first-child:checked ~ .panels > .tab-panel:first-child,
	> input:nth-child(3):checked ~ .panels > .tab-panel:nth-child(2),
	> input:nth-child(5):checked ~ .panels > .tab-panel:nth-child(3),
	> input:nth-child(7):checked ~ .panels > .tab-panel:nth-child(4),
	> input:nth-child(9):checked ~ .panels > .tab-panel:nth-child(5),
	> input:nth-child(11):checked ~ .panels > .tab-panel:nth-child(6) {
	  display: block;
	}
	.panels {
		clear: both;
	}
	.tab-panel {
	}
}

ul.checkList--icon {
    margin: 0;
    padding: 0;
    list-style: none;
	
	i {
		vertical-align: middle;
	}
	&.xxl i {
		font-size: 32px;
	}
	&.xl i {
		font-size: 26px;
	}
	&.l i {
		font-size: 20px;
	}
	&.blue i {
		color: @_palette--blue;
	}
	&.red i {
		color: @_palette--red;
	}
	&.aqua i {
		color: @_palette--aqua;
	}
	&.coffee i {
		color: @_palette--coffee;
	}
	&.slate i {
		color: @_palette--slate;
	}
}]]></template>
    <template title="nl_pro.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* Temp patch */

{{ include('nulumia_breadcrumb_essentials.less') }}

/* Node Collapse */

.block--category.collapsible--nodes {
	
	.block-header {
		display: flex;
		position: relative;
		align-items: center;
	}
	.block-header--collapse-left {
		margin-right: auto;
		max-width: 100%;
	}
	.block-header--collapse-right {
		margin-left: auto;
		display: flex;
		align-items: center;
	}
	.collapseTrigger {
		margin: 0;
		position: relative;
		.xf-nlCategoryStripCollapseToggle();
		
		&:before {
			margin: 0;
			width: auto;
			.xf-nlCategoryStripCollapseToggleIcon();
        }
        &.is-active:before {
			.xf-nlCategoryStripCollapseToggleIconActive();
        }
    }
}

/* Move */

.p-page-header, .headerFixed .p-page-header {
	background-position: center @xf-nlPageHeaderBgAttachment;
}

.block-rowMessage.block-rowMessage--themeHook {
    margin: 1px;
    font-size: 13px;
    line-height: normal;
    padding: 10px;
    text-transform: none;
    font-weight: 400;
}

.video-container-169 {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;

	iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
}

/* Text setup */

h1 {
	.xf-nlH1();
}
h2 {
	.xf-nlH2();
}
h3 {
	.xf-nlH3();
}
h4 {
	.xf-nlH4();
}
h5 {
	.xf-nlH5();
}

/* Webkit Browser Scrollbars */

::-webkit-scrollbar              { width: 12px;}
::-webkit-scrollbar-button       { display: none;}
::-webkit-scrollbar-track        { background: @xf-nlScrollbarTrack--background-color; }
::-webkit-scrollbar-track-piece  { background: @xf-nlScrollbarTrack--background-color; }
::-webkit-scrollbar-thumb        { background: @xf-nlScrollbarThumb--background-color; } 
::-webkit-scrollbar-thumb:hover  { background: @xf-nlScrollbarThumbHover--background-color; }
::-webkit-scrollbar-corner       { background: @xf-nlScrollbarTrack--background-color; }
::-webkit-resizer                { background: @xf-nlScrollbarTrack--background-color; }

/* Introduce */

#particles-js {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -10;
    top: 0;
    left: 0;
	
	canvas {
		display: block;
		vertical-align: bottom;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		-webkit-transition: opacity .8s ease, -webkit-transform 1.4s ease;
		transition: opacity .8s ease, transform 1.4s ease
	}
}
#particles-js2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
<xf:if is="property('nlParticlesBgSiteBgMode') == 'transparent'">
.p-pageWrapper,
.headerProxy {
	background: transparent none !important;
}
</xf:if>

.contact-info-blocks .flex-col {
    text-align: center;
}
.contact-info-blocks ul.social_icons li {
    float: none;
}
.icon-circle i {
    font-size: 60px;
    display: inline-block;
    text-align: center;
    background: @xf-nlIconCircleBgColor;
    border-radius: 100px;
    padding: 20px;
    margin-bottom: 14px;
    color: @xf-nlIconCircleIconColor;
}

.googleMap {
    width: 100%;
    min-height: 200px;
}

.googleMap iframe {
    width: 100%;
}

/* Header */

@_topbarItemSpacer: 14px;

.p-header-topbar {
	position: relative;
	z-index: 200;
	line-height: @xf-nlTopBarElementHeight;
	.xf-nlTopBar();

	.p-topBar-inner {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		
		.m-clearFix();
		
		> * {
			display: flex;
			align-items: center;
			.m-clearFix();
		}
	}
	ul, ol {
		margin: 0;
		padding: 0;
	}
	li {
		list-style: none;
		display: inline-block;
	}
	.p-topBar-left,
	.p-topBar-right {
		flex: 0 0 auto;
	}
	.p-topBar-left {
		padding-right: @_topbarItemSpacer;
		margin-right: auto;
	}
	.p-topBar-right {
		padding-left: @_topbarItemSpacer;
		margin-left: auto;
	}
	.p-topBar-center {
		flex: 1;
		overflow: hidden;
		min-width: 200px;
	}
	.p-topbar-group {
		display: inline-block;
		float: left;
		margin-right: @_topbarItemSpacer;
		.xf-nlTopbarGroup();
		
		&:last-child {
			margin-right: 0;
		}
		&.group--ticker {
			overflow: hidden;
		}
		&:not(.visitorLinks) > * {
			height: inherit;
			line-height: inherit;
			color: inherit;
			font-weight: inherit;
			.xf-nlTopbarItem();
		}
		a {
			height: inherit;
			line-height: inherit;
		}
		&:not(.visitorLinks) a {
			.xf-nlTopBarLinks();
		}
		&:not(.visitorLinks) a:hover {
			.xf-nlTopBarLinksHover();
		}
		&.group--html {
			li:not(:last-of-type) {
				margin-right: (@_topbarItemSpacer * .5);
			}
		}
	}
	/*
	.p-topBar-left a,
	.p-topBar-right a,
	.p-topbar-item {
		height: inherit;
		line-height: inherit;
		color: inherit;
		font-weight: inherit;
	}
	*/
	
	.p-navgroup-link--user,
	.p-navgroup-link--user:hover {
		.m-stripElement();
		margin-right: 4px;
		border-radius: @xf-avatarBorderRadius;
	}
	@_topbarAvatarSize: (@xf-nlTopBarElementHeight - 4);
	.p-navgroup-link.p-navgroup-link--user .avatar {
		height: @_topbarAvatarSize;
		line-height: @_topbarAvatarSize;
		width: @_topbarAvatarSize;
		margin: 2px 0;
		vertical-align: top;
	}
	.p-navgroup-link.badgeContainer:after {
		.xf-nlVisitorTabsTopbarBadge();
	}
}
.p-header-topbar .p-topbar-group.visitorLinks {
	.xf-nlVisitorTabsTopbarBlock();
	
	.p-nav-opposite {
		.m-clearFix();
		
		.p-navgroup-link {
			.xf-nlVisitorTabsTopbarTab();
		}
		.p-navgroup-link:hover {
			.xf-nlVisitorTabsTopbarTabHover();
		}
	}
}
.p-header-content .visitorLinks {
	.xf-nlVisitorTabsHeaderBlock();
	
	.p-nav-opposite {
		.m-clearFix();
		
		.p-navgroup-link {
			.xf-nlVisitorTabsHeaderBlockTab();
		}
		.p-navgroup-link:hover {
			.xf-nlVisitorTabsHeaderBlockTabHover();
		}
	}
}

@media (max-width: @xf-publicNavCollapseWidth)
{
	/*
	.vtabsMoved.has-js {
		 .p-header {
			display: block;
			height: 0;
			position: relative;
		}
		.p-header-logo {
    		display: none;
		}
		.p-nav-opposite {
			position: absolute;
			z-index: 9999;
			top: 0;
			right: 0;
		}
	}
	*/
}

/* Text based logo */

.textLogo .p-nav-smallLogo {
	max-width: none;
}
.p-text-logo {
	line-height: normal;
	.xf-nlTextLogo();
}
.p-text-logo {
	span.txtLogo1 {
		.xf-nlPrimaryLogoSpan();
	}
	span.txtLogo2 {
		.xf-nlSecondaryLogoSpan();
	}
}
.logoSubtitle {
	clear: both;
	display: inline-block;
	.xf-nlLogoSubtitleStyle();
}
@media (min-width: @xf-publicNavCollapseWidth)
{
	.compactHeader .p-nav .p-text-logo {
		line-height: normal;
		.xf-nlCompactTextLogo();

		span.txtLogo1 {
			.xf-nlCompactPrimaryLogoSpan();
		}
		span.txtLogo2 {
			.xf-nlCompactSecondaryLogoSpan();
		}
	}
}

/* Visitor Tabs */

.vtabsMoved.vtabs--topbar,
.vtabsMoved.vtabs--logoBlock {
	.p-nav .p-nav-opposite {
		display: none;
	}
}

/* Compact header */

@media (min-width: @xf-publicNavCollapseWidth)
{
	.compactHeader {
		.p-header {
			display: none;
		}
		.p-nav {
			.xf-nlCompactHeaderNavStrip();
		}
		.p-navSticky.is-sticky .p-nav {
			.xf-nlCompactHeaderSticky();
		}
		.p-nav-inner {
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
			align-items: center;

			> * {
				flex: 0 0 auto;
			}
			.p-nav-scroller {
				flex: 1;
				text-align: right;
			}
		}
		.p-nav .p-nav-list .p-navEl,
		.p-nav .p-navgroup-link {
			.xf-nlCompactHeaderNavTab();

			&:hover,
			&.is-selected,
			&.is-menuOpen {
				color: @xf-publicNavTabHover--color;
				.xf-nlCompactHeaderNavTabHover();
			}
		}
		.p-nav-smallLogo {
			display: block;
			.xf-nlCompactLogo();
		}
		.p-sectionLinks {
			.xf-nlCompactHeaderSubNav();
			
			.p-sectionLinks-list .p-navEl {
				.xf-nlCompactHeaderSubNavLink();
			}
			.p-sectionLinks-list .p-navEl:hover {
				.xf-nlCompactHeaderSubNavLinkHover();
			}
		}
	}
}

/* Off canvas menu */

.offCanvasMenu--nav
{
	// sub level items
	.offCanvasMenu-subList {
		padding-bottom: 0;
		
		.offCanvasMenu-link.u-indentDepth0 {
			.xf-nlSlideMenuItemLvl1();
		}
		.offCanvasMenu-link.u-indentDepth1 {
			.xf-nlSlideMenuItemLvl2();
		}
	}
}

/* Page Header Row */

.p-page-header.parallax-window2 {
	background-image: none;
}
.p-page-header, .headerFixed .p-page-header {
	position: relative;
	width: 100%;
	margin: auto;
	z-index: @zIndex-1;
	overflow: hidden;
	.xf-nlPageHeader();
}
{{ include('nl_page_header_backgrounds.less') }}
.p-page-header {
	.p-page-header-inner {
		position: relative;
		max-width: @xf-pageWidthMax;
		width: 100%;
		display: flex;
		margin: auto;
		flex-direction: row;
		flex-wrap: wrap;
		z-index: @zIndex-3;
	}
	.p-title {
		flex-direction: column;
		align-items: flex-start;
	}
	.p-title-value {
		.xf-nlPageHeaderTitle();
	}
	.p-description {
		.xf-nlPageHeaderDescription();
		
		.p-description {
			margin: 0;
		}
	}
	.p-description a {
		.xf-nlPageHeaderLink();
		
		&.tagItem {
			color: inherit;
			background: transparent;
			border-color: @xf-nlPageHeader--color;
			border-color: @xf-nlPageHeaderDescription--color;
		}
	}
	.p-body-header.block-container {
		background: transparent none !important;
	}
	.p-page-header-inner > * {
		flex: 1;
		margin-bottom: 0;
	}
	.p-breadcrumbs, .p-breadcrumbs li {
		text-align: right;
		background: transparent none;
		border: none;
		box-shadow: none !important;
	}
	.p-breadcrumbs {
		flex: 1;
		display: block;
		color: inherit;
		
		> li, > li a {
			color: inherit;
			padding: 0;
		}
		> li {
			float: none;
			display: inline-block;
			vertical-align: top;
			
			a {
				position: relative;
				// breaks overflow ellipsis
				/* overflow: visible; */
			}
			&:after {
				color: inherit;
			}
		}
		
		> li a {
			.xf-nlPageHeaderBcrumbItem();
			
			&:hover {
				.xf-nlPageHeaderBcrumbItemHover();
			}
		}
		span.arrow {
			display: none;
		}
	}
	.contentRow {
		.xf-nlPageHeaderContentRow();
	}
	.porta-listInline-right {
		float: left;
		margin-left: @xf-paddingSmall;
	}
	.hide-pageMeta & .p-description ul {
		display: none;
	}
	.hide-pageDescription & .p-description .p-description {
		display: none;
	}
}

/* Main */



/* Custom Background Mode */

.has-single-customBg .p-pageWrapper {
	.xf-nlCustomBackgroundDesktop();
}
.has-customBg .headerProxy {
	display: none !important;
}
.has-slideshowBg .p-pageWrapper, .has-videoBg .p-pageWrapper {
	background: transparent none !important;
}

/* Dark background text adjust */

.floatingTextAdjust {
	.carousel-footer a,
	.p-body-content .p-body-header:not(.box-container) .p-title-value,
	.p-body-content .p-body-header:not(.box-container) .p-description
	<xf:if is="property('nlFloatingTextDarkClasses') != null">,
	{{ property('nlFloatingTextDarkClasses') }}</xf:if> {
		color: @xf-nlFloatingTextColor;
	}
}

/* Category and list items */

ul.nav-horizontal {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
	position: relative;
	
	li {
		display: inline-block;
		margin-bottom: 2px;
	}
	li a.button.button--link {
		.xf-nlHorizontalCategoryListItem();
	}
	li:hover a.button.button--link,
	li.is-active a.button.button--link {
		.xf-nlHorizontalCategoryListItemHover();
	}
	.categoryList-label {
		padding-right: 0;
		padding-left: 10px;
	}
	li.is-active.hide > ul {
		opacity: 0 !important;
		z-index: 0;
	}
	li:hover > ul {
		opacity: 1;
		z-index: 10;
	}
	li ul {
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		/* pointer-events: none; */
		padding: @xf-paddingMedium 0;
		opacity: 0;
		z-index: 0;
		transition: .2s opacity;
	}
	li ul li {
		/* opacity: 0; */
		/* transition: .2s opacity; */
	}
	li ul li,
	li ul li a {
		/* pointer-events: none; */
	}
	li:hover * {
		pointer-events: auto;
	}
	ul li a.button.button--link {
		background: transparent none;
		box-shadow: none;
		height: @xf-nlHorizontalCategoryListSublinkHeight;
		line-height: @xf-nlHorizontalCategoryListSublinkHeight;
		.xf-nlHorizontalCategoryListSublink();
	}
	ul li.is-selected a.button.button--link,
	ul li a.button.button--link:hover {
		.xf-nlHorizontalCategoryListSublinkHover();
	}
}
ul.nav-horizontal li.has-items:hover ~ li.is-active ul {
    /* opacity: 0; */
}

ul.nav-horizontal li.is-active ul {
    opacity: 1;
}
.p-body-horizontalNav > ul > li.subcategorySpacer {
    padding-bottom: (@xf-nlHorizontalCategoryListSublinkHeight + (@xf-paddingMedium * 2)) !important;
    display: block !important;
    clear: both;
    width: 100%;
}

/* Transitions */

.hoverTransitions {
	// extend nlbase
	.p-header-topbar a,
	.hoverNodes .node-body,
	.structItem,
	ul.social_icons li a,
	.flex-direction-nav a:before,	
	.slick-prev:before, .slick-next:before,
	.flex-item ul.footer-list li a
	{
		transition: {{ property ('nlHoverTransitionSpeed') }}s all;
	}

	.hover-fx {
		position: relative;
		overflow: hidden;
		
		&.h-float-down, &.h-float-up {
			transition: {{ property ('nlHoverTransitionSpeed') }}s margin;
		}
		&.h-float-up:hover {
			margin-top: -10px;
			margin-bottom: 10px;
		}
		&.h-float-down:hover {
			margin-bottom: -10px;
			margin-top: 10px;
		}
		a& {
			display: block;
		}
		> img {
			display: block;
		}
	}
	
}

/* Circle */

.h-circle {
	position: relative;
}
.h-circle:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.h-circle:hover:before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

/* Image zoom */

.hover-fx.h-img-zoom {
    position: relative;
    overflow: hidden;
}

.hover-fx.h-img-zoom > img {
    transition: .2s all;
    display: block;
}

.hover-fx.h-img-zoom:hover > img {
    transform: scale(1.1) rotate(1deg);
}

/* Notices */

.notice.has-icon {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	
	.notice-icon,
	.notice-image {
		flex: 0 0 auto;
	}
	.notice-content {
		flex: 1;
		margin-left: 0 !important;
	}
	.notice-icon {
		display: flex;
		align-items: center;
		width: @xf-nlNoticeIconWidth;
		float: left;
		text-align: center;
		.xf-nlNoticeIconColumn();
	}
}
{{ property('nlInlineNoticeCSS') }}
@media (min-width: @xf-responsiveNarrow)
{
	.notice.has-icon .notice-content {
		margin-left: @xf-nlNoticeIconWidth;
		min-height: 100px;
	}
}

/* Left sidebar */

<xf:if is="property('nlSidebarPosForums') == 'left'">.template-forum_list,</xf:if>
<xf:if is="property('nlSidebarPosCategoryView') == 'left'">.template-category_view,</xf:if>
<xf:if is="property('nlSidebarPosForumView') == 'left'">.template-forum_view,</xf:if>
<xf:if is="property('nlSidebarPosThreadView') == 'left'">.template-thread_view,</xf:if>
<xf:if is="property('nlSidebarPosXenPorta') == 'left'">.template-EWRporta_articles_index,
.template-EWRporta_articles_category,</xf:if>
<xf:if is="property('nlSidebarPosCustomPages') == 'left'">.template-page_view,</xf:if>
<xf:if is="property('nlSidebarPosDBTechEcommProduct') == 'left'">, .template-dbtech_ecommerce_product_view,</xf:if>
.default {
	.p-body-main--withSidebar {
		direction: rtl;
	}
	.p-body-main--withSidebar > div {
		direction: ltr;
		> div {
			direction: {$xf.language.text_direction};
		}
	}
	&[dir="LTR"] .p-body-main--withSidebar:not(.p-body-main--withSideNav) .p-body-content {
		padding-right: 0;
		padding-left: @xf-sidebarSpacer;
	}
}

/* Right sidebar - for non-right sidebar pages */

.default<xf:if is="property('nlSidebarPosRM') == 'right'">, .template-xfrm_overview,
.template-xfrm_category_view</xf:if><xf:if is="property('nlSidebarPosMG') == 'right'">, .template-xfmg_media_index,
.template-xfmg_category_view</xf:if><xf:if is="property('nlSidebarPosDBTechEcomm') == 'right'">, .template-dbtech_ecommerce_overview,
.template-dbtech_ecommerce_category_view</xf:if> {
	.p-body-main--withSideNav {
		direction: rtl;
	}
	.p-body-main--withSideNav > div {
		direction: ltr;
	}
	&[dir="LTR"] .p-body-main--withSideNav:not(.p-body-main--withSidebar) .p-body-content {
		padding-left: 0;
		padding-right: @xf-sidebarSpacer;
	}
}

/* Menus */

html:not(.has-menuHeaders) {
	.menu-header {
		display: none;
	}
}

/* Filter bar - thread grid */

.filterBar-triggerGroup {
    background: rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 4px 6px;
    display: inline;
    margin-right: 0;
    margin-left: auto;
	
	a {
		color: inherit;
	}
}
a.filterBar-listTrigger {
	
	&:before {
		.m-faBase();
		content: "\f009";
	}
	&.thread-grid:before {
		content: "\f03a";
	}
}

/* Forum list */

.template-forum_list.nlHideForumListTitle .p-page-title {
	display: none;
}

/* Forum View */

.structItemContainer .block-desc {
	.xf-nlStickySeparator();
}

.node-avatar {
    float: left;
    margin: 0 8px 0 auto;
}
.structItem-title a {
	opacity: 1;
}
.newPostsIndicator-labelThreadTitle .is-unread .structItem-title a:not(.labelLink):after {
	content: "{{ phrase('new') }}";
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: -2px;
	font-family: inherit;
	vertical-align: middle;
	.xf-nlStructItemNewIndicatorLabel();
}
.newPostsIndicator-labelThreadStatus .is-unread .structItem-status--new::before {
    content: "{{ phrase('new') }}";
	display: inline-block;
	font-family: inherit;
	vertical-align: middle;
	.xf-nlStructItemNewIndicatorLabelThreadStatus();
}
.newPostsIndicator-dot .is-unread .structItem-title a:not(.labelLink):after {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: -2px;
	.xf-nlStructItemNewIndicatorLabelDot();
}

/* Node Icons */

.imgNodeIcons .node--category .node-icon i:before,
.imgNodeIcons .node--forum .node-icon i:before,
.imgNodeIcons .node--page .node-icon i:before,
.imgNodeIcons .node--link .node-icon i:before {
	content: "";
	display: block;
	.xf-nlNodeImgIcon();
}
/*
.imgNodeIcons .node-icon i:before {
	display: none !important;
	content: "";
}
*/
.imgNodeIcons .node--forum.node--unread .node-icon i:before {
	.xf-nlNodeIconImgForumUnread();
	 /* background-image: @xf-nlNodeImgIcon--background-image; */
}
.imgNodeIcons .node--page .node-icon i:before {
	.xf-nlNodeIconImgPage();
}
.imgNodeIcons .node--link .node-icon i:before {
	.xf-nlNodeIconImgLink();
}

.node-stats--belowDesc .node-statsMeta {
    display: inline-block;
}
.node-stats i {
    font-size: 120%;
    margin-right: 2px;
}
.node-stats--text .node-stats i {
    display: none;
}
.hideLastPostDate time.node-extra-date,
.hideLastPostDate .node-extra-user:before {
    display: none;
}
.node-stats--iconify .node-statsMeta {
	.pairs {
		margin-right: 4px;
	}
	.pairs > dt:after {
		display: none;
	}
}


/* Messages */

.message-avatar-wrapper
{
	.avatar.avatar--l {
		width: @xf-messageUserBlockWidth;
		max-width: 100%;
		height: @xf-messageUserBlockWidth;
		
		&.avatar--default.avatar--default--dynamic > span,
		&.avatar--default.avatar--default--text > span {
			line-height: @xf-messageUserBlockWidth;
		}
	}
	.avatar--custom & .avatar.avatar--l {
		width: @xf-nlMessageAvatarWidth;
		max-width: 100%;
		height: @xf-nlMessageAvatarWidth;
		
		&.avatar--default.avatar--default--dynamic > span,
		&.avatar--default.avatar--default--text > span {
			line-height: @xf-nlMessageAvatarWidth;
		}
	}
}

/* Footer */

.footer-columns-wrapper li {
    line-height: 1.8;
}
footer p {
    margin: 10px 0;
}
.hide-styleChooser .p-footer-row-main .p-footer-linkList li:first-of-type {
	display: none;
}
.hide-footerChooserLinks .p-footer-row-opposite {
	display: none;
}
.p-footer a.button {
	color: @xf-buttonDefault--color !important;
}
footer h2, footer h3, footer h4 {
	margin-bottom: 10px;
}
// Combined copyright
// CSS override based. Revise with possible macro or customized links list
.p-footer-row.p-footer-copyright {
	
	&.condense > .p-footer-inner > *:not(.p-footer-links) {
		display: inline-block;
		margin: 0 4px;
	}
	.p-footer-links {
		margin-top: @xf-paddingMedium;
		background: transparent none;
		border: none;
		box-shadow: none;
		color: inherit;
		text-transform: inherit;
		padding: 0;
		font-family: inherit;
	}
	.p-footer-links .p-footer-inner {
		width: auto;
		max-width: none;
		padding: 0;
	}
	.p-footer-linkList {
		display: inline-block;
	}
	.p-footer-row-main,
	.p-footer-row-opposite {
		float: none;
		line-height: normal;
	}
}
footer .block .avatar.avatar--xxs {
    width: @xf-nlFooterWidgetAvatarSize;
    height: @xf-nlFooterWidgetAvatarSize;
}

/* Mobile styling */

@media (max-width: @xf-pageWidthMax) 
{
	// Adds padding to floating content areas when reaching edge of page
/*
	.floatingContent .p-body-inner {
		padding-left: @xf-pageEdgeSpacer;
		padding-right: @xf-pageEdgeSpacer;
	}
*/	
}
@media (max-width: @xf-nlPageWidthMin) 
{

}

@media (max-width: @xf-responsiveMedium)
{
	.node-avatar {
		width: 24px;
		height: 24px;
		margin-top: -2px;
	}
}

/* Includes */

/* Mobile styling */

@media (max-width: @xf-publicNavCollapseWidth)
{
	.headerProxy {
		height: auto !important;
	}
	.p-nav-smallLogo .p-text-logo {
		font-size: inherit;
		color: @xf-nlPublicNavResponsiveLink--color;
		.xf-nlResponsiveNavTextLogoSize();
	}
	.has-js .p-nav .p-nav-menuTrigger {
		color: @xf-nlPublicNavResponsiveLink--color;
	}
	.vtabs--logoBlock {
		.p-nav .p-nav-opposite {
			display: block !important;
		}
	}
	.p-breadcrumbs--xf1 > li {
		padding-left: 10px;
	}
	.template-forum_list .p-breadcrumbs > li:first-of-type:before {
		display: none;
	}
}

@media (max-width: @xf-responsiveWide)
{
	.p-topBar-inner,
	.p-topBarController,
	.top-row.primary .top-row-item,
	.top-row.secondary .top-row-item {

	}
}
@media (max-width: @xf-responsiveMedium)
{
	// Move below left and right
	.p-header-topbar .p-topBar-center {
		order: 99;
		flex: 1 1 100%;
		margin-top: @xf-paddingSmall;
	}
	
	.social-hide-tablet .p-topbar-group.group--social,
	.date-hide-tablet .p-topbar-group.group--date,
	.ticker-hide-tablet .p-topbar-group.group--ticker,
	.html1-hide-tablet .p-topbar-group.group--html1,
	.html2-hide-tablet .p-topbar-group.group--html2 {
		display: none;
	}
}
@media (max-width: @xf-responsiveNarrow)
{
	.p-topBar-inner,
	.p-topBarController,
	.top-row.primary .top-row-item,
	.top-row.secondary .top-row-item {

	}
	.p-topBar-center {
		clear: both;
	}
	/*
	.p-topBar-right {
		margin-left: 0;
	}
	*/
	.social-hide-mobile .p-topbar-group.group--social,
	.date-hide-mobile .p-topbar-group.group--date,
	.ticker-hide-mobile .p-topbar-group.group--ticker,
	.html1-hide-mobile .p-topbar-group.group--html1,
	.html2-hide-mobile .p-topbar-group.group--html2 {
		display: none;
	}
	.p-header-topbar ul.social_icons li a,
	.p-header-topbar .p-navgroup-link {
		width: auto;
		padding: 0 4px;
	}
	.p-body .p-breadcrumbs--xf1 > li {
		padding-left: @xf-nlBreadcrumbItemPaddingH;
	}
	.p-page-header {
		.p-breadcrumbs > li:after, .p-breadcrumbs > li:before {
			color: inherit;
		}
	}
	.p-page-header-inner {
		> div {
			width: 100%;
			flex: 1 0 100% !important;
			text-align: left;
		}
		.p-breadcrumbs {
			text-align: left;
			float: none;
			> li {
				display: none;
				text-align: left;
				padding: 0;
			}
			> li:last-child {
				display: block;
			}
		}
	}
	.notice.has-icon .icon-column {
		float: none;
		width: 100%;
		height: auto;
	}
	.centerFooterMobile footer {
		text-align: center;

		ul.social_icons li {
			float: none;
		}
		.p-footer-linkList > li {
			float: none;
			display: inline-block;
		}
		.p-footer-row-opposite {
			margin: auto;
		}
	}
	.centerFooterMobile .p-footer-copyright {
		text-align: center;
	}
}

{{ include('nl_social_setup.less') }}]]></template>
    <template title="nl_slick.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* Slick no-conflict less */

.slick-container {
	position: relative;
	margin-bottom: @xf-elementSpacer;
}
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-slide, .icon-slide {
	display: none;
}

.slick-container {
	.slick-list
	{
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0 @xf-nlDirectionalControlsWidth;
		padding: @xf-paddingMedium 0;
	}
	.slick-container button {
		box-shadow: none;
	}
	.slick-slide {
		margin: 0px (@xf-elementSpacer / 2);
		text-align: center;
	}
	.slick-slide img {
		width: 100%;
	}
	.slick-slide img {
		height: auto;
		width: auto;
		margin: auto;
		vertical-align: middle;
		max-width: 100%;
		display: inline-block;
	}
	.slick-prev,
	.slick-next
	{
		width: auto;
		font-size: 0;
		background: transparent;
		border: none;
		line-height: 0;
		position: absolute;
		z-index: 100;
		top: 0;
		display: block;
		cursor: pointer;
		outline: none;
		height: 100%;
		padding: 0;
	}
	.slick-prev:before,
	.slick-next:before
	{
		.m-faBase('Pro', 900);
		font-size: 26px;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		.xf-nlSlickDirectionalControls();
	}
	.slick-prev:hover:before,
	.slick-next:hover:before
	{
		opacity: 1;
		.xf-nlSlickDirectionalControlsHover();
	}
	.slick-prev.slick-disabled:before,
	.slick-next.slick-disabled:before
	{
		/* opacity: .25; */
	}

	.slick-prev
	{
		left: 0;
	}
	[dir='rtl'] .slick-prev
	{
		right: 0;
		left: auto;
	}
	.slick-next
	{
		right: 0;
	}
	[dir='rtl'] .slick-next
	{
		right: auto;
		left: 0;
	}
	.slick-prev:before
	{
		content: "\f053";
		
		[dir="rtl"] & {
			content: "\f054";
		}
	}
	.slick-next:before
	{
		content: "\f054";
		
		[dir="rtl"] & {
			content: "\f053";
		}
	}
	
}

.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
}
.slick-track:before,
.slick-track:after
{
    .m-clearFix();
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    min-height: 1px;
    border: none;
    vertical-align: middle;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
    
.slick-loading .slick-list
{
    /* background: url(@xf-themePath/xenforo/ajax-loader.gif) center center no-repeat; */
}

/* Dots */

.slick-dots
{
	margin: @xf-paddingMedium auto 0;
	padding: 0;
	width: auto;
	position: relative;
	display: block;
	list-style: none;
	text-align: center;
	box-sizing: border-box;
	
	li {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}
	
	li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 20px;
		height: 20px;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	li button:hover,
	li button:focus {
		outline: none;
	}
}

/* Set initial controls */

.slick-dots li button:before {
	.xf-nlDotControl();
}
.slick-dots li.slick-active button:before,
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	.xf-nlDotControlHover();
}

/* Misc */

.breadBoxBottom + .slick-container {
    margin-bottom: 0;
}

/* Edge fit spacing */
.anchor_wide_aboveFooter + .slick-container {
    margin-top: @xf-elementSpacer;
	margin-bottom: 0;
}
/* Set default margins */
.boxedContent .toEdge {
	margin-left: -@xf-pageEdgeSpacer;
	margin-right: -@xf-pageEdgeSpacer;
}
.toEdge:not(.wide) {
	@media (max-width:@xf-responsiveMedium)
	{
		margin-left: -@xf-pageEdgeSpacerMedium;
		margin-right: -@xf-pageEdgeSpacerMedium;
	}
	@media (max-width:@xf-responsiveNarrow)
	{
		margin-left: -@xf-pageEdgeSpacerNarrow;
		margin-right: -@xf-pageEdgeSpacerNarrow;
	}
}

.anchor_wide_belowNav + .toEdge {
	margin-top: -@xf-elementSpacer;
}
.anchor_wide_aboveFooter + .toEdge {
	margin-bottom: -@xf-elementSpacer;
}

.slick-container .slick-vertical .slick-prev, .slick-container .slick-vertical .slick-next {
    width: 100%;
    /* height: 20px; */
    position: relative;
    line-height: normal;
    left: auto;
	right: auto;
}

.slick-container .slick-vertical .slick-list {
    margin: 0 auto;
}

.slick-container .slick-vertical {
	.slick-prev:before {
		content: "\f106";
	}
	.slick-next:before {
		content: "\f107";
	}
}]]></template>
    <template title="nl_slick_featured.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* Feature setup */

.slick-container--featured {
	.slick-list {
		.xf-nlFeaturedSliderTrackList();
	}
	.slick-dots li button:before
	{
		.xf-nlFeaturedSliderDotControl();
	}
	.slick-dots li.slick-active button:before
	{
		.xf-nlFeaturedSliderDotControlHover();
	}
}

/* Append class with js to align iframe */

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slick-container.slick-container--featured {
	.xf-nlFeaturedSliderRow();
}
.slick-container.slick-container--featured .block-row > h3 {
	/* margin: 0; */
    line-height: normal;
	.xf-nlFeaturedSliderTitle();
}
.slick-container.slick-container--featured .title-content {
	text-align: center;
}
.slick-container.slick-container--featured .block-container  {
	.xf-nlFeaturedSliderContainer();
}

.top-row .slick-container .block-container  {
    background: transparent none;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: auto;
}

.slick-slide.featuredWidget {
	margin: 0 ((@xf-nlFeaturedWidgetSpacing) / 2);
    -webkit-font-smoothing: subpixel-antialiased;
	.xf-nlFeaturedWidget();
	
	a {
		color: inherit;
	}
	h2, h3, h4, h5 {
		margin: 0;
		.xf-nlFeaturedWidgetHeading();
	}
	h2 {
		.xf-nlFeaturedWidgetH2();
	}
	h3 {
		.xf-nlFeaturedWidgetH3();
	}
	p {
		margin: 10px 0;
	}
	iframe, img {
		width: 100% !important;
	}
}

/* Auto align */

.slick-container.autoAlign-true {
	.slick-track {
		display: flex;
	}
	.slick-slide.featuredWidget {
		flex: 1;
	}
	.featuredInner {
		position:relative;
		height: 100%;
	}
	.featuredWidget .featuredInner > div:first-of-type:only-child:not(.videowrapper) {
		height: 100%;
		box-sizing: border-box;
	}
	.slick-slide.featuredWidget .featuredInner iframe {
		left:0;
		top:0;
		height:100%;
		width:100%;
		position:absolute;
	}
}

.slick-container--featured {
	.slick-list {
		.xf-nlFeaturedSliderTrackList();
	}
	.slick-dots li button:before
	{
		.xf-nlFeaturedSliderDotControl();
	}
	.slick-dots li.slick-active button:before
	{
		.xf-nlFeaturedSliderDotControlHover();
	}
}
{{ property ('nlFeaturedWidgetsCustomCSS') }}]]></template>
    <template title="nl_slick_icons.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.slick-container--icons {
	.block-container {
		.xf-nlIconSliderContainer();
	}
	h3,
	.top-row & h3 {
		.xf-nlIconSliderTitle();
	}
	.slick-list {
		.xf-nlIconSliderTrackList();
	}
	.slick-slide {
		height: @xf-nlIconSliderImgHeight;
		line-height: @xf-nlIconSliderImgHeight;
		.xf-nlIconSliderItem();
	}
	.slick-slide:hover {
		.xf-nlIconSliderItemHover();
	}
	.slick-dots li button:before
	{
		.xf-nlIconSliderDotControl();
	}
	.slick-dots li.slick-active button:before
	{
		.xf-nlIconSliderDotControlHover();
	}
	.slick-slide img {
		max-height: @xf-nlIconSliderImgHeight;
		.xf-nlIconSliderItemImg();
	}
	.slick-slide:hover img {
		.xf-nlIconSliderItemImgHover();
	}
	.slick-dots
	{
		.xf-nlIconSliderDotContainer();
	}
}

/* Mobile Styling */

@media (max-width:@xf-responsiveWide)
{
	.iconSliderShowAll {
		
	}
}
@media (max-width:@xf-responsiveMedium)
{
	.iconSliderHideTablet .slick-container.slick-container--icons {
		display: none;
	}
}
@media (max-width:@xf-responsiveNarrow)
{
	.iconSliderHideMobile .slick-container.slick-container--icons {
		display: none;
	}
}]]></template>
    <template title="nl_slick_macros" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:macro name="default" arg-element="!">
	<xf:css src="nl_slick.less" />
	<xf:js>
	jQuery(document).ready(function(){
		$("{$element}").slick({
			<xf:if is="{$xf.language.text_direction} == 'RTL'">
			rtl: true,
			</xf:if>
			autoplay: true,
			autoplaySpeed: 7000,
			infinite: true,
			slidesToShow: 3,
			responsive: [
			{
				breakpoint: 768,
				settings: {
					slidesToShow: 3,
					slidesToScroll: 1
				}
			},
			{
				breakpoint: 480,
				settings: {
					slidesToShow: 1,
					slidesToScroll: 1
				}
			}
			]
		});
		$("{$element} iframe").wrap("<div class='videowrapper'/>");
	});
	</xf:js>
</xf:macro>

<xf:macro name="custom" arg-element="!" arg-dots="true" arg-arrows="true" arg-speed="500" arg-slidesToShow="3" arg-slidesToScroll="1" arg-autoplay="true" arg-autoplaySpeed="4000" arg-centerMode="false" arg-centerPadding="20px" arg-variableWidth="false" arg-vertical="false">
	<xf:css src="nl_slick.less" />
	<xf:js>
	jQuery(document).ready(function(){
		$("{$element}").slick({
			<xf:if is="{$xf.language.text_direction} == 'RTL'">
			rtl: true,
			</xf:if>
			dots: {$dots},
			arrows: {$arrows},
			infinite: true,
			speed: {$speed},
			slidesToShow: {$slidesToShow},
			slidesToScroll: {$slidesToScroll},
			autoplay: {$autoplay},
			autoplaySpeed: {$autoplaySpeed},
			<xf:if is="{$centerMode}">
			centerMode: {$centerMode},
			centerPadding: '{$centerPadding}',
			</xf:if>
			variableWidth: {$variableWidth},
			vertical: {$vertical},
			responsive: [
			{
				breakpoint: 768,
				settings: {
					slidesToShow: 3,
					slidesToScroll: 1
				}
			},
			{
				breakpoint: 480,
				settings: {
					slidesToShow: 2,
					slidesToScroll: 1
				}
			}
			]
		});
		$("{$element} iframe").wrap("<div class='videowrapper'/>");
	});
	</xf:js>
</xf:macro>

<xf:macro name="icons">
	
	<xf:if is="property('nlIconSliderAppendDots') == 'block'">
		<xf:set var="$appendDots" value=".slick-container--icons .block-row" />
	<xf:else />
		<xf:set var="$appendDots" value=".slick-container--icons" />
	</xf:if>
	
	<xf:css src="nl_slick.less" />
	<xf:css src="nl_slick_icons.less" />
	<xf:js>
	jQuery(document).ready(function(){
		<xf:if is="property('nlIconSliderRandomize')">
		// https://github.com/kenwheeler/slick/issues/359
		$.fn.randomize = function(selector){
		  var $elems = selector ? $(this).find(selector) : $(this).children(),
			  $parents = $elems.parent();

		  $parents.each(function(){
			  $(this).children(selector).sort(function(){
				  return Math.round(Math.random()) - 0.5;
			  }).detach().appendTo(this);
		  });

		  return this;
		};
		// randomize the slides and then call slick
		$('#slick-icons').randomize('.icon-slide');
		</xf:if>
		
		$("#slick-icons").slick({
			<xf:if is="{$xf.language.text_direction} == 'RTL'">
			rtl: true,
			</xf:if>
			dots: {{ property('nlIconSliderUseDotControls') ? "true" : "false" }},
			appendDots: $("{$appendDots}"),
			arrows: {{ property('nlIconSliderUseArrowControls') ? "true" : "false" }},
			autoplay: {{ property('nlIconSliderAutoPlay') ? "true" : "false" }},
			autoplaySpeed: {{ property('nlIconSliderAutoPlayTime') }},
			infinite: {{ property('nlIconSliderInfiniteScroll') ? "true" : "false" }},
			slidesToShow: {{ property('nlIconSliderMaxSlides') }},
			slidesToScroll: {{ property('nlIconSliderSlidesToScroll') }},
			<xf:if is="property('nlIconSliderStartSlide') == 'center'">
			centerMode: true,
			centerPadding: '0px',
			</xf:if>
			responsive: [
			{
				breakpoint: 768,
				settings: {
					slidesToShow: {{ property('nlIconSliderTabletMaxSlides') }},
					slidesToScroll: {{ property('nlIconSliderTabletMaxSlides') }}
				}
			},
			{
				breakpoint: 480,
				settings: {
					slidesToShow: {{ property('nlIconSliderMobileMaxSlides') }},
					slidesToScroll: {{ property('nlIconSliderMobileMaxSlides') }}
				}
			}
			]
		});
		$("#slick-icons iframe").wrap("<div class='videowrapper'/>");
	});
	</xf:js>
</xf:macro>

<xf:macro name="featured">
	
	<xf:if is="property('nlFeaturedSliderAppendDots') == 'block'">
		<xf:set var="$appendDots2" value=".slick-container--featured .block-row" />
	<xf:else />
		<xf:set var="$appendDots2" value=".slick-container--featured" />
	</xf:if>
	
	<xf:css src="nl_slick.less" />
	<xf:css src="nl_slick_featured.less" />
	<xf:js>
	jQuery(document).ready(function(){
		<xf:if is="property('nlFeaturedSliderRandomize')">
		// https://github.com/kenwheeler/slick/issues/359
		$.fn.randomize = function(selector){
		  var $elems = selector ? $(this).find(selector) : $(this).children(),
			  $parents = $elems.parent();

		  $parents.each(function(){
			  $(this).children(selector).sort(function(){
				  return Math.round(Math.random()) - 0.5;
			  }).detach().appendTo(this);
		  });

		  return this;
		};
		// randomize the slides and then call slick
		$('#slick-featured').randomize('.icon-slide');
		</xf:if>
		$("#slick-featured").slick({
			<xf:if is="{$xf.language.text_direction} == 'RTL'">
			rtl: true,
			</xf:if>
			dots: {{ property('nlFeaturedSliderUseDotControls') ? "true" : "false" }},
			appendDots: $("{$appendDots2}"),
			arrows: {{ property('nlFeaturedSliderUseArrowControls') ? "true" : "false" }},
			autoplay: {{ property('nlFeaturedSliderAutoPlay') ? "true" : "false" }},
			autoplaySpeed: {{ property('nlFeaturedSliderAutoPlayTime') }},
			infinite: true,
			slidesToShow: {{ property('nlFeaturedSliderMaxWidgets') }},
			slidesToScroll: 1,
			<xf:if is="property('nlFeaturedSliderStartSlide') == 'center'">
			centerMode: true,
			centerPadding: '0px',
			</xf:if>
			responsive: [
			{
			  breakpoint: 768,
			  settings: {
				slidesToShow: 2
			  }
			},
			{
			  breakpoint: 480,
			  settings: {
				slidesToShow: 1
			  }
			}
			]
		});
		$("#slick-featured iframe").wrap("<div class='videowrapper'/>");
	});
	</xf:js>
</xf:macro>]]></template>
    <template title="nl_slick_rotator" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<section class="p-row block slick-container slick-container--icons {{ property('nlLogoIconSliderFullWidthRow') ? 'wide' : '' }}{{ property('nlIconSliderToEdge') ? ' toEdge' : '' }}">
	
	<div class="{{ property('nlLogoIconSliderDisplayMode') == 'block' ? 'block-container' : '' }} block-container--slider">
		<xf:if is="property('nlLogoIconSliderFullWidthRow') && property('nlLogoIconSliderFullWidthInner') == false">
			<div class="p-row-inner">
		</xf:if>
		<div class="block-row block-body">

	
		<xf:if is="property('nlIconSliderAddTitle') == true">
			<h3>{{ property('nlIconSliderTitleText') }}</h3>
		</xf:if>
	
				<div id="slick-icons" class="p-row-inxner icon-slider regular autoplay slider">
					<xf:if is="property('nlIconSliderImg1') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink1') }}"><img src="{{ property('nlIconSliderImg1') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg2') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink2') }}"><img src="{{ property('nlIconSliderImg2') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg3') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink3') }}"><img src="{{ property('nlIconSliderImg3') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg4') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink4') }}"><img src="{{ property('nlIconSliderImg4') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg5') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink5') }}"><img src="{{ property('nlIconSliderImg5') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg6') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink6') }}"><img src="{{ property('nlIconSliderImg6') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg7') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink7') }}"><img src="{{ property('nlIconSliderImg7') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg8') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink8') }}"><img src="{{ property('nlIconSliderImg8') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg9') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink9') }}"><img src="{{ property('nlIconSliderImg9') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg10') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink10') }}"><img src="{{ property('nlIconSliderImg10') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg11') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink11') }}"><img src="{{ property('nlIconSliderImg11') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg12') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink12') }}"><img src="{{ property('nlIconSliderImg12') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg13') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink13') }}"><img src="{{ property('nlIconSliderImg13') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg14') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink14') }}"><img src="{{ property('nlIconSliderImg14') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg15') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink15') }}"><img src="{{ property('nlIconSliderImg15') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg16') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink16') }}"><img src="{{ property('nlIconSliderImg16') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg17') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink17') }}"><img src="{{ property('nlIconSliderImg17') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg18') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink18') }}"><img src="{{ property('nlIconSliderImg18') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg19') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink19') }}"><img src="{{ property('nlIconSliderImg19') }}"></a>
						</div>
					</xf:if>
					<xf:if is="property('nlIconSliderImg20') != null">
						<div class="icon-slide">
							<a href="{{ property('nlIconSliderLink20') }}"><img src="{{ property('nlIconSliderImg20') }}"></a>
						</div>
					</xf:if>
				</div><!-- end slick-slider -->
			
			</div><!-- end block-row -->
		<xf:if is="property('nlLogoIconSliderFullWidthRow') && property('nlLogoIconSliderFullWidthInner') == false">
			</div>
		</xf:if>
	</div>
</section>

<xf:macro template="nl_slick_macros" name="icons"/>]]></template>
    <template title="nl_slider_insert_macros" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:macro name="feature-insert" arg-template="!" arg-position="!" arg-location="!">
	<xf:set var="$templateName" value="{$template}" />
	<xf:set var="$position" value="{$position}" />
	<xf:set var="$location" value="{$location}" />
	
	<xf:if is="property('nlFeaturedContentWidgetsDisplayOrder') == 'top'">
		<xf:macro name="nl_featured_slider" arg-template="{$templateName}" arg-position="{$position}" arg-location="{$location}" />
	</xf:if>
	<xf:if is="property('nlSliderDisplayOrder') == 'top'">
		<xf:macro name="nl_slider" arg-template="{$templateName}" arg-position="{$position}" arg-location="{$location}" />
	</xf:if>
	<xf:if is="property('nlLogoIconSliderDisplayOrder') == 'top'">
		<xf:macro name="nl_icon_slider" arg-template="{$templateName}" arg-position="{$position}" arg-location="{$location}" />
	</xf:if>
	<xf:if is="property('nlTickerDisplayOrder') == 'top'">
		<xf:macro name="nl_ticker" arg-template="{$templateName}" arg-position="{$position}" arg-location="{$location}" />
	</xf:if>
	
	<xf:if is="property('nlFeaturedContentWidgetsDisplayOrder') == 'middle'">
		<xf:macro name="nl_featured_slider" arg-template="{$templateName}" arg-position="{$position}" arg-location="{$location}" />
	</xf:if>
	<xf:if is="property('nlSliderDisplayOrder') == 'middle'">
		<xf:macro name="nl_slider" arg-template="{$templateName}" arg-position="{$position}" arg-location="{$location}" />
	</xf:if>
	<xf:if is="property('nlLogoIconSliderDisplayOrder') == 'middle'">
		<xf:macro name="nl_icon_slider" arg-template="{$templateName}" arg-position="{$position}" arg-location="{$location}" />
	</xf:if>
	<xf:if is="property('nlTickerDisplayOrder') == 'middle'">
		<xf:macro name="nl_ticker" arg-template="{$templateName}" arg-position="{$position}" arg-location="{$location}" />
	</xf:if>
	
	<xf:if is="property('nlFeaturedContentWidgetsDisplayOrder') == 'bottom'">
		<xf:macro name="nl_featured_slider" arg-template="{$templateName}" arg-position="{$position}" arg-location="{$location}" />
	</xf:if>
	<xf:if is="property('nlSliderDisplayOrder') == 'bottom'">
		<xf:macro name="nl_slider" arg-template="{$templateName}" arg-position="{$position}" arg-location="{$location}" />
	</xf:if>
	<xf:if is="property('nlLogoIconSliderDisplayOrder') == 'bottom'">
		<xf:macro name="nl_icon_slider" arg-template="{$templateName}" arg-position="{$position}" arg-location="{$location}" />
	</xf:if>
	<xf:if is="property('nlTickerDisplayOrder') == 'bottom'">
		<xf:macro name="nl_ticker" arg-template="{$templateName}" arg-position="{$position}" arg-location="{$location}" />
	</xf:if>
	
</xf:macro>

<xf:macro name="nl_featured_slider" arg-template="!" arg-position="!" arg-location="!">
		<!-- nl featured content insert -->
		<xf:if is="property('nlEnableFeaturedContentSlider') == true">
			<xf:if is="((property('nlFeaturedSliderForumList') == true AND {$template} == 'forum_list' OR property('nlFeaturedSliderResourceList') == true AND {$template} == 'xfrm_overview' OR property('nlFeaturedSliderDiscussionList') == true AND {$template} == 'forum_view' OR property('nlFeaturedSliderCustomPages') AND {$template} == 'page_view') AND {$location} == 'belowNav' AND {$position} == 'wide')">
				<div class="nlFeature_anchor anchor_{$position}_{$location}"></div>	
				<xf:include template="nl_feature_rotator" />
			</xf:if>
		</xf:if>
</xf:macro>
	
<xf:macro name="nl_slider" arg-template="!" arg-position="!" arg-location="!">
		<!-- nl  slider insert -->
		<xf:if is="property('nlEnableSlider') == true AND {$location} == 'belowNav'">
			<xf:if is="(((property('nlSliderLocationForumList') == true AND {$template} == 'forum_list') OR (property('nlSliderLocationResourceList') == true AND {$template} == 'xfrm_overview') OR (property('nlSliderLocationDiscussionList') == true AND {$template} == 'forum_view') OR (property('nlSliderLocationCustomPages') AND {$template} == 'page_view')) AND property('nlSliderSidebarPageLayout') == {$position})">
				<div class="nlFeature_anchor anchor_{$position}_{$location}"></div>
				<xf:include template="nl_flexslider" />
			</xf:if>
		</xf:if>	
</xf:macro>

<xf:macro name="nl_icon_slider" arg-template="!" arg-position="!" arg-location="!">
		<!-- nl icon slider insert -->
		<xf:if is="property('nlEnableIconSlider') == true">
			<xf:if is="(property('nlLogoIconSliderAllPages') == 'forum' AND {$template} == 'forum_list' OR property('nlLogoIconSliderAllPages') == 'all') AND property('nlLogoIconSliderLocation') == {$location} AND property('nlIconSliderSidebarPageLayout') == {$position}">
				<div class="nlFeature_anchor anchor_{$position}_{$location}"></div>
				<xf:include template="nl_slick_rotator" />
			</xf:if>
		</xf:if>	
</xf:macro>

<xf:macro name="nl_ticker" arg-template="!" arg-position="!" arg-location="!">
		<!-- nl icon slider insert -->
		<xf:if is="property('nlEnableTicker') == true">
			<xf:if is="(property('nlTickerPages') == 'forum' AND {$template} == 'forum_list' OR property('nlTickerPages') == 'all') AND property('nlTickerLocation') == {$location} AND property('nlTickerSidebarPageLayout') == {$position}">
				<div class="nlFeature_anchor anchor_{$position}_{$location}"></div>
				<xf:macro template="nl_ticker_macros" name="ticker" arg-location="body" />
			</xf:if>
		</xf:if>	
</xf:macro>]]></template>
    <template title="nl_social_macros" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:macro name="pinterest_save">
	<div class="pin-button-container visibility-{{ property('nlPinterestSaveButtonVisibility') }}">
		<a data-pin-do="buttonPin"
			<xf:if is="property('nlPinterestSaveButtonShowSaveCount') != 'none'">
				data-pin-count="{{ property('nlPinterestSaveButtonShowSaveCount') }}"
			</xf:if>
			<xf:if is="property('nlPinterestSaveButtonSize') == 'large'">
				data-pin-tall="true"
			</xf:if>
		   href="https://www.pinterest.com/pin/create/button/?url=&media=&description=Next%20stop%3A%20Pinterest">
		</a>
	</div>
</xf:macro>

<xf:macro name="social_icons" arg-location="!">

	<xf:if is="{$location} == 'topbar' OR {$location} == 'header' OR {$location} == 'navigation'">
		<xf:set var="$styling" value="{{ property('nlTopbarSocialIconStyling') }}" />
	<xf:elseif is="{$location} == 'body'" />
		<xf:set var="$styling" value="{{ property('nlBodySocialIconStyling') }}" />
	<xf:elseif is="{$location} == 'footer'" />
		<xf:set var="$styling" value="{{ property('nlFooterSocialIconStyling') }}" />
	<xf:else />
		<xf:set var="$styling" value="default" />
	</xf:if>
	
<ul class="social_icons style-{$styling}">
	<xf:if is="property('nlSocialSite1') != 'blank'">
		<li>
			<a href="{{ property('nlSocialIcon1Link') }}" class="follow-{{ property('nlSocialSite1') }}"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<i class="fab {{ property('nlSocialSite1') }}"></i>
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialSite2') != 'blank'">
		<li>
			<a href="{{ property('nlSocialIcon2Link') }}" class="follow-{{ property('nlSocialSite2') }}"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<i class="fab {{ property('nlSocialSite2') }}"></i>
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialSite3') != 'blank'">
		<li>
			<a href="{{ property('nlSocialIcon3Link') }}" class="follow-{{ property('nlSocialSite3') }}"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<i class="fab {{ property('nlSocialSite3') }}"></i>
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialSite4') != 'blank'">
		<li>
			<a href="{{ property('nlSocialIcon4Link') }}" class="follow-{{ property('nlSocialSite4') }}"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<i class="fab {{ property('nlSocialSite4') }}"></i>
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialSite5') != 'blank'">
		<li>
			<a href="{{ property('nlSocialIcon5Link') }}" class="follow-{{ property('nlSocialSite5') }}"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<i class="fab {{ property('nlSocialSite5') }}"></i>
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialSite6') != 'blank'">
		<li>
			<a href="{{ property('nlSocialIcon6Link') }}" class="follow-{{ property('nlSocialSite6') }}"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<i class="fab {{ property('nlSocialSite6') }}"></i>
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialSite7') != 'blank'">
		<li>
			<a href="{{ property('nlSocialIcon7Link') }}" class="follow-{{ property('nlSocialSite7') }}"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<i class="fab {{ property('nlSocialSite7') }}"></i>
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialSite8') != 'blank'">
		<li>
			<a href="{{ property('nlSocialIcon8Link') }}" class="follow-{{ property('nlSocialSite8') }}"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<i class="fab {{ property('nlSocialSite8') }}"></i>
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialSite9') != 'blank'">
		<li>
			<a href="{{ property('nlSocialIcon9Link') }}" class="follow-{{ property('nlSocialSite9') }}"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<i class="fab {{ property('nlSocialSite9') }}"></i>
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialSite10') != 'blank'">
		<li>
			<a href="{{ property('nlSocialIcon10Link') }}" class="follow-{{ property('nlSocialSite10') }}"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<i class="fab {{ property('nlSocialSite10') }}"></i>
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialSite11') != 'blank'">
		<li>
			<a href="{{ property('nlSocialIcon11Link') }}" class="follow-{{ property('nlSocialSite11') }}"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<i class="fab {{ property('nlSocialSite11') }}"></i>
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialSite12') != 'blank'">
		<li>
			<a href="{{ property('nlSocialIcon12Link') }}" class="follow-{{ property('nlSocialSite12') }}"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<i class="fab {{ property('nlSocialSite12') }}"></i>
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialSite13') != 'blank'">
		<li>
			<a href="{{ property('nlSocialIcon13Link') }}" class="follow-{{ property('nlSocialSite13') }}"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<i class="fab {{ property('nlSocialSite13') }}"></i>
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialCustomIcon1') != null">
		<li>
			<a href="{{ property('nlIconSliderCustomLink1') }}" class="follow-fa follow-fa--custom1"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				{{ property('nlSocialCustomIcon1') }}
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialCustomIcon2') != null">
		<li>
			<a href="{{ property('nlIconSliderCustomLink2') }}" class="follow-fa follow-fa--custom1"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				{{ property('nlSocialCustomIcon2') }}
			</a>
		</li>
	</xf:if>
<xf:if is="property('nlSocialCustomImgIcon1') != null">
		<li>
			<a href="{{ property('nlSocialCustomImgIconLink1') }}" class="follow-img follow-img--custom1"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<img src="{{ property('nlSocialCustomImgIcon1') }}">
			</a>
		</li>
	</xf:if>
	<xf:if is="property('nlSocialCustomImgIcon2') != null">
		<li>
			<a href="{{ property('nlSocialCustomImgIconLink2') }}" class="follow-img follow-img--custom2"
				<xf:if is="property('nlSocialUseTooltips') == true">
					data-xf-init="tooltip"
					title="{{ property('nlSocialTooltipText') }}"
				</xf:if>
				<xf:if is="property('nlSocialUseRelNofollow') == true">
					rel="nofollow"
				<xf:elseif is="property('nlSocialUseRelMe') == true" />
					rel="me"
				</xf:if>
				target="_blank">
				<img src="{{ property('nlSocialCustomImgIcon2') }}">
			</a>
		</li>
	</xf:if>
</ul>
</xf:macro>]]></template>
    <template title="nl_social_setup.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[@color_facebook: #3b5998;
@color_twitter: #55acee;
@color_googleplus: #dc4e41;
@color_youtube: #b31217;
@color_reddit: #bd081c;
@color_pinterest: #bd081c;
@color_tumblr: #35465c;
@color_instagram: #517fa4;
@color_dribbble: #ea4c89;
@color_linkedin: #0077b5;
@color_deviantart: #4e6252;
@color_telegram: #0088cc;
@color_discord: #7289da;
@color_twitch: #6441a5;
@color_steam: #00adee;
@color_xbox: #52b043;
@color_playstation: #2E6DB4;

/* Pinterest */

.pin-button-container {
    position: absolute;
    top: 0;
    right: 0;
    .xf-nlPinterestSaveButtonContainer();
}
.visibility-hover {
    opacity: 0;
    transition: .2s opacity;
}
.product-feature-img:hover,
.media-container-image:hover {
	.visibility-hover {
		opacity: 1;
	}
}

/* Social links */

ul.social_icons {
    list-style: none;
    margin: 0;
    padding: 0;
	.m-clearFix();

	li {
		display: inline-block;
		float: left;
		
		a {
			display: block;
			width: @xf-nlSocialIconSize;
			height: @xf-nlSocialIconSize;
			line-height: @xf-nlSocialIconSize;
			text-align: center;
			white-space: nowrap;
		}
		i {
			line-height: inherit;
		}
		&:last-of-type {
			margin-right: 0;
		}
	}
}
#p-topBar, header {
	ul.social_icons {
		.xf-nlHeaderSocialLinksWrapper();
		
		li a {
			display: block;
			text-align: center;
			margin-right: 2px;
			.xf-nlHeaderSocialLinks();
		}
		li a:hover {
			.xf-nlHeaderSocialLinksHover();
		}
	}
}
#p-topBar ul.social_icons li a {
	width: @xf-nlTopBarElementHeight;
	height: @xf-nlTopBarElementHeight;
	line-height: @xf-nlTopBarElementHeight;
}
.p-body, .p-footer {
	ul.social_icons li a {
		width: @xf-nlSocialIconSize;
		height: @xf-nlSocialIconSize;
		line-height: @xf-nlSocialIconSize;
		margin: 0 2px 2px 0;
	}
}
footer ul.social_icons {
	.xf-nlFooterSocialLinksWrapper();

	li a {
		.xf-nlFooterSocialLinksStyle();

		&:hover {
			.xf-nlFooterSocialLinksHover();
		}
	}
}

/* Style setup */

ul.social_icons.style-default a {
	color: @xf-textColorMuted;
	font-size: 20px;
	border-radius: @xf-borderRadiusSmall;
	background-color: transparent;
	
	&:hover {
		color: #fff !important;
	}
	&.follow-fa-facebook-f {
		&:hover {
			background: @color_facebook !important;
		}
	}
	&.follow-fa-twitter {
		&:hover {
			background: @color_twitter !important;
		}
	}
	&.follow-fa-google-plus-g {
		&:hover {
			background: @color_facebook !important;
		}
	}
	&.follow-fa-youtube {
		&:hover {
			background: @color_youtube !important;
		}
	}
	&.follow-fa-reddit-alien {
		&:hover {
			background: @color_reddit !important;
		}
	}
	&.follow-fa-pinterest-p {
		&:hover {
			background: @color_pinterest !important;
		}
	}
	&.follow-fa-tumblr {
		&:hover {
			background: @color_tumblr !important;
		}
	}
	&.follow-fa-instagram {
		&:hover {
			background: @color_instagram !important;
		}
	}
	&.follow-fa-dribbble {
		&:hover {
			background: @color_dribbble !important;
		}
	}
	&.follow-fa-linkedin-in {
		&:hover {
			background: @color_linkedin !important;
		}
	}
	&.follow-fa-deviantart {
		&:hover {
			background: @color_deviantart !important;
		}
	}
	&.follow-fa-telegram-plane {
		&:hover {
			background: @color_telegram !important;
		}
	}
	&.follow-fa-discord {
		&:hover {
			background: @color_discord !important;
		}
	}
	&.follow-fa-twitch {
		&:hover {
			background: @color_twitch !important;
		}
	}
	&.follow-fa-steam {
		&:hover {
			background: @color_steam !important;
		}
	}
	&.follow-fa-xbox {
		&:hover {
			background: @color_xbox !important;
		}
	}
	&.follow-fa-playstation {
		&:hover {
			background: @color_playstation !important;
		}
	}
}

ul.social_icons.style-brand a {
	color: #fff !important;
	
	&.follow-fa-facebook-f {
		background: @color_facebook;
		&:hover {
			background-color: xf-intensify(@color_facebook, 10%) !important;
		}
	}
	&.follow-fa-twitter {
		background: @color_twitter;
		&:hover {
			background-color: xf-intensify(@color_twitter, 10%) !important;
		}
	}
	&.follow-fa-google-plus-g {
		background: @color_facebook;
		&:hover {
			background-color: xf-intensify(@color_facebook, 10%) !important;
		}
	}
	&.follow-fa-youtube {
		background: @color_youtube;
		&:hover {
			background-color: xf-intensify(@color_youtube, 10%) !important;
		}
	}
	&.follow-fa-reddit-alien {
		background: @color_reddit;
		&:hover {
			background-color: xf-intensify(@color_reddit, 10%) !important;
		}
	}
	&.follow-fa-pinterest-p {
		background: @color_pinterest;
		&:hover {
			background-color: xf-intensify(@color_pinterest, 10%) !important;
		}
	}
	&.follow-fa-tumblr {
		background: @color_tumblr;
		&:hover {
			background-color: xf-intensify(@color_tumblr, 10%) !important;
		}
	}
	&.follow-fa-instagram {
		background: @color_instagram;
		&:hover {
			background-color: xf-intensify(@color_instagram, 10%) !important;
		}
	}
	&.follow-fa-dribbble {
		background: @color_dribbble;
		&:hover {
			background-color: xf-intensify(@color_dribbble, 10%) !important;
		}
	}
	&.follow-fa-linkedin-in {
		background: @color_linkedin;
		&:hover {
			background-color: xf-intensify(@color_linkedin, 10%) !important;
		}
	}
	&.follow-fa-deviantart {
		background: @color_deviantart;
		&:hover {
			background-color: xf-intensify(@color_deviantart, 10%) !important;
		}
	}
	&.follow-fa-telegram-plane {
		background: @color_telegram;
		&:hover {
			background-color: xf-intensify(@color_telegram, 10%) !important;
		}
	}
	&.follow-fa-discord {
		background: @color_discord;
		&:hover {
			background-color: xf-intensify(@color_discord, 10%) !important;
		}
	}
	&.follow-fa-twitch {
		background: @color_twitch;
		&:hover {
			background-color: xf-intensify(@color_twitch, 10%) !important;
		}
	}
	&.follow-fa-steam {
		background: @color_steam;
		&:hover {
			background-color: xf-intensify(@color_steam, 10%) !important;
		}
	}
	&.follow-fa-xbox {
		background: @color_xbox;
		&:hover {
			background-color: xf-intensify(@color_xbox, 10%) !important;
		}
	}
	&.follow-fa-playstation {
		background: @color_playstation;
		&:hover {
			background-color: xf-intensify(@color_playstation, 10%) !important;
		}
	}
}
ul.social_icons a.follow-img {
	font-size: inherit !important;
	
	img {
		vertical-align: middle;
	}
}]]></template>
    <template title="nl_style.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* Insert */

.nodeList .porta-widgets-split .block .block-container:after {
    display: none;
}

/* Main */

/* Shadows */

#flexslider:after,
.block.block--category:after,
.template-thread_view article.message:after,
footer .footer > .pageWidth:after,
footer.boxed .footer:after {
    display: inline-block;
    background: url(@xf-themePath/xenforo/skin/bottom_shadow3.png) no-repeat center top;
    height: 39px;
    width: 100%;
    content: " ";
    margin: 0;
    position: absolute;
    bottom: -39px;
    left: 0;
    background-size: 100% 100%;
    visibility: visible;
    z-index: 10;
}
footer .footer .pageWidth {
position: relative;
}
.block.block--category,
.template-thread_view article.message {
	margin-bottom: 30px !important;
    position: relative;
}

/* Header */

/* Navigation */

/* Search */

/* Menus */

/* Forum view */

.nodeList .block .block-container:after {
	content: "";
	display: block;
	.xf-blockFooter();
    height: 16px;
    padding: 0;
}

/* Mods */

.porta-article-item .block-footer,
.p-body-content .block-container--grid .productList-product-grid.node .productList-product-grid--updateInfo {
    .xf-nlBlockFooterAlt();
}

/* Presets */

.classic, .energy {
	.gridNodes .block--category .block-container {
		background: #000 !important;
		
		.block-body {
			padding: @xf-nlGridNodeSpacing;
		}
		.block-header + .block-body {
			padding-top: 0;
		}
	}
}
.fortnite {
	.block.block--category:after,
	.nodeList .block .block-container:after {
		display: none;
	}
	.XFRMFilters-container a.button--cta.button {
		font-size: 110%;
	}
	@media (min-width: @xf-responsiveWide)
	{
		.has-fa .slick-prev {
			left: -36px;
		}
		.has-fa .slick-next {
			right: -36px;
		}
	}
	@media (max-width: @xf-responsiveWide)
	{
		.has-fa .slick-prev {
			left: -14px;
		}
		.has-fa .slick-next {
			right: -14px;
		}
	}
	.slick-prev:before {
		clip-path:  polygon(0 0,100% 10%,100% 90%,0 100%);
	}
	.slick-next:before {
		clip-path: polygon(0 10%,100% 0%,100% 100%,0% 90%);
	}
	.slick-prev:hover:before,
	.slick-next:hover:before {
	  transform: scale(1.3);
	}
	.slick-prev:before, .slick-next:before {
		.m-faBase();
		font-weight: 900;
		display: block;
		font-size: 19px;
		background: linear-gradient(to right, #0abbff, #0294dd);
		padding: 20px;
		color: #fff;
		transition: transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	}
	.slick-vertical {
		.slick-prev, .slick-next {
			width: auto;
			margin: auto;
			height: auto;
		}
		.slick-prev:before {
			clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
			padding: 6px 20px !important;
		}
		.slick-next:before {
			clip-path: polygon(10% 0, 90% 0, 100% 100%, 0 100%);
			padding: 6px 20px !important;
		}
	}

}

/* Discussion list */

.inlineModButton.is-mod-active,
.inlineModButton-count {
	color: @xf-textColor;
}

/* Thread view */

.postTabs {
  width: 100%;
  color: #a1a1a1;
  margin: -35px 0 0 0;
  height: 34px;
  display: block;
}
.postTabs a {
  color: #a9a9a9;
}
.postTab {
  background: linear-gradient(#595959 0%, #3a3a3a 49%, #2f2f2f 50%, #151515 100%);
  border-radius: 8px 8px 0 0;
  padding: 0 19px;
  box-sizing: border-box;
  font-size: 12px;
  height: 34px;
  line-height: 34px;
	
	[DIR="RTL"] & {
		border-radius: 8px 0 0 8px;
	}
}
.postTab.name {
  float: left;
}
.postTab.date {
  float: left;
  font-size: 11px;
  padding: 0 30px 0 16px;
  display: block;
  height: 24px;
  vertical-align: bottom;
  left: auto;
  margin-top: 10px;
  line-height: 24px;
  border-radius: 0 8px 0 0;
  font-weight: bold;
  min-width: 100px;
	
	[DIR="RTL"] & {
		border-radius: 8px 0 0 0;
	}
}
.has-post-tabs .message-main {
	.message-attribution-main {
    	display: none;
	}
	.message-attribution-opposite.message-attribution-opposite--list {
		margin: 0;
	}
}
.message .sectionFooter {
    clear: both;
}

.message-name a {
    font-weight: 700;
    font-size: 18px;
    text-align: center !important;
    color: #fff;
}
.message-cell--user .pairs > dt,
.message-cell--user a {
	color: #fff;
}
<xf:if is="property('nlMGWrapMessages') == true">
.template-thread_view article.message {
    margin-top: 50px !important;
	border-radius: 0 0 6px 6px;
}
</xf:if>

/* Misc */

/* Footer */

.p-footer-main-upper {
	.m-pageWidth();
	.m-clearFix();
    font-size: 12px;
    padding: 14px;
    border-radius: 6px 6px 0 0;
    position: relative;
    background: linear-gradient(#fcfcfc, #dbdbdb);
    box-shadow: 0 0 6px #000;
	margin: -20px auto 0;
	display: flex;
    align-items: center;
	
	.p-footer-main-upper-inner {
		.xf-nlPageWidth();
		width: 100%;
		padding: 0;
	}
	.footer_bar_left {
		float: left;
	}
	.footer_bar_left .logo img {
		max-width: 75%;
	}
	.footer_bar_right {
		float: right;
	}
	ul.social_icons li a {
		display: block;
		font-size: 24px;
		color: @xf-textColorDimmed;
		margin: 0 6px 0 0;
	}
	.logoSubtitle {
		display: none;
	}
	.footer_bar_left,
	.footer_bar_right {
		flex: 1;
	}
	.footer_bar_right ul.social_icons li {
		float: right;
	}
}
.p-footer-row.p-footer-links:after {
    display: inline-block;
    background: url(@xf-themePath/xenforo/skin/bottom_shadow3.png) no-repeat center top;
    height: 39px;
    width: 100%;
    content: " ";
    margin: 0;
    position: absolute;
    bottom: -40px;
    left: 0;
    background-size: 100% 100%;
    visibility: visible;
    z-index: 10;
}

.energy .p-footer-main-upper {
background: linear-gradient(#1e347d, #212f66);
}
.p-footer-row.p-footer-links {
.xf-blockFooter();
}
.flex_columns.main .flex-item:first-of-type {
    background: none;
}

/* mobile styling */

@media (max-width: @xf-publicNavCollapseWidth)
{
	.has-js
	{
		.p-navgroup-link {
			border: none;
			background: transparent none;
		}
	}
}
@media (max-width: @xf-responsiveNarrow)
{
	.flex_columns.main .flex-item {
		padding: 0;
		min-height: auto;
	}
}]]></template>
    <template title="nl_theme_effects.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:if is="property('nlLogoGlitchEffects') == true">

.p-header-logo img:hover, .footerLogo:hover {
  animation: glitch 750ms infinite;
}

@-webkit-keyframes glitch {
  0% {
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  5% {
    -moz-transform: skewX(2deg);
    -ms-transform: skewX(2deg);
    -webkit-transform: skewX(2deg);
    transform: skewX(2deg);
    opacity: 0.75;
  }
  10% {
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    opacity: 1;
  }
  15% {
    -moz-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 0.75;
  }
  20% {
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    opacity: 1;
  }
  45% {
    -moz-transform: skewX(3deg);
    -ms-transform: skewX(3deg);
    -webkit-transform: skewX(3deg);
    transform: skewX(3deg);
    opacity: 0.75;
  }
  50% {
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    opacity: 1;
  }
  55% {
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    opacity: 0.75;
  }
  60% {
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    opacity: 1;
  }
  75% {
    -moz-transform: skewX(2deg);
    -ms-transform: skewX(2deg);
    -webkit-transform: skewX(2deg);
    transform: skewX(2deg);
  }
  80% {
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  85% {
    -moz-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -webkit-transform: skewX(-8deg);
    transform: skewX(-8deg);
    opacity: 0.75;
  }
  90% {
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}
@-webkit-keyframes scan {
  0% {
    top: 0%;
  }
  50% {
    top: 97%;
  }
  100% {
    top: 0%;
  }
}
</xf:if>]]></template>
    <template title="nl_theme_hooks" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<!-- Header locations -->

<!--[XF:theme_hook:html_top]-->
<xf:macro name="html_top" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_staff_bar]-->
<xf:macro name="above_staff_bar" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_topbar]-->
<xf:macro name="above_topbar" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:topbar_left]-->
<xf:macro name="topbar_left" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:topbar_center]-->
<xf:macro name="topbar_center" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:topbar_right]-->
<xf:macro name="topbar_right" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_topbar]-->
<xf:macro name="below_topbar" arg-template="!">
	
</xf:macro>


<!-- Header locations -->

<!--[XF:theme_hook:above_topbar]-->
<xf:macro name="above_topbar" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:topbar_left]-->
<xf:macro name="topbar_left" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_header]-->
<xf:macro name="above_header" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:header_left]-->
<xf:macro name="header_left" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:header_right]-->
<xf:macro name="header_right" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_header]-->
<xf:macro name="below_header" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:navigation_left]-->
<xf:macro name="navigation_left" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:after_visitor_links_logged]-->
<xf:macro name="after_visitor_links_logged" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:after_visitor_links_guest]-->
<xf:macro name="after_visitor_links_guest" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:after_section_links]-->
<xf:macro name="after_section_links" arg-template="!">
	
</xf:macro>


<!-- Page area locations -->

<!--[XF:theme_hook:above_content_wide]-->
<xf:macro name="above_content_wide" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_notices]-->
<xf:macro name="above_notices" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_notices]-->
<xf:macro name="below_notices" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_top_breadcrumb]-->
<xf:macro name="above_top_breadcrumb" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_top_breadcrumb]-->
<xf:macro name="below_top_breadcrumb" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_sidenav]-->
<xf:macro name="above_sidenav" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_sidenav]-->
<xf:macro name="below_sidenav" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_sidebar]-->
<xf:macro name="above_sidebar" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_sidebar]-->
<xf:macro name="below_sidebar" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_content_narrow]-->
<xf:macro name="above_content_narrow" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_content_narrow]-->
<xf:macro name="below_content_narrow" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_bottom_breadcrumb]-->
<xf:macro name="above_bottom_breadcrumb" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_bottom_breadcrumb]-->
<xf:macro name="below_bottom_breadcrumb" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_content_wide]-->
<xf:macro name="below_content_wide" arg-template="!">
	
</xf:macro>


<!-- Footer locations -->

<!--[XF:theme_hook:between_footer]-->
<xf:macro name="between_footer" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_footer_links]-->
<xf:macro name="above_footer_links" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_footer_links]-->
<xf:macro name="below_footer_links" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:main_footer_content]-->
<xf:macro name="main_footer_content" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:above_footer_copyright]-->
<xf:macro name="above_footer_copyright" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:below_footer_copyright]-->
<xf:macro name="below_footer_copyright" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:html_bottom]-->
<xf:macro name="html_bottom" arg-template="!">
	
</xf:macro>


<!-- Forum list -->

<!--[XF:theme_hook:forum_list_above_nodes]-->
<xf:macro name="forum_list_above_nodes" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:forum_list_below_nodes]-->
<xf:macro name="forum_list_below_nodes" arg-template="!">
	
</xf:macro>


<!-- Forum view -->

<!--[XF:theme_hook:forum_view_above_node_list]-->
<xf:macro name="forum_view_above_node_list" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:forum_view_below_node_list]-->
<xf:macro name="forum_view_below_node_list" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:forum_view_above_thread_list]-->
<xf:macro name="forum_view_above_thread_list" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:forum_view_below_thread_list]-->
<xf:macro name="forum_view_below_thread_list" arg-template="!">
	
</xf:macro>


<!-- Thread view -->

<!--[XF:theme_hook:thread_view_above_messages]-->
<xf:macro name="thread_view_above_messages" arg-template="!">
	
</xf:macro>

<!--[XF:theme_hook:thread_view_below_messages]-->
<xf:macro name="thread_view_below_messages" arg-template="!">
	
</xf:macro>]]></template>
    <template title="nl_threadlist_classes" type="public" addon_id="" version_id="0" version_string=""><![CDATA[{{ property('nlStructItemAlternatingRows') ? ' alternateRows' : '' }}
{{ property('nlStructItemHoverRows') ? ' hoverRows' : '' }}
<xf:if is="property('nlUseDiscussionGrid') == true">
 has-threadGrid threadGrid-{{ property('nlDiscussionGridItemsPerRow') }}
 threadGrid-{{ property('nlDiscussionGridContainerStyle') }}
{{ property('nlDiscussionGridAllowToggle') ? ' has-toggle hide' : ' thread-grid' }}
{{ property('nlDiscussionGridStretchToFit') == 'stretch' ? ' stretchThreads' : ' fixedThreads' }}
{{ (property('nlDiscussionGridSpacing') == '0' OR property('nlDiscussionGridSpacing') == '0px') ? ' collapseThreads' : ' separateThreads' }}
</xf:if>]]></template>
    <template title="nl_ticker.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* Ticker CSS */

// Base setup

.ticker_container {
    overflow: hidden;
    position: relative;
	-webkit-mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent 100%);
	mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent 100%);
}
.ticker_container * {
	box-sizing: unset;
}
.ticker_wrap {
  width: 100%;
  padding-left: 100%;
}
.ticker {
  display: inline-block;
  white-space: nowrap;
  padding-right: 100%;
}
.ticker.animate:hover {
    animation-play-state: paused;
}
.ticker_item {
	display: inline-block;
}
.ticker_item:after {
	content: "\f0da";
	font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 900;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	margin: 0 4px;
}
.ticker_item:last-child:after {
    display: none;
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.animate {
  -webkit-animation-iteration-count: infinite; 
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
 -webkit-animation-name: ticker;
         animation-name: ticker;
	-webkit-animation-duration: {{ property('nlCSSTickerSpeed') }};
          animation-duration: {{ property('nlCSSTickerSpeed') }};
}

// Top bar
.p-header-topbar {
	
	.ticker_container {
		.xf-nlTickerContainer();
	}
	.ticker_item {
		color: inherit;
		height: @xf-nlTopBarElementHeight;
		line-height: @xf-nlTopBarElementHeight;
		.xf-nlTickerItem();
	}
	.ticker_item:after {
		.xf-nlTickerItemSeparator();
	}
	.ticker_item a {
		.xf-nlTickerLink();
	}
}

// Body

@_tickerBodyHeight: 34px;
.p-body .block-ticker {
	
	.ticker_container {
		.xf-nlTickerContainerBody();
	}
	.block-row {
		display: flex;
	}
	.ticker-title--left {
		.block-row {
			flex-direction: row;
			align-items: center;
		}
		.ticker-title {
			flex: 0 0 auto;
		}
		h1, h2, h3, h4, h5, p {
			margin: 0;
		}
	}
	.ticker-title--above {
		.block-row {
			flex-direction: column;
		}
		h1, h2, h3, h4, h5, p {
			margin: 0 auto @xf-paddingMedium;
		}
	}
	.ticker-title {
		line-height: @_tickerBodyHeight;
		.xf-nlTickerTitle();
	}
	.ticker_item {
		height: @_tickerBodyHeight;
		line-height: @_tickerBodyHeight;
		.xf-nlTickerItemBody();
	}
	.ticker_item:after {
		.xf-nlTickerItemSeparatorBody();
	}
	.ticker_item a {
		.xf-nlTickerLinkBody();
	}
}

/* Mobile Styling */


@media (max-width:@xf-responsiveWide)
{
	.tickerShowAll {
		
	}
}
@media (max-width:@xf-responsiveMedium)
{
	.tickerHideTablet .ticker_container {
		display: none;
	}
}
@media (max-width:@xf-responsiveNarrow)
{
	.tickerHideMobile .ticker_container {
		display: none;
	}
}]]></template>
    <template title="nl_ticker_macros" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:macro name="ticker" arg-location="!">
	
<xf:set var="$viewTicker" value="false" />

<!-- is guest -->
<xf:if is="(property('nlTickerShowGuests') == true AND !$xf.visitor.user_id)">
	<xf:set var="$viewTicker" value="true" />
</xf:if>

<!-- is registered / is not hidden -->
<xf:if is="property('nlTickerShowRegistered') == true AND $xf.visitor.user_id">
	<xf:if is="((property('nlTickerHideCustomGroups') == NULL) OR (property('nlTickerHideCustomGroups') != NULL AND !$xf.visitor.isMemberOf([ {{ property('nlTickerHideCustomGroups') }} ])))">
		<xf:set var="$viewTicker" value="true" />
	</xf:if>
</xf:if>

<!-- show to custom / hide from custom -->
<xf:if is="property('nlTickerShowRegistered') == false">
	<xf:if is="property('nlTickerShowCustomGroups') != NULL AND $xf.visitor.isMemberOf([ {{ property('nlTickerShowCustomGroups') }} ])">
		<xf:if is="(property('nlTickerHideCustomGroups') == NULL OR (property('nlTickerHideCustomGroups') != NULL AND !$xf.visitor.isMemberOf([ {{ property('nlTickerHideCustomGroups') }} ]) ))">
			<xf:set var="$viewTicker" value="true" />
		</xf:if>
	</xf:if>
</xf:if>

<!-- is not banned -->
<xf:if is="property('nlTickerHideBannedMembers') == true AND {$user.is_banned}">
	<xf:set var="$viewTicker" value="false" />
</xf:if>

<!-- is admin -->
<xf:if is="$xf.visitor.is_admin OR $xf.visitor.is_moderator">
	<xf:set var="$viewTicker" value="true" />
</xf:if>

<xf:if is="$viewTicker == 'true'">

	<xf:if is="{$location} == 'topbar'">
		<xf:macro name="ticker_html" />
	<xf:elseif is="{$location} == 'body'" />
		<div class="block block-ticker">
			<div class="block-container ticker-title--{{ property('nlTickerTitleAlignment') }}">
				<div class="block-row block-body">
					<xf:if is="property('nlTickerBodyAddTitle')">
						<div class="ticker-title">
							{{ property('nlTickerTitleHtml') }}
						</div>
					</xf:if>
					<xf:macro name="ticker_html" />
				</div>
			</div>
		</div>
	</xf:if>
	
</xf:if>
	
</xf:macro>

<xf:macro name="ticker_html">
	<div class="ticker_container">
		<div class="ticker_wrap">
			<div class="ticker">
				<xf:if is="property('nlTickerLine1') != null"><div class="ticker_item">{{ property('nlTickerLine1') }}</div></xf:if>
				<xf:if is="property('nlTickerLine2') != null"><div class="ticker_item">{{ property('nlTickerLine2') }}</div></xf:if>
				<xf:if is="property('nlTickerLine3') != null"><div class="ticker_item">{{ property('nlTickerLine3') }}</div></xf:if>
			</div>
		</div>
	</div>
</xf:macro>]]></template>
    <template title="nl_topbar" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<div class="p-topBarController">
	<div id="p-topBar" class="p-header-topbar">
		<div class="p-topBar-inner">
			<div class="p-topBar-left">
				<xf:if is="property('nlSocialLinksLoc1') == true">
					<xf:macro template="nl_social_macros" name="social_icons" arg-location="topbar" />
				</xf:if>
			</div>
			<div class="p-topBar-right">
				<xf:if is="property('nlVisitorTabsLocation') == 'topbar'">
				<div class="visitorLinks">
				<!-- begin paste -->

			<div class="p-nav-opposite">
				<div class="p-navgroup p-account {{ $xf.visitor.user_id ? 'p-navgroup--member' : 'p-navgroup--guest' }}">
					<xf:if is="$xf.visitor.user_id">
						<xf:if is="$xf.visitor.user_state == 'rejected' OR $xf.visitor.user_state == 'disabled'">
							<a href="{{ link('account') }}"
								class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--user">
								<xf:avatar user="$xf.visitor" size="xxs" href="" />
								<span class="p-navgroup-linkText">{$xf.visitor.username}</span>
							</a>

							<a href="{{ link('logout', null, {'t': csrf_token()}) }}" class="p-navgroup-link">
								<span class="p-navgroup-linkText">{{ phrase('log_out') }}</span>
							</a>
						<xf:else />
							<a href="{{ link('account') }}"
								class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--user"
								data-xf-click="menu"
								data-xf-key="{{ phrase('shortcut.visitor_menu')|for_attr }}"
								data-menu-pos-ref="< .p-navgroup"
								aria-expanded="false"
								aria-haspopup="true">
								<xf:avatar user="$xf.visitor" size="xxs" href="" />
								<span class="p-navgroup-linkText">{$xf.visitor.username}</span>
							</a>
							<div class="menu menu--structural menu--wide menu--account" data-menu="menu" aria-hidden="true"
								data-href="{{ link('account/visitor-menu') }}"
								data-load-target=".js-visitorMenuBody">
								<div class="menu-content js-visitorMenuBody">
									<div class="menu-row">
										{{ phrase('loading...') }}
									</div>
								</div>
							</div>

							<a href="{{ link('conversations') }}"
								class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--conversations js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}"
								data-badge="{$xf.visitor.conversations_unread|number}"
								data-xf-click="menu"
								data-xf-key="{{ phrase('shortcut.conversations_menu')|for_attr }}"
								data-menu-pos-ref="< .p-navgroup"
								aria-label="{{ phrase('inbox')|for_attr }}"
								aria-expanded="false"
								aria-haspopup="true">
								<i aria-hidden="true"></i>
								<span class="p-navgroup-linkText">{{ phrase('nav_inbox') }}</span>
							</a>
							<div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
								data-href="{{ link('conversations/popup') }}"
								data-nocache="true"
								data-load-target=".js-convMenuBody">
								<div class="menu-content">
									<h3 class="menu-header">{{ phrase('conversations') }}</h3>
									<div class="js-convMenuBody">
										<div class="menu-row">{{ phrase('loading...') }}</div>
									</div>
									<div class="menu-footer menu-footer--split">
										<span class="menu-footer-main">
											<a href="{{ link('conversations') }}">{{ phrase('show_all...') }}</a>
										</span>
										<xf:if is="$xf.visitor.canStartConversation()">
											<span class="menu-footer-opposite">
												<a href="{{ link('conversations/add') }}">{{ phrase('start_new_conversation') }}</a>
											</span>
										</xf:if>
									</div>
								</div>
							</div>

							<a href="{{ link('account/alerts') }}"
								class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--alerts js-badge--alerts badgeContainer{{ $xf.visitor.alerts_unread ? ' badgeContainer--highlighted' : '' }}"
								data-badge="{$xf.visitor.alerts_unread|number}"
								data-xf-click="menu"
								data-xf-key="{{ phrase('shortcut.alerts_menu')|for_attr }}"
								data-menu-pos-ref="< .p-navgroup"
								aria-label="{{ phrase('alerts')|for_attr }}"
								aria-expanded="false"
								aria-haspopup="true">
								<i aria-hidden="true"></i>
								<span class="p-navgroup-linkText">{{ phrase('nav_alerts') }}</span>
							</a>
							<div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
								data-href="{{ link('account/alerts-popup') }}"
								data-nocache="true"
								data-load-target=".js-alertsMenuBody">
								<div class="menu-content">
									<h3 class="menu-header">{{ phrase('alerts') }}</h3>
									<div class="js-alertsMenuBody">
										<div class="menu-row">{{ phrase('loading...') }}</div>
									</div>
									<div class="menu-footer menu-footer--split">
										<span class="menu-footer-main">
											<a href="{{ link('account/alerts') }}">{{ phrase('show_all...') }}</a>
										</span>
										<span class="menu-footer-opposite">
											<a href="{{ link('account/preferences') }}">{{ phrase('preferences') }}</a>
										</span>
									</div>
								</div>
							</div>
							<xf:if is="is_addon_active('DBTech/eCommerce')">
								<xf:include template="dbtech_ecommerce_navbar_checkout" />
							</xf:if>
						</xf:if>
					<xf:else />
						<a href="{{ link('login') }}" class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--logIn"
							data-xf-click="overlay" data-follow-redirects="on">
							<i aria-hidden="true"></i>
							<span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
						</a>
						<xf:if is="$xf.options.registrationSetup.enabled">
							<a href="{{ link('register') }}" class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--register"
								data-xf-click="overlay" data-follow-redirects="on">
								<i aria-hidden="true"></i>
								<span class="p-navgroup-linkText">{{ phrase('register') }}</span>
							</a>
						</xf:if>
						<xf:if is="is_addon_active('DBTech/eCommerce')">
							<xf:include template="dbtech_ecommerce_navbar_checkout" />
						</xf:if>
					</xf:if>
				</div>

				<div class="p-navgroup p-discovery{{ !$xf.visitor.canSearch() ? ' p-discovery--noSearch' : '' }}">
					<a href="{{ link('whats-new') }}"
						class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--whatsnew"
						aria-label="{{ phrase('whats_new')|for_attr }}"
						title="{{ phrase('whats_new')|for_attr }}">
						<i aria-hidden="true"></i>
						<span class="p-navgroup-linkText">{{ phrase('whats_new') }}</span>
					</a>

					<xf:if is="$xf.visitor.canSearch()">
						<a href="{{ link('search') }}"
							class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--search"
							data-xf-click="menu"
							data-xf-key="{{ phrase('shortcut.search_menu')|for_attr }}"
							aria-label="{{ phrase('search')|for_attr }}"
							aria-expanded="false"
							aria-haspopup="true"
							title="{{ phrase('search')|for_attr }}">
							<i aria-hidden="true"></i>
							<span class="p-navgroup-linkText">{{ phrase('search') }}</span>
						</a>
						<div class="menu menu--structural menu--wide" data-menu="menu" aria-hidden="true">
							<form action="{{ link('search/search') }}" method="post"
								class="menu-content"
								data-xf-init="quick-search">

								<h3 class="menu-header">{{ phrase('search') }}</h3>
								<!--[XF:search_menu:above_input]-->
								<div class="menu-row">
									<xf:if is="$searchConstraints">
										<div class="inputGroup inputGroup--joined">
											<xf:textbox name="keywords"
												placeholder="{{ phrase('search...') }}"
												aria-label="{{ phrase('search') }}"
												data-menu-autofocus="true" />
											<xf:select name="constraints"
												class="js-quickSearch-constraint"
												aria-label="{{ phrase('search_within') }}">

												<xf:option value="">{{ phrase('everywhere') }}</xf:option>
												<xf:foreach loop="$searchConstraints" key="$constraintName" value="$constraint">
													<xf:option value="{$constraint|json}">{$constraintName}</xf:option>
												</xf:foreach>
											</xf:select>
										</div>
									<xf:else />
										<xf:textbox name="keywords"
											placeholder="{{ phrase('search...') }}"
											aria-label="{{ phrase('search') }}"
											data-menu-autofocus="true" />
									</xf:if>
								</div>

								<!--[XF:search_menu:above_title_only]-->
								<div class="menu-row">
									<xf:checkbox standalone="true"><xf:option name="c[title_only]" label="{{ phrase('search_titles_only') }}" /></xf:checkbox>
								</div>
								<!--[XF:search_menu:above_member]-->
								<div class="menu-row">
									<div class="inputGroup">
										<span class="inputGroup-text" id="ctrl_search_menu_by_member">{{ phrase('by:') }}</span>
										<input type="text" class="input" name="c[users]" data-xf-init="auto-complete" placeholder="{{ phrase('member')|for_attr }}" aria-labelledby="ctrl_search_menu_by_member" />
									</div>
								</div>
								<div class="menu-footer">
									<xf:if is="$ads">	
										<xf:if contentcheck="true">	
											<div class="menu-row">	
												<xf:contentcheck>	
													<xf:macro template="siropu_ads_manager_ad_macros" name="ad_unit" arg-position="search_menu" />	
												</xf:contentcheck>	
											</div>	
										</xf:if>	
									</xf:if>
									<span class="menu-footer-controls">
										<xf:button type="submit" class="button--primary" icon="search" />
										<xf:button href="{{ link('search') }}">{{ phrase('advanced_search...') }}</xf:button>
									</span>
								</div>

								<xf:csrf />
							</form>
						</div>
					</xf:if>
				</div>
			</div>

				<!-- end paste -->
				</div><!-- end visitorLinks -->
				</xf:if>
			</div>
			<div class="p-topBar-center">
				<xf:if is="property('nlEnableTicker') && property('nlTickerLocation') == 'topbar'">
					<xf:macro template="nl_ticker_macros" name="ticker_setup" arg-location="topbar" />
				</xf:if>
			</div>
		</div>
	</div>
</div>]]></template>
    <template title="node_list.less" type="public" addon_id="XF" version_id="2010770" version_string="2.1.7"><![CDATA[@_nodeList-statsCellBreakpoint: 1000px;

.node
{
	& + .node
	{
		border-top: @xf-borderSize solid @xf-borderColorFaint;
	}
}

.node-body
{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.node-icon
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 46px;
	padding: @xf-paddingLarge 0 @xf-paddingLarge @xf-paddingLarge;

	i
	{
		display: block;
		line-height: 1.125;
		font-size: 32px;

		&:before
		{
			.m-faBase();

			color: @xf-nodeIconReadColor;

			.node--unread &
			{
				opacity: 1;
				color: @xf-nodeIconUnreadColor;
			}
		}

		.th_nodes .node--forum &:before,
		.th_nodes .node--category &:before
		{
			.m-faContent(@fa-var-comments);
		}

		.th_nodes .node--page &:before
		{
			.m-faContent(@fa-var-file-alt);
		}

		.th_nodes .node--link &:before
		{
			.m-faContent(@fa-var-link);
		}
		
	}
}

.node-main
{
	display: table-cell;
	vertical-align: middle;
	padding: @xf-paddingLarge;
}

.node-stats
{
	display: table-cell;
	width: 140px;
	vertical-align: middle;
	text-align: center;
	padding: @xf-paddingLarge 0;

	> dl.pairs.pairs--rows
	{
		width: 50%;
		float: left;
		margin: 0;
		padding: 0 @xf-paddingMedium/2;

		&:first-child
		{
			padding-left: 0;
		}

		&:last-child
		{
			padding-right: 0;
		}
	}

	&.node-stats--single
	{
		width: 100px;

		> dl.pairs.pairs--rows
		{
			width: 100%;
			float: none;
		}
	}

	&.node-stats--triple
	{
		width: 240px;

		> dl.pairs.pairs--rows
		{
			width: 33.333%;
		}
	}

	@media (max-width: @_nodeList-statsCellBreakpoint)
	{
		display: none;
	}
}

@_nodeExtra-avatarSize: 36px;

.node-extra
{
	display: table-cell;
	vertical-align: middle;
	width: 280px;
	padding: @xf-paddingLarge;

	font-size: @xf-fontSizeSmall;
}

.node-extra-row
{
	.m-overflowEllipsis();
	color: @xf-textColorMuted;
}

.node-extra-icon
{
	padding-right: @xf-paddingMedium;
	float: left;

	.avatar
	{
		// .m-avatarSize(@_nodeExtra-avatarSize);
	}
}

.node-extra-placeholder
{
	font-style: italic;
}

.node-title
{
	margin: 0;
	padding: 0;
	font-size: @xf-fontSizeLarge;
	font-weight: @xf-fontWeightNormal;

	.node--unread &
	{
		font-weight: @xf-fontWeightHeavy;
	}
}

.node-description
{
	font-size: @xf-fontSizeSmall;
	color: @xf-textColorDimmed;

	&.node-description--tooltip
	{
		.has-js:not(.has-touchevents) &
		{
			display: none;
		}
	}
}

.node-meta
{
	font-size: @xf-fontSizeSmall;
}

.node-statsMeta
{
	display: none;

	@media (max-width: @_nodeList-statsCellBreakpoint)
	{
		display: inline;
	}
}

.node-bonus
{
	font-size: @xf-fontSizeSmall;
	color: @xf-textColorMuted;
	text-align: right;
}

.node-subNodesFlat
{
	font-size: @xf-fontSizeSmall;
	margin-top: .3em;

	.node-subNodesLabel
	{
		display: none;
	}
}

.node-subNodeMenu
{
	display: inline;

	.menuTrigger
	{
		color: @xf-textColorMuted;
	}
}

@media (max-width: @xf-responsiveMedium)
{
	.node-main
	{
		display: block;
		width: auto;

		.node--link &,
		.node--page &
		{
			// #168882: we only display the title for these types
			// so keep these as table-cells for vertical alignment
			display: table-cell;
		}
	}

	.node-extra
	{
		display: block;
		width: auto;
		// this gives an equivalent of medium padding between main and extra, with main still having large
		margin-top: (@xf-paddingMedium - @xf-paddingLarge);
		padding-top: 0;
	}

	.node-extra-row
	{
		display: inline-block;
		vertical-align: top;
		max-width: 100%;
	}

	.node-extra-icon
	{
		display: none;
	}

	.node-description,
	.node-stats,
	.node-subNodesFlat
	{
		display: none;
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.node-subNodeMenu
	{
		display: none;
	}
}

.subNodeLink
{
	&:before
	{
		display: inline-block;
		.m-faBase();
		width: 1em;
		padding-right: .3em;
		text-decoration: none;

		color: @xf-nodeIconReadColor;
	}

	&:hover:before
	{
		text-decoration: none;
	}

	&.subNodeLink--unread
	{
		font-weight: @xf-fontWeightHeavy;

		&:before
		{
			color: @xf-nodeIconUnreadColor;
		}
	}

	&.subNodeLink--forum:before,
	&.subNodeLink--category:before
	{
		.m-faContent(@fa-var-comments);
	}

	&.subNodeLink--page:before
	{
		.m-faContent(@fa-var-file-alt);
	}

	&.subNodeLink--link:before
	{
		.m-faContent(@fa-var-link);
	}
}

.node-subNodeFlatList
{
	.m-listPlain();
	.m-clearFix();

	> li
	{
		display: inline-block;
		margin-right: 1em;

		&:last-child
		{
			margin-right: 0;
		}
	}

	ol,
	ul,
	.node-subNodes
	{
		display: none;
	}
}

.subNodeMenu
{
	.m-listPlain();

	ol,
	ul
	{
		.m-listPlain();
	}

	.subNodeLink
	{
		display: block;
		padding: @xf-blockPaddingV @xf-blockPaddingH;
		text-decoration: none;
		cursor: pointer;

		&:hover
		{
			text-decoration: none;
			background: @xf-contentHighlightBg;
		}
	}

	li li .subNodeLink { padding-left: 1.5em; }
	li li li .subNodeLink { padding-left: 3em; }
	li li li li .subNodeLink { padding-left: 4.5em; }
	li li li li li .subNodeLink { padding-left: 6em; }
	li li li li li li .subNodeLink { padding-left: 7.5em; }
}]]></template>
    <template title="node_list_category" type="public" addon_id="XF" version_id="2010770" version_string="2.1.7"><![CDATA[<xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<div class="block block--category block--category{$node.node_id} block--nodes collapsible--nodes">
		<span class="u-anchorTarget" id="{$node.Data.getCategoryAnchor()}"></span>
		<div class="block-container block-container--category">
			<h2 class="block-header">
				<div class="block-header--collapse-left">
				<a href="{{ link('categories', $node) }}">{$node.title}</a>
				<xf:if is="{$node.description} && !property('nlSeparateNodeDesc')"><span class="block-desc">{$node.description|raw}</span></xf:if>
				</div>
				<div class="block-header--collapse-right">
					<div id="collapseTrigger-{$node.node_id}" class="collapseTrigger collapseTrigger--block {{ !is_toggled('collapse-category' . $node.node_id) ? ' is-active' : '' }}" data-xf-click="toggle" data-xf-init="toggle-storage" data-storage-type="cookie" data-target=".block--category{$node.node_id} .block-body" data-storage-key="collapse-category{$node.node_id}"></div>
				</div>
			</h2>
			<xf:if is="{$node.description} && property('nlSeparateNodeDesc')"><span class="block-desc">{$node.description|raw}</span></xf:if>
			<div class="block-body block-body--collapsible {{ !is_toggled('collapse-category' . $node.node_id) ? ' is-active' : '' }}">
				<xf:macro template="forum_list" name="node_list"
					arg-children="{$children}"
					arg-extras="{$childExtras}"
					arg-depth="{{ $depth + 1 }}" />
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<div class="node node--id{$node.node_id} node--depth{$depth} node--category {{ $extras.hasNew ? 'node--unread' : 'node--read' }}">
		<div class="node-wrapper">
		<xf:set var="$useGridNodes" value="{{ property('nlUseGridNodes') }}" />
		<xf:set var="$useImgNodes" value="{{ property('nlUseImgNodes') }}" />
		<xf:if is="$useImgNodes && $useGridNodes && property('nlImgNodeLayout') == 'above'">
			<a href="{{ link('categories', $node) }}" class="nodeImgPreview {{ property('nlImgNodeUseOverlay') ? 'has-overlay' : '' }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">&nbsp;</a>
		</xf:if>
		<div class="node-body {{ ($useImgNodes && property('nlImgNodeLayout') == 'behind') ? 'nodeImgPreview' : '' }}{{ property('nlImgNodeUseOverlay') ? ' has-overlay' : '' }}">
			<span class="node-icon" aria-hidden="true">{{ property('nlNodeIconForum') }}</span>
			<div class="node-main js-nodeMain">
				<xf:if is="{{ property('nlUseGridNodes') }}">
					<xf:set var="$descriptionDisplay" value="{{ property('nodeGridDescriptionDisplay') }}" />
					<xf:set var="$nodeStatsDisplay" value="{{ property('nlNodeGridStatsLocation') }}" />
					<xf:set var="$nodeStatsIconify" value="{{ property('nlNodeGridStatsIconify') }}" />
				<xf:else />
					<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
					<xf:set var="$nodeStatsDisplay" value="{{ property('nlNodeStatsLocation') }}" />
					<xf:set var="$nodeStatsIconify" value="{{ property('nlNodeStatsIconify') }}" />
				</xf:if>
				<h3 class="node-title">
					<a href="{{ link('categories', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
				</h3>
				<xf:if is="$descriptionDisplay != 'none' && $node.description">
					<div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
				</xf:if>

				<div class="node-meta">
					<xf:if is="!{$extras.privateInfo}">
						<div class="node-statsMeta">
							<dl class="pairs pairs--inline">
								<dt>
									<i aria-hidden="true" class="fas fa-comment" title="{{ phrase('threads') }}"></i>
									<span class="{{ $nodeStatsIconify ? 'sr-only' : '' }}">{{ phrase('threads') }}</span>
								</dt>
								<dd>{$extras.discussion_count|number_short(1)}</dd>
							</dl>
							<dl class="pairs pairs--inline">
								<dt>
									<i aria-hidden="true" class="fas fa-comments" title="{{ phrase('messages') }}"></i>
									<span class="{{ $nodeStatsIconify ? 'sr-only' : '' }}">{{ phrase('messages') }}</span>
								</dt>
								<dd>{$extras.message_count|number_short(1)}</dd>
							</dl>
						</div>
					</xf:if>

					<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
						<xf:macro template="forum_list" name="sub_nodes_menu"
							arg-children="{$children}"
							arg-childExtras="{$childExtras}"
							arg-depth="{{ $depth + 1 }}" />
					</xf:if>
				</div>

				<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
					<xf:macro template="forum_list" name="sub_nodes_flat"
						arg-children="{$children}"
						arg-childExtras="{$childExtras}"
						arg-depth="{{ $depth + 1 }}" />
				</xf:if>
			</div>

			<xf:if is="!{$extras.privateInfo} AND $nodeStatsDisplay == 'default'">
				<div class="node-stats">
					<dl class="pairs pairs--{{ $nodeStatsIconify ? 'inline' : 'rows' }}">
						<dt>
							<i aria-hidden="true" class="fas fa-comment" title="{{ phrase('threads') }}"></i>
							<span class="{{ $nodeStatsIconify ? 'sr-only' : '' }}">{{ phrase('threads') }}</span>
						</dt>
						<dd>{$extras.discussion_count|number_short(1)}</dd>
					</dl>
					<dl class="pairs pairs--{{ $nodeStatsIconify ? 'inline' : 'rows' }}">
						<dt>
							<i aria-hidden="true" class="fas fa-comments" title="{{ phrase('messages') }}"></i>
							<span class="{{ $nodeStatsIconify ? 'sr-only' : '' }}">{{ phrase('messages') }}</span>
						</dt>
						<dd>{$extras.message_count|number_short(1)}</dd>
					</dl>
				</div>
			</xf:if>

			<div class="node-extra">
				<div class="node-extra-inner">
				<xf:if is="{$extras.privateInfo}">
					<span class="node-extra-placeholder">{{ phrase('private') }}</span>
				<xf:elseif is="{$extras.LastThread}" />
					<div class="node-extra-icon">
						<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
							<xf:avatar user="{{ null }}" size="{{ property('nlNodeLastPostAvatarSize') }}" />
						<xf:else />
							<xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="{{ property('nlNodeLastPostAvatarSize') }}" />
						</xf:if>
					</div>
					<div class="node-extra-row">
						<xf:if is="$extras.LastThread.isUnread()">
							<a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
						<xf:else />
							<a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
						</xf:if>
					</div>
					<div class="node-extra-row">
						<ul class="listInline listInline--bullet">
							<li class="node-extra-date"><xf:date time="{$extras.last_post_date}" /></li>
							<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
								<li class="node-extra-user">{{ phrase('ignored_member') }}</li>
							<xf:else />
								<li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
							</xf:if>
						</ul>
					</div>
				<xf:else />
					<span class="node-extra-placeholder">{{ phrase('none') }}</span>
				</xf:if>
				</div>
			</div>
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<li>
		<a href="{{ link('categories', $node) }}" class="subNodeLink subNodeLink--category {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">{$node.title}</a>
		<xf:macro template="forum_list" name="sub_node_list"
			arg-children="{$children}"
			arg-childExtras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</li>
</xf:macro>]]></template>
    <template title="node_list_forum" type="public" addon_id="XF" version_id="2010770" version_string="2.1.7"><![CDATA[<xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<div class="block block--category block--nodes">
		<div class="block-container block-container--forum">
			<div class="block-body">
				<xf:macro name="forum"
					arg-node="{$node}"
					arg-extras="{$extras}"
					arg-children="{$children}"
					arg-childExtras="{$childExtras}"
					arg-depth="{$depth}" />
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<xf:macro name="forum"
		arg-node="{$node}"
		arg-extras="{$extras}"
		arg-children="{$children}"
		arg-childExtras="{$childExtras}"
		arg-depth="{$depth}" />
</xf:macro>

<xf:macro name="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<li>
		<a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">{$node.title}</a>
		<xf:macro template="forum_list" name="sub_node_list"
			arg-children="{$children}"
			arg-childExtras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</li>
</xf:macro>

<xf:macro name="forum"
	arg-node="!"
	arg-extras="!"
	arg-children="!"
	arg-childExtras="!"
	arg-depth="!"
	arg-chooseName=""
	arg-bonusInfo="">

	<div class="node node--id{$node.node_id} node--depth{$depth} node--forum {{ $extras.hasNew ? 'node--unread' : 'node--read' }}">
		<div class="node-wrapper">
		<xf:set var="$useGridNodes" value="{{ property('nlUseGridNodes') }}" />
		<xf:set var="$useImgNodes" value="{{ property('nlUseImgNodes') }}" />
		<xf:if is="$useImgNodes && $useGridNodes && property('nlImgNodeLayout') == 'above'">
			<a href="{{ link('forums', $node) }}" class="nodeImgPreview {$template} {{ property('nlImgNodeUseOverlay') ? 'has-overlay' : '' }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">&nbsp;</a>
		</xf:if>
		<div class="node-body {{ ($useImgNodes && property('nlImgNodeLayout') == 'behind') ? 'nodeImgPreview' : '' }}{{ property('nlImgNodeUseOverlay') ? ' has-overlay' : '' }}">
			<span class="node-icon" aria-hidden="true">{{ property('nlNodeIconForum') }}</span>
			<div class="node-main js-nodeMain">
				<xf:if is="$chooseName">
					<xf:checkbox standalone="true">
						<xf:option labelclass="u-pullRight" class="js-chooseItem" name="{$chooseName}[]" value="{$node.node_id}" />
					</xf:checkbox>
				</xf:if>

				<xf:if is="{{ property('nlUseGridNodes') }}">
					<xf:set var="$descriptionDisplay" value="{{ property('nodeGridDescriptionDisplay') }}" />
					<xf:set var="$nodeStatsDisplay" value="{{ property('nlNodeGridStatsLocation') }}" />
					<xf:set var="$nodeStatsIconify" value="{{ property('nlNodeGridStatsIconify') }}" />
				<xf:else />
					<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
					<xf:set var="$nodeStatsDisplay" value="{{ property('nlNodeStatsLocation') }}" />
					<xf:set var="$nodeStatsIconify" value="{{ property('nlNodeStatsIconify') }}" />
				</xf:if>
				<h3 class="node-title">
					<a href="{{ link('forums', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
				</h3>
				<xf:if is="$descriptionDisplay != 'none' && $node.description">
					<div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
				</xf:if>
				
				<div class="node-meta">
					<xf:if is="!{$extras.privateInfo}">
						<div class="node-statsMeta">
							<dl class="pairs pairs--inline">
								<dt>
									<i aria-hidden="true" class="fas fa-comment" title="{{ phrase('threads') }}"></i>
									<span class="{{ $nodeStatsIconify ? 'sr-only' : '' }}">{{ phrase('threads') }}</span>
								</dt>
								<dd>{$extras.discussion_count|number_short(1)}</dd>
							</dl>
							<dl class="pairs pairs--inline">
								<dt>
									<i aria-hidden="true" class="fas fa-comments" title="{{ phrase('messages') }}"></i>
									<span class="{{ $nodeStatsIconify ? 'sr-only' : '' }}">{{ phrase('messages') }}</span>
								</dt>
								<dd>{$extras.message_count|number_short(1)}</dd>
							</dl>
						</div>
					</xf:if>

					<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
						<xf:macro template="forum_list" name="sub_nodes_menu"
							arg-children="{$children}"
							arg-childExtras="{$childExtras}"
							arg-depth="{{ $depth + 1 }}" />
					</xf:if>
				</div>

				<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
					<xf:macro template="forum_list" name="sub_nodes_flat"
						arg-children="{$children}"
						arg-childExtras="{$childExtras}"
						arg-depth="{{ $depth + 1 }}" />
				</xf:if>

				<xf:if is="$bonusInfo is not empty">
					<div class="node-bonus">{$bonusInfo}</div>
				</xf:if>
			</div>

			<xf:if is="!{$extras.privateInfo} AND $nodeStatsDisplay == 'default'">
				<div class="node-stats">
					<dl class="pairs pairs--{{ $nodeStatsIconify ? 'inline' : 'rows' }}">
						<dt>
							<i aria-hidden="true" class="fas fa-comment" title="{{ phrase('threads') }}"></i>
							<span class="{{ $nodeStatsIconify ? 'sr-only' : '' }}">{{ phrase('threads') }}</span>
						</dt>
						<dd>{$extras.discussion_count|number_short(1)}</dd>
					</dl>
					<dl class="pairs pairs--{{ $nodeStatsIconify ? 'inline' : 'rows' }}">
						<dt>
							<i aria-hidden="true" class="fas fa-comments" title="{{ phrase('messages') }}"></i>
							<span class="{{ $nodeStatsIconify ? 'sr-only' : '' }}">{{ phrase('messages') }}</span>
						</dt>
						<dd>{$extras.message_count|number_short(1)}</dd>
					</dl>
				</div>
			</xf:if>

			<div class="node-extra">
				<div class="node-extra-inner">
				<xf:if is="{$extras.privateInfo}">
					<span class="node-extra-placeholder">{{ phrase('private') }}</span>
				<xf:elseif is="{$extras.LastThread}" />
					<div class="node-extra-icon">
						<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
							<xf:avatar user="{{ null }}" size="{{ property('nlNodeLastPostAvatarSize') }}" />
						<xf:else />
							<xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="{{ property('nlNodeLastPostAvatarSize') }}" />
						</xf:if>
					</div>
					<div class="node-extra-row">
						<xf:if is="$extras.LastThread.isUnread()">
							<a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
						<xf:else />
							<a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
						</xf:if>
					</div>
					<div class="node-extra-row">
						<ul class="listInline listInline--bullet">
							<li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li>
							<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
								<li class="node-extra-user">{{ phrase('ignored_member') }}</li>
							<xf:else />
								<li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
							</xf:if>
						</ul>
					</div>
				<xf:else />
					<span class="node-extra-placeholder">{{ phrase('none') }}</span>
				</xf:if>
				</div>
			</div>
			</div>
		</div>
	</div>

	<xf:if is="{$depth} == 1">
		<xf:macro template="forum_list" name="node_list"
			arg-children="{$children}"
			arg-extras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</xf:if>
</xf:macro>]]></template>
    <template title="node_list_link_forum" type="public" addon_id="XF" version_id="2010770" version_string="2.1.7"><![CDATA[<xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<div class="block block--category  block--nodes">
		<div class="block-container block-container--link-forum">
			<div class="block-body">
				<xf:macro name="link_forum"
					arg-node="{$node}"
					arg-extras="{$extras}"
					arg-children="{$children}"
					arg-childExtras="{$childExtras}"
					arg-depth="{$depth}" />
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<xf:macro name="link_forum"
		arg-node="{$node}"
		arg-extras="{$extras}"
		arg-children="{$children}"
		arg-childExtras="{$childExtras}"
		arg-depth="{$depth}" />
</xf:macro>

<xf:macro name="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<li>
		<a href="{{ link('link-forums', $node) }}" class="subNodeLink subNodeLink--link">{$node.title}</a>
		<xf:macro template="forum_list" name="sub_node_list"
			arg-children="{$children}"
			arg-childExtras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</li>
</xf:macro>

<xf:macro name="link_forum" arg-node="!" arg-extras="!" arg-children="{$children}" arg-childExtras="{$childExtras}" arg-depth="!">
	<div class="node node--id{$node.node_id} node--depth{$depth} node--link">
		<div class="node-wrapper">
		<xf:set var="$useGridNodes" value="{{ property('nlUseGridNodes') }}" />
		<xf:set var="$useImgNodes" value="{{ property('nlUseImgNodes') }}" />
		<xf:if is="$useImgNodes && $useGridNodes && property('nlImgNodeLayout') == 'above'">
			<a href="{{ link('link-forums', $node) }}" class="nodeImgPreview {{ property('nlImgNodeUseOverlay') ? 'has-overlay' : '' }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">&nbsp;</a>
		</xf:if>
		<div class="node-body {{ ($useImgNodes && property('nlImgNodeLayout') == 'behind') ? 'nodeImgPreview' : '' }}{{ property('nlImgNodeUseOverlay') ? ' has-overlay' : '' }}">
			<span class="node-icon" aria-hidden="true">{{ property('nlNodeIconLink') }}</span>
			<div class="node-main js-nodeMain">
				<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
				<h3 class="node-title">
					<a href="{{ link('link-forums', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
				</h3>
				<xf:if is="$descriptionDisplay != 'none' && $node.description">
					<div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
				</xf:if>

				<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
					<div class="node-meta">
						<xf:macro template="forum_list" name="sub_nodes_menu"
							arg-children="{$children}"
							arg-childExtras="{$childExtras}"
							arg-depth="{{ $depth + 1 }}" />
					</div>
				</xf:if>

				<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
					<xf:macro template="forum_list" name="sub_nodes_flat"
						arg-children="{$children}"
						arg-childExtras="{$childExtras}"
						arg-depth="{{ $depth + 1 }}" />
				</xf:if>
			</div>
			</div>
		</div>
	</div>

	<xf:if is="{$depth} == 1">
		<xf:macro template="forum_list" name="node_list"
			arg-children="{$children}"
			arg-extras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</xf:if>
</xf:macro>]]></template>
    <template title="node_list_page" type="public" addon_id="XF" version_id="2010770" version_string="2.1.7"><![CDATA[<xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<div class="block block--category block--nodes">
		<div class="block-container block-container--page">
			<div class="block-body">
				<xf:macro name="page"
					arg-node="{$node}"
					arg-extras="{$extras}"
					arg-children="{$children}"
					arg-childExtras="{$childExtras}"
					arg-depth="{$depth}" />
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<xf:macro name="page"
		arg-node="{$node}"
		arg-extras="{$extras}"
		arg-children="{$children}"
		arg-childExtras="{$childExtras}"
		arg-depth="{$depth}" />
</xf:macro>

<xf:macro name="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<li>
		<a href="{{ link('pages', $node) }}" class="subNodeLink subNodeLink--page">{$node.title}</a>
		<xf:macro template="forum_list" name="sub_node_list"
			arg-children="{$children}"
			arg-childExtras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</li>
</xf:macro>

<xf:macro name="page" arg-node="!" arg-extras="!" arg-children="{$children}" arg-childExtras="{$childExtras}" arg-depth="!">
	<div class="node node--id{$node.node_id} node--depth{$depth} node--page">
		<div class="node-wrapper">
		<xf:set var="$useGridNodes" value="{{ property('nlUseGridNodes') }}" />
		<xf:set var="$useImgNodes" value="{{ property('nlUseImgNodes') }}" />
		<xf:if is="$useImgNodes && $useGridNodes && property('nlImgNodeLayout') == 'above'">
			<a href="{{ link('pages', $node) }}" class="nodeImgPreview {{ property('nlImgNodeUseOverlay') ? 'has-overlay' : '' }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">&nbsp;</a>
		</xf:if>
		<div class="node-body {{ ($useImgNodes && property('nlImgNodeLayout') == 'behind') ? 'nodeImgPreview' : '' }}{{ property('nlImgNodeUseOverlay') ? ' has-overlay' : '' }}">
			<span class="node-icon" aria-hidden="true">{{ property('nlNodeIconPage') }}</span>
			<div class="node-main js-nodeMain">
				<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
				<h3 class="node-title">
					<a href="{{ link('pages', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
				</h3>
				<xf:if is="$descriptionDisplay != 'none' && $node.description">
					<div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
				</xf:if>

				<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
					<div class="node-meta">
						<xf:macro template="forum_list" name="sub_nodes_menu"
							arg-children="{$children}"
							arg-childExtras="{$childExtras}"
							arg-depth="{{ $depth + 1 }}" />
					</div>
				</xf:if>

				<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
					<xf:macro template="forum_list" name="sub_nodes_flat"
						arg-children="{$children}"
						arg-childExtras="{$childExtras}"
						arg-depth="{{ $depth + 1 }}" />
				</xf:if>
			</div>
			</div>
		</div>
	</div>

	<xf:if is="{$depth} == 1">
		<xf:macro template="forum_list" name="node_list"
			arg-children="{$children}"
			arg-extras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</xf:if>
</xf:macro>]]></template>
    <template title="notice_macros" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[<xf:macro name="notice_list" arg-type="!" arg-notices="!">
	<xf:if is="{$notices} is not empty">
		<xf:css src="notices.less" />
		<xf:js src="xf/notice.js" min="1" />
		<xf:if is="$type == 'scrolling'">
			<xf:css src="lightslider.less" />
			<xf:js prod="xf/carousel-compiled.js" dev="vendor/lightslider/lightslider.min.js, xf/carousel.js" />
		</xf:if>

		<ul class="notices notices--{$type} {{ count($notices) > 1 ? 'notices--isMulti' : '' }} js-notices"
			data-xf-init="notices"
			data-type="{$type}"
			data-scroll-interval="{{ property('noticeScrollInterval') }}">

			<xf:foreach loop="{$notices}" value="$notice">
				<xf:macro name="notice" arg-notice="{$notice}" arg-type="{$type}" arg-contentHtml="{$notice.message}" />
			</xf:foreach>
		</ul>
	</xf:if>
</xf:macro>

<xf:macro name="notice" arg-notice="!" arg-type="!" arg-contentHtml="!">
	<li class="notice js-notice {{ $notice.display_style == 'custom' ? $notice.css_class : 'notice--' . $notice.display_style }}{{ $notice.display_image ? ' notice--hasImage' : '' }}{{ $notice.visibility ? ' notice--hide' . $notice.visibility : '' }} <xf:if is="property('nlNoticeAddIconColumn') == true && $type == 'scrolling'"> has-icon</xf:if>"
		data-notice-id="{$notice.notice_id}"
		data-delay-duration="{$notice.delay_duration}"
		data-display-duration="{$notice.display_duration}"
		data-auto-dismiss="{$notice.auto_dismiss}"
		data-visibility="{$notice.visibility}">
		<xf:if is="property('nlNoticeAddIconColumn') == true && $type == 'scrolling'">
			<div class="notice-icon">
				{{ property ('nlNoticeIcon') }}
			</div>
		</xf:if>
		<xf:if is="$notice.display_image == 'avatar'">
			<div class="notice-image"><xf:avatar user="$xf.visitor" size="s" href="" /></div>
		<xf:elseif is="$notice.display_image == 'image'" />
			<div class="notice-image"><img src="{$notice.image_url}" alt="" /></div>
		</xf:if>
		<div class="notice-content">
			<xf:if is="$notice.dismissible AND !$notice.custom_dismissible">
				<a href="{{ link('account/dismiss-notice', null, {'notice_id': $notice.notice_id}) }}" class="notice-dismiss js-noticeDismiss" data-xf-init="tooltip" title="{{ phrase('dismiss_notice')|for_attr }}"></a>
			</xf:if>
			{$contentHtml|raw}
		</div>
	</li>
</xf:macro>]]></template>
    <template title="notices.less" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[<xf:if is="property('styleType') == 'light'">
@_notice-darkBg: xf-intensify(@xf-contentBg, 10%);
@_notice-lightBg: xf-diminish(@xf-contentBg, 10%);
<xf:else />
@_notice-darkBg: xf-diminish(@xf-contentBg, 10%);
@_notice-lightBg: xf-intensify(@xf-contentBg, 10%);
</xf:if>
@_notice-floatingFade: 80%;
@_notice-imageSize: 48px;
@_notice-paddingV: @xf-nlNoticePaddingV;
@_notice-paddingH: @xf-nlNoticePaddingH;

.notices
{
	.m-listPlain();

	&.notices--block
	{
		.notice
		{
			margin-bottom: ((@xf-elementSpacer) / 2);
		}
	}

	&.notices--floating
	{
		// assumed to be within u-bottomFixer
		margin: 0 20px 0 auto;
		width: 300px;
		max-width: 100%;
		z-index: @zIndex-8;

		@media (max-width: 340px)
		{
			margin-right: 10px;
		}

		.notice
		{
			margin-bottom: 20px;
		}
	}

	&.notices--scrolling
	{
		display: flex;
		align-items: stretch;
		overflow: hidden;
		.xf-blockBorder();
		margin-bottom: ((@xf-elementSpacer) / 2);

		&.notices--isMulti
		{
			margin-bottom: ((@xf-elementSpacer) / 2) + 20px;
		}

		.notice
		{
			width: 100%;
			flex-grow: 0;
			flex-shrink: 0;
			/* border: none; */
		}
	}
}

.noticeScrollContainer
{
	margin-bottom: ((@xf-elementSpacer) / 2);

	.lSSlideWrapper
	{
		// .xf-blockBorder();
		background: @xf-contentBg;
	}

	.notices.notices--scrolling
	{
		border: none;
		margin-bottom: 0;
	}
}

.notice
{
	.m-clearFix();
	position: relative;

	.xf-blockBorder();
	.xf-nlNoticeContent();

	&.notice--primary
	{
		.xf-contentHighlightBase();
		.xf-nlNoticePrimary();

		a:not(.button):not(.button--notice) {
			.xf-nlNoticePrimaryLink();
		}
		a:not(.button):not(.button--notice):hover {
			.xf-nlNoticePrimaryLinkHover();
		}
	}

	&.notice--accent
	{
		.xf-contentAccentBase();
		.xf-nlNoticeAccent();
		
		a:not(.button):not(.button--notice) {
			.xf-nlNoticeAccentLink();
		}
		a:not(.button):not(.button--notice):hover {
			.xf-nlNoticeAccentLinkHover();
		}
	}

	&.notice--dark
	{
		background: @_notice-darkBg;
		.xf-nlNoticeDark();
		
		a:not(.button):not(.button--notice) {
			.xf-nlNoticeDarkLink();
		}
		a:not(.button):not(.button--notice):hover {
			.xf-nlNoticeDarkLinkHover();
		}
	}

	&.notice--light
	{
		background: @_notice-lightBg;
		.xf-nlNoticeLight();
		
		a:not(.button):not(.button--notice) {
			.xf-nlNoticeLightLink();
		}
		a:not(.button):not(.button--notice):hover {
			.xf-nlNoticeLightLinkHover();
		}
	}

	&.notice--enablePush
	{
		display: none;

		@media (max-width: @xf-responsiveWide)
		{
			padding: @xf-paddingSmall @xf-paddingSmall @xf-paddingLarge;
			font-size: @xf-fontSizeSmall;
		}
	}

	&.notice--cookie
	{
		@media (max-width: @xf-responsiveWide)
		{
			.notice-content
			{
				padding: @xf-paddingSmall @xf-paddingSmall @xf-paddingLarge;
				font-size: @xf-fontSizeSmaller;

				.button--notice
				{
					font-size: @xf-fontSizeSmaller;
					padding: @xf-paddingSmall @xf-paddingMedium;

					.button-text
					{
						font-size: @xf-fontSizeSmaller;
					}
				}
			}
		}
	}

	.notices--block &
	{
		font-size: @xf-fontSizeNormal;
		border-radius: @xf-blockBorderRadius;
	}

	.notices--floating &
	{
		font-size: @xf-fontSizeSmallest;
		border-radius: @xf-borderRadiusMedium;
		box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);

		&.notice--primary
		{
			// background-color: fade(@xf-contentHighlightBase--background-color, @_notice-floatingFade);
		}

		&.notice--accent
		{
			// background-color: fade(@xf-contentAccentBase--background-color, @_notice-floatingFade);
		}

		&.notice--dark
		{
			// background-color: fade(@_notice-darkBg, @_notice-floatingFade);
		}

		&.notice--light
		{
			// background-color: fade(@_notice-lightBg, @_notice-floatingFade);
		}

		.has-js &
		{
			display: none;
		}
	}

	&.notice--hasImage
	{
		.notice-content
		{
			margin-left: ((@_notice-imageSize) + (@_notice-paddingH));
			min-height: ((@_notice-imageSize) + (@_notice-paddingV) * 2);
		}
	}
	@media (min-width: @xf-responsiveNarrow)
	{
		&.has-icon.notice--hasImage
		{
			.notice-content {
				
			}
		}
	}

	// note: visibility hidden is used by the JS to detect when responsiveness is hiding a notice

	@media (max-width: @xf-responsiveWide)
	{
		&.notice--hidewide:not(.is-vis-processed)
		{
			display: none;
			visibility: hidden;
		}
	}
	@media (max-width: @xf-responsiveMedium)
	{
		&.notice--hidemedium:not(.is-vis-processed)
		{
			display: none;
			visibility: hidden;
		}
	}
	@media (max-width: @xf-responsiveNarrow)
	{
		&.notice--hidenarrow:not(.is-vis-processed)
		{
			display: none;
			visibility: hidden;
		}
	}
}

.notice-image
{
	float: left;
	padding: @_notice-paddingV 0 @_notice-paddingH @_notice-paddingV;

	img
	{
		max-width: @_notice-imageSize;
		max-height: @_notice-imageSize;
	}
}

.notice-content
{
	padding: @_notice-paddingV @_notice-paddingH;

	a.notice-dismiss
	{
		&:before
		{
			.m-faBase();

			.m-faContent(@fa-var-times, .69em);
		}

		float: right;

		color: inherit;
		font-size: 16px;
		line-height: 1;
		height: 1em;
		box-sizing: content-box;
		padding: 0 0 5px 5px;

		opacity: .5;
		.m-transition(opacity);

		cursor: pointer;

		&:hover
		{
			text-decoration: none;
			opacity: 1;
		}

		.notices--floating &
		{
			font-size: 14px;
		}
	}
}]]></template>
    <template title="nulumia_breadcrumb_essentials.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[/* From app_breadcrumbs.less */

.p-breadcrumbs
{
	margin-bottom: (@xf-elementSpacer / 2);
	.xf-nlBreadcrumb();

	&.with-icon.hide-label > li:first-of-type a {
		font-size: 0;
		
		&:hover {
			text-decoration: none;
		}
	}
	&.with-icon > li:first-of-type a:before {
		content: "\f015";
		.m-faBase();
		font-size: @xf-fontSizeNormal;
		font-weight: inherit;
	}
	> li
	{
		position: relative;
		.xf-nlBreadcrumbItem();

		a
		{
			vertical-align: top;
			color: inherit;
			font-weight: inherit;
		}
		&:first-child,
		&:first-child:last-of-type
		{
			.xf-nlBreadcrumbItemFirst();
		}
		&:after
		{
			<xf:if is="property('nlBreadcrumbItemSeparatorStyle') == 'arrow'">
			.m-faContent(@fa-var-angle-right, false ltr);
			.m-faContent(@fa-var-angle-left, false, rtl);
			margin-left: .5em;
			<xf:elseif is="property('nlBreadcrumbItemSeparatorStyle') == 'divide'" />
			content: "/";
			margin-left: .5em;
			</xf:if>
			.xf-nlBreadcrumbItemSeparator();
		}
		&:last-of-type {
			
			a {
				font-weight: inherit;
			}
			&:after {
				display: none; 
			}
		}
		&:last-of-type:not(:first-child)
		{
			.xf-nlBreadcrumbItemActive();
			
		}

	}
	> li:hover {
		.xf-nlBreadcrumbItemHover();
	}
	> li:hover a {
		color: inherit;
	}
}

/* XF1 Breadcrumb */

.p-breadcrumbs:not(.p-breadcrumbs--pageHeader).p-breadcrumbs--xf1 {
	margin-bottom: ((@xf-elementSpacer) / 2);
	position: relative;
	.m-lineHeightDefault();
	.xf-nlXF1Breadcrumb();
	
	> li {
		padding: 0 @xf-nlXF1BreadcrumbItemPaddingH 0 (@xf-nlXF1BreadcrumbArrowWidth + @xf-nlXF1BreadcrumbItemPaddingH);
		margin-right: 0;
		height: @xf-nlXF1BreadcrumbHeight;
		line-height: @xf-nlXF1BreadcrumbHeight;
		.xf-nlXF1BreadcrumbItem();
	}
	> li:hover {
		.xf-nlXF1BreadcrumbItemHover();
	}
	> li:after {
		display: none;
	}
	> li:first-child,
	> li:first-child:last-of-type {
		margin-left: 0;
		padding-left: @xf-nlXF1BreadcrumbItemPaddingH;
		padding-right: 4px;
		.xf-nlXF1BreadcrumbItemFirst();
		
		.arrow {
			
		}
		.arrow span,
		&:hover .arrow span {
			border-left-color: @xf-nlXF1BreadcrumbItemFirst--background-color;
		}
	}
	> li:last-of-type:not(:first-child) {
		.xf-nlXF1BreadcrumbItemActive();
		
		.arrow {
			
		}
		.arrow span,
		&:hover .arrow span {
			border-left-color: @xf-nlXF1BreadcrumbItemActive--background-color;
		}
	}
	.arrow {
		border-style: solid;
		border-color: transparent;
		border-top-width: (@xf-nlXF1BreadcrumbHeight/2);
		border-right: 1px none black;
		border-bottom-width: (@xf-nlXF1BreadcrumbHeight/2);
		border-left-width: @xf-nlXF1BreadcrumbArrowWidth;
		border-left-color: @xf-nlXF1Breadcrumb--border-color;
		display: block;
		position: absolute;
		right: -(@xf-nlXF1BreadcrumbArrowWidth);
		top: 0px;
		z-index: 50;
		width: 0px;
		height: 0px;
	}
	.arrow span {
		border-style: solid;
		border-color: transparent;
		border-top-width: (@xf-nlXF1BreadcrumbHeight/2);
		border-right: 1px none black;
		border-bottom-width: (@xf-nlXF1BreadcrumbHeight/2);
		border-left-width: @xf-nlXF1BreadcrumbArrowWidth;
		border-left-color: @xf-nlXF1BreadcrumbItem--background-color;
		display: block;
		position: absolute;
		left: -(@xf-nlXF1BreadcrumbArrowWidth + 1);
		top: -(@xf-nlXF1BreadcrumbHeight/2);
		z-index: 51;
		white-space: nowrap;
		overflow: hidden;
		text-indent: 9999px;
		width: 0px;
		height: 0px;
	}
	> li:hover {
		.arrow span {
			border-left-color: @xf-nlXF1BreadcrumbItemHover--background-color;
		}
	}
	&.p-breadcrumbs--bottom {
		margin-bottom: 0;
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.p-body .p-breadcrumbs.p-breadcrumbs--xf1 {
		> li {
			padding: 0 @xf-nlXF1BreadcrumbItemPaddingH !important;
		}
	}
}

/* Right content */

.bcrumb-content-right {
    float: right;
	
	a {
		color: inherit;
	}
}
.p-breadcrumbs--xf1 {
	.bcrumb-content-right {
		height: @xf-nlXF1BreadcrumbHeight;
		line-height: @xf-nlXF1BreadcrumbHeight;
		padding: 0 @xf-nlXF1BreadcrumbItemPaddingH;
	}
}
@media (max-width: @xf-responsiveNarrow)
{
	.p-breadcrumbs.with-custom-content > li:last-of-type {
		display: block;
	}
}

/* Share buttons */

.p-breadcrumbs-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
	
	.p-breadcrumbs {
		flex: 1;
	}
	.shareButtons.shareButtons--iconic {
		flex: 0 0 auto;
		margin-left: 10px;
		margin-bottom: (@xf-elementSpacer / 2);
	}
	.shareButtons--iconic .shareButtons-buttons {
		display: flex;
	}
	@media (max-width: @xf-responsiveMedium)
	{
		flex-direction: column;
		
		.shareButtons.shareButtons--iconic {
			margin-left: 0;
		}
		> * {
			/* margin: 0 auto (@xf-elementSpacer /2); */
		}
	}
}
.p-breadcrumbs--xf1 + .shareButtons {
	
	.shareButtons-label {
		display: none;
	}
	.shareButtons-button {
		height: @xf-nlXF1BreadcrumbHeight;
		line-height: @xf-nlXF1BreadcrumbHeight;
		padding: 0;
		width: @xf-nlXF1BreadcrumbHeight;
		box-sizing: content-box;
		margin-right: 1px;
	}
	.shareButtons-button:not(:hover) {
		border: 1px solid @xf-borderColor;
		background-color: @xf-contentBg;
		background-color: @xf-nlXF1Breadcrumb--background-color;
	}
	.shareButtons-button:hover {
		border: 1px solid transparent;
	}
	.p-breadcrumbs-container--bottom & {
		margin-top: @xf-elementSpacer;
		margin-bottom: 0;
	}
}

/* Taken from share_controls.less */

.p-breadcrumbs--xf1 + .shareButtons.shareButtons--brandColors .shareButtons-button {
	color: #fff;
	transition: .2s opacity;
	
	&.shareButtons-button--facebook
	{
		background-color: #3B5998;
		border-color: #3B5998;
	}

	&.shareButtons-button--twitter
	{
		background-color: #1DA1F3;
		border-color: #1DA1F3;
	}

	&.shareButtons-button--pinterest
	{
		background-color: #bd081c;
		border-color: #bd081c;
	}

	&.shareButtons-button--tumblr
	{
		background-color: #35465c;
		border-color: #35465c;
	}

	&.shareButtons-button--reddit
	{
		background-color: #FF4500;
		border-color: #FF4500;
	}

	&.shareButtons-button--whatsApp
	{
		background-color: #25D366;
		border-color: #25D366;
	}

	&.shareButtons-button--email
	{
		background-color: #1289ff;
		border-color: #1289ff;
	}

	&.shareButtons-button--link
	{
		background-color: #787878;
		border-color: #787878;
	}
	
	&:hover {
		opacity: 0.8;
	}
}

/* Breadcrumb locations */

.m-bcrumbHide() {
	display: none;
}
.m-bcrumbShow() {
	display: block;
}
.p-breadcrumbs-container--top {
	<xf:if is="property('nlBreadcrumbGlobalTop') == 'off'">
		.m-bcrumbHide();
	</xf:if>
	.page-section-forums & {
		<xf:if is="property('nlBreadcrumbForumTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbForumTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-forums.template-forum_list & {
		<xf:if is="property('nlBreadcrumbForumTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbForumTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-forums.template-forum_view & {
		<xf:if is="property('nlBreadcrumbDiscussionTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbDiscussionTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-forums.template-thread_view & {
		<xf:if is="property('nlBreadcrumbThreadTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbThreadTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-conversations & {
		<xf:if is="property('nlBreadcrumbConversTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbConversTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-members & {
		<xf:if is="property('nlBreadcrumbMemberTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbMemberTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-whatsNew &,
	.template-whats_new_posts &, 
	.template-xfmg_whats_new_media &,
	.template-xfmg_whats_new_media_comments &,
	.template-dbtech_ecommerce_whats_new_products &,
	.template-xfrm_whats_new_resources &,
	.template-whats_new_profile_posts &
	{
		<xf:if is="property('nlBreadcrumbNewTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbNewTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.template-search_form &,
	.template-search_results {
		<xf:if is="property('nlBreadcrumbSearchTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbSearchTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-xfmg & {
		<xf:if is="property('nlBreadcrumbMediaTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbMediaTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-xfrm & {
		<xf:if is="property('nlBreadcrumbResourcesTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbResourcesTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-EWRporta & {
		<xf:if is="property('nlBreadcrumbArticlesTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbArticlesTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-dbtechEcommerce & {
		<xf:if is="property('nlBreadcrumbEcommerceTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbEcommerceTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-siropuChat,
	.page-section-siropuShoutbox & {
		<xf:if is="property('nlBreadcrumbChatTop') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbChatTop') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
}

.p-breadcrumbs-container--bottom {
	<xf:if is="property('nlBreadcrumbGlobalBot') == 'off'">
		.m-bcrumbHide();
	</xf:if>
	.page-section-forums & {
		<xf:if is="property('nlBreadcrumbForumBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbForumBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-forums.template-forum_list & {
		<xf:if is="property('nlBreadcrumbForumBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbForumBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-forums.template-forum_view & {
		<xf:if is="property('nlBreadcrumbDiscussionBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbDiscussionBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-forums.template-thread_view & {
		<xf:if is="property('nlBreadcrumbThreadBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbThreadBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-conversations & {
		<xf:if is="property('nlBreadcrumbConversBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbConversBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-members & {
		<xf:if is="property('nlBreadcrumbMemberBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbMemberBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-whatsNew &,
	.template-whats_new_posts &, 
	.template-xfmg_whats_new_media &,
	.template-xfmg_whats_new_media_comments &,
	.template-dbtech_ecommerce_whats_new_products &,
	.template-xfrm_whats_new_resources &,
	.template-whats_new_profile_posts &
	{
		<xf:if is="property('nlBreadcrumbNewBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbNewBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.template-search_form &,
	.template-search_results {
		<xf:if is="property('nlBreadcrumbSearchBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbSearchBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-xfmg & {
		<xf:if is="property('nlBreadcrumbMediaBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbMediaBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-xfrm & {
		<xf:if is="property('nlBreadcrumbResourcesBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbResourcesBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-EWRporta & {
		<xf:if is="property('nlBreadcrumbArticlesBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbArticlesBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-dbtechEcommerce & {
		<xf:if is="property('nlBreadcrumbEcommerceBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbEcommerceBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
	.page-section-siropuChat,
	.page-section-siropuShoutbox & {
		<xf:if is="property('nlBreadcrumbChatBot') == 'off'">
			.m-bcrumbHide();
		<xf:elseif is="property('nlBreadcrumbChatBot') == 'on'" />
			.m-bcrumbShow();
		</xf:if>
	}
}]]></template>
    <template title="page_view" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[<xf:title>{$page.title}</xf:title>
<xf:if is="$page.description">
	<xf:description>{$page.description|raw}</xf:description>
</xf:if>

<xf:macro template="metadata_macros" name="canonical_url" arg-canonicalUrl="{{ link('canonical:pages', $page) }}" />

<xf:breadcrumb source="$page.getBreadcrumbs(false)" />

<xf:pageaction><xf:if contentcheck="true">
	<xf:contentcheck>
		<xf:macro template="bookmark_macros" name="link"
			arg-content="{$page.Node}"
			arg-confirmUrl="{{ link('pages/bookmark', $page) }}"
			arg-class="button button--link" />
	</xf:contentcheck>
</xf:if></xf:pageaction>

<xf:set var="$logVisits">
	<div class="block-outer block-outer--after">
		<ul class="listInline listInline--bullet">
			<li><dl class="pairs pairs--inline">
				<dt>{{ phrase('published') }}</dt>
				<dd>{{ date($page.publish_date) }}</dd>
			</dl></li>
			<li><dl class="pairs pairs--inline">
				<dt>{{ phrase('page_views') }}</dt>
				<dd>{{ number($page.view_count) }}</dd>
			</dl></li>
		</ul>
	</div>
</xf:set>

<xf:if is="$page.advanced_mode">
	<xf:include template="{$page.getTemplateName()}" />

	<xf:if is="$page.log_visits">
		<div class="block">
			{$logVisits|raw}
		</div>
	</xf:if>
<xf:else />
	<div class="block">
		<div class="block-container">
			<div class="block-body block-row">
				<xf:include template="{$page.getTemplateName()}" />
			</div>
		</div>
		<xf:if is="$page.log_visits">
			{$logVisits|raw}
		</xf:if>
	</div>
</xf:if>

<div class="blockMessage blockMessage--share blockMessage--none">
	<xf:macro template="share_page_macros" name="buttons" arg-iconic="{{ true }}" arg-label="{{ phrase('share:') }}" />
</div>

<xf:sidenav>
	<xf:if contentcheck="true">
	<div class="block">
		<div class="block-container">
			<div class="block-body">
			<xf:contentcheck>
				<xf:if is="$page.list_siblings AND $siblings is not empty">
					<xf:if is="$parent">
						<a href="{{ link($parent.getRoute(), $parent) }}" class="blockLink">{$parent.title}</a>
					</xf:if>

					<xf:foreach loop="$siblings" value="$node">
						<a href="{{ link($node.getRoute(), $node) }}" class="blockLink {{ $node.node_id == $page.node_id ? 'is-selected' : '' }}">
							<span class="u-depth{{ $parent ? 1 : 0 }}">{$node.title}</span>
						</a>
						<xf:if is="$node.node_id == $page.node_id AND $page.list_children AND $children is not empty">
							<xf:foreach loop="$children" value="$childNode">
								<a href="{{ link($childNode.getRoute(), $childNode) }}" class="blockLink">
									<span class="u-depth{{ $parent ? 2 : 1 }}">{$childNode.title}</span>
								</a>
							</xf:foreach>
						</xf:if>
					</xf:foreach>
				<xf:elseif is="$page.list_children AND $children is not empty" />
						<xf:foreach loop="$children" value="$childNode">
							<a href="{{ link($childNode.getRoute(), $childNode) }}" class="blockLink">
								{$childNode.title}
							</a>
						</xf:foreach>
				</xf:if>
			</xf:contentcheck>
			</div>
		</div>
	</div>
	</xf:if>
</xf:sidenav>]]></template>
    <template title="post_macros" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[<xf:macro name="post" arg-post="!" arg-thread="!">
	<xf:css src="message.less" />
	<xf:set var="$isIgnored" value="{{ $post.isIgnored() }}" />
	<article class="message message--post js-post js-inlineModContainer {{ $isIgnored ? 'is-ignored' : '' }} {{ $post.isUnread() ? ' is-unread' : '' }} {{ property('nlMGWrapMessages') ? 'has-post-tabs' : '' }}"
		data-author="{{ $post.User.username ?: $post.username }}"
		data-content="post-{$post.post_id}"
		id="js-post-{$post.post_id}">

		<span class="u-anchorTarget" id="post-{$post.post_id}"></span>

		<xf:if is="property('nlMGWrapMessages') == true">
		<div class="postTabs">
			<div class="postTab name">
				<span class="authorEnd">{{ $post.User ? $post.User.username : $post.username }}</span>
			</div>
			<div class="postTab date">
				<a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}" class="message-attribution-main u-concealed" rel="nofollow"><xf:date time="{$post.post_date}" /></a>
			</div>
		</div>
		</xf:if>
		
		<div class="message-inner">
			<div class="message-cell message-cell--user">
				<xf:macro template="message_macros" name="user_info" arg-user="{$post.User}"
					arg-fallbackName="{$post.username}"/>
			</div>
			<div class="message-cell message-cell--main">
				<div class="message-main js-quickEditTarget">

					<header class="message-attribution message-attribution--split">
						<div class="message-attribution-main">
							<a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}" class="u-concealed"
								rel="nofollow">
								<xf:date time="{$post.post_date}"/>
							</a>
						</div>

						<ul class="message-attribution-opposite message-attribution-opposite--list">
							<xf:if is="$post.isUnread()">
								<li><span class="message-newIndicator">{{ phrase('new') }}</span></li>
							</xf:if>
							<li>
								<a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}"
									data-xf-init="share-tooltip" data-href="{{ link('posts/share', $post) }}"
									rel="nofollow">
									<xf:fa icon="fa-share-alt"/>
								</a>
							</li>
							<xf:if contentcheck="true">
								<li>
									<xf:contentcheck>
										<xf:macro template="bookmark_macros" name="link"
											arg-content="{$post}"
											arg-class="bookmarkLink--highlightable"
											arg-confirmUrl="{{ link('posts/bookmark', $post) }}"
											arg-showText="{{ false }}"/>
									</xf:contentcheck>
								</li>
							</xf:if>
							<xf:if is="!$hidePosition">
								<li>
									<a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}" rel="nofollow">
										#{{ number($post.position + 1) }}
									</a>
								</li>
							</xf:if>
						</ul>
					</header>

					<div class="message-content js-messageContent">

						<xf:if is="$post.message_state == 'deleted'">
							<div class="messageNotice messageNotice--deleted">
								<xf:macro template="deletion_macros" name="notice" arg-log="{$post.DeletionLog}" />
							</div>
						<xf:elseif is="$post.message_state == 'moderated'" />
							<div class="messageNotice messageNotice--moderated">
								{{ phrase('this_message_is_awaiting_moderator_approval_and_is_invisible_to_normal') }}
							</div>
						</xf:if>
						<xf:if is="$post.warning_message">
							<div class="messageNotice messageNotice--warning">
								{$post.warning_message}
							</div>
						</xf:if>
						<xf:if is="$isIgnored">
							<div class="messageNotice messageNotice--ignored">
								{{ phrase('you_are_ignoring_content_by_this_member') }}
								<xf:showignored />
							</div>
						</xf:if>

						<div class="message-userContent lbContainer js-lbContainer {{ $isIgnored ? 'is-ignored' : '' }}"
							data-lb-id="post-{$post.post_id}"
							data-lb-caption-desc="{{ $post.User ? $post.User.username : $post.username }} &middot; {{ date_time($post.post_date) }}">

							<xf:if is="$post.isFirstPost()">
								<xf:macro template="custom_fields_macros" name="custom_fields_view"
									arg-type="threads"
									arg-group="before"
									arg-onlyInclude="{$thread.Forum.field_cache}"
									arg-set="{$thread.custom_fields}"
									arg-wrapperClass="message-fields message-fields--before" />
							</xf:if>

							<article class="message-body js-selectToQuote">
								<xf:ad position="post_above_content" arg-post="{$post}" />
								{{ bb_code($post.message, 'post', $post) }}
								<div class="js-selectToQuoteEnd">&nbsp;</div>
								<xf:ad position="post_below_content" arg-post="{$post}" />
							</article>

							<xf:if is="$post.isFirstPost()">
								<xf:macro template="custom_fields_macros" name="custom_fields_view"
									arg-type="threads"
									arg-group="after"
									arg-onlyInclude="{$thread.Forum.field_cache}"
									arg-set="{$thread.custom_fields}"
									arg-wrapperClass="message-fields message-fields--after" />
							</xf:if>

							<xf:if is="$post.attach_count">
								<xf:macro template="message_macros" name="attachments"
									arg-attachments="{$post.Attachments}"
									arg-message="{$post}"
									arg-canView="{{ $thread.canViewAttachments() }}" />
							</xf:if>
						</div>

						<xf:if is="$post.last_edit_date">
							<div class="message-lastEdit">
								<xf:if is="$post.user_id == $post.last_edit_user_id">
									{{ phrase('last_edited:') }} <xf:date time="{$post.last_edit_date}" />
								<xf:else />
									{{ phrase('last_edited_by_moderator:') }} <xf:date time="{$post.last_edit_date}" />
								</xf:if>
							</div>
						</xf:if>

						<xf:macro template="message_macros" name="signature" arg-user="{$post.User}" />
					</div>

					<footer class="message-footer">
						<xf:if contentcheck="true">
							<div class="message-actionBar actionBar">
								<xf:contentcheck>
									<xf:if contentcheck="true">
										<div class="actionBar-set actionBar-set--external">
										<xf:contentcheck>
											<xf:react content="{$post}" link="posts/react" list="< .js-post | .js-reactionsList" />

											<xf:if is="$thread.canReply()">
												<xf:set var="$quoteLink">{{ link('threads/reply', $thread, {'quote': $post.post_id}) }}</xf:set>

												<xf:if is="$xf.options.multiQuote">
													<a href="{$quoteLink}"
														class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote"
														title="{{ phrase('toggle_multi_quote_tooltip')|for_attr }}"
														data-message-id="{$post.post_id}"
														data-mq-action="add">{{ phrase('quote') }}</a>
												</xf:if>

												<a href="{$quoteLink}"
													class="actionBar-action actionBar-action--reply"
													title="{{ phrase('reply_quoting_this_message')|for_attr }}"
													data-xf-click="quote"
													data-quote-href="{{ link('posts/quote', $post) }}">{{ phrase('reply') }}</a>
											</xf:if>
										</xf:contentcheck>
										</div>
									</xf:if>

									<xf:if contentcheck="true">
										<div class="actionBar-set actionBar-set--internal">
										<xf:contentcheck>
											<xf:if is="$post.canUseInlineModeration()">
												<span class="actionBar-action actionBar-action--inlineMod">
													<xf:checkbox standalone="true">
														<xf:option value="{$post.post_id}" class="js-inlineModToggle"
															data-xf-init="tooltip"
															title="{{ phrase('select_for_moderation') }}"
															label="{{ phrase('select_for_moderation') }}"
															hiddenlabel="true" />
													</xf:checkbox>
												</span>
											</xf:if>

											<xf:if is="$post.canReport()">
												<a href="{{ link('posts/report', $post) }}"
													class="actionBar-action actionBar-action--report"
													data-xf-click="overlay">{{ phrase('report_verb') }}</a>
											</xf:if>

											<xf:set var="$hasActionBarMenu" value="{{ false }}" />
											<xf:if is="$post.canEdit()">
												<xf:js src="xf/message.js" min="1" />
												<a href="{{ link('posts/edit', $post) }}"
													class="actionBar-action actionBar-action--edit actionBar-action--menuItem"
													data-xf-click="quick-edit"
													data-editor-target="#js-post-{$post.post_id} .js-quickEditTarget"
													data-menu-closer="true">{{ phrase('edit') }}</a>

												<xf:set var="$hasActionBarMenu" value="{{ true }}" />
											</xf:if>
											<xf:if is="$post.edit_count && $post.canViewHistory()">
												<a href="{{ link('posts/history', $post) }}"
													class="actionBar-action actionBar-action--history actionBar-action--menuItem"
													data-xf-click="toggle"
													data-target="#js-post-{$post.post_id} .js-historyTarget"
													data-menu-closer="true">{{ phrase('history') }}</a>

												<xf:set var="$hasActionBarMenu" value="{{ true }}" />
											</xf:if>
											<xf:if is="$post.canDelete('soft')">
												<a href="{{ link('posts/delete', $post) }}"
													class="actionBar-action actionBar-action--delete actionBar-action--menuItem"
													data-xf-click="overlay">{{ phrase('delete') }}</a>

												<xf:set var="$hasActionBarMenu" value="{{ true }}" />
											</xf:if>
											<xf:if is="$post.message_state == 'deleted' AND $post.canUndelete()">
												<a href="{{ link('posts/undelete', $post) }}"
													class="actionBar-action actionBar-action--undelete actionBar-action--menuItem"
													data-xf-click="overlay">{{ phrase('undelete') }}</a>

												<xf:set var="$hasActionBarMenu" value="{{ true }}" />
											</xf:if>
											<xf:if is="$post.canCleanSpam()">
												<a href="{{ link('spam-cleaner', $post) }}"
													class="actionBar-action actionBar-action--spam actionBar-action--menuItem"
													data-xf-click="overlay">{{ phrase('spam') }}</a>

												<xf:set var="$hasActionBarMenu" value="{{ true }}" />
											</xf:if>
											<xf:if is="$xf.visitor.canViewIps() && $post.ip_id">
												<a href="{{ link('posts/ip', $post) }}"
													class="actionBar-action actionBar-action--ip actionBar-action--menuItem"
													data-xf-click="overlay">{{ phrase('ip') }}</a>

												<xf:set var="$hasActionBarMenu" value="{{ true }}" />
											</xf:if>
											<xf:if is="$post.canWarn()">

												<a href="{{ link('posts/warn', $post) }}"
													class="actionBar-action actionBar-action--warn actionBar-action--menuItem">{{ phrase('warn') }}</a>

												<xf:set var="$hasActionBarMenu" value="{{ true }}" />
											<xf:elseif is="$post.warning_id && $xf.visitor.canViewWarnings()" />
												<a href="{{ link('warnings', {'warning_id': $post.warning_id}) }}"
													class="actionBar-action actionBar-action--warn actionBar-action--menuItem"
													data-xf-click="overlay">{{ phrase('view_warning') }}</a>
												<xf:set var="$hasActionBarMenu" value="{{ true }}" />
											</xf:if>

											<xf:if is="$hasActionBarMenu">
												<a class="actionBar-action actionBar-action--menuTrigger"
													data-xf-click="menu"
													title="{{ phrase('more_options')|for_attr }}"
													role="button"
													tabindex="0"
													aria-expanded="false"
													aria-haspopup="true">&#8226;&#8226;&#8226;</a>

												<div class="menu" data-menu="menu" aria-hidden="true" data-menu-builder="actionBar">
													<div class="menu-content">
														<h4 class="menu-header">{{ phrase('more_options') }}</h4>
														<div class="js-menuBuilderTarget"></div>
													</div>
												</div>
											</xf:if>
										</xf:contentcheck>
										</div>
									</xf:if>

								</xf:contentcheck>
							</div>
						</xf:if>

						<div class="reactionsBar js-reactionsList {{ $post.reactions ? 'is-active' : '' }}">
							<xf:reactions content="{$post}" link="posts/reactions" />
						</div>

						<div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href"></div>
					</footer>
				</div>
			</div>
			{$extraAfterMessage|raw}
		</div>
		<xf:if is="property('nlMGWrapMessages') == true">
		<div class="block-footer"></div>
		</xf:if>
	</article>

	<xf:ad position="post_below_container" arg-post="{$post}" />
</xf:macro>

<xf:macro name="post_deleted" arg-post="!" arg-thread="!">
	<xf:css src="message.less" />
	<div class="message message--deleted message--post{{ $post.isIgnored() ? ' is-ignored' : '' }}{{ $post.isUnread() ? ' is-unread' : '' }} js-post js-inlineModContainer"
		data-author="{{ $post.User.username ?: $post.username }}"
		data-content="post-{$post.post_id}">

		<span class="u-anchorTarget" id="post-{$post.post_id}"></span>
		<div class="message-inner">
			<div class="message-cell message-cell--user">
				<xf:macro template="message_macros" name="user_info" arg-user="{$post.User}" arg-fallbackName="{$post.username}" />
			</div>
			<div class="message-cell message-cell--main">
				<div class="message-attribution">
					<ul class="listInline listInline--bullet message-attribution-main">
						<li><a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}" class="u-concealed" rel="nofollow"><xf:date time="{$post.post_date}" /></a></li>
						<li><xf:username user="{$post.User}" defaultname="{$post.username}" class="u-concealed" /></li>
					</ul>
				</div>

				<div class="messageNotice messageNotice--deleted">
					<xf:macro template="deletion_macros" name="notice" arg-log="{$post.DeletionLog}" />

					<a href="{{ link('posts/show', $post) }}" class="u-jsOnly" data-xf-click="inserter" data-replace="[data-content=post-{$post.post_id}]">{{ phrase('show...') }}</a>

					<xf:if is="$post.canUseInlineModeration()">
						<span style="display: none">
							<!-- this can be actioned on the full post -->
							<xf:checkbox standalone="true">
								<xf:option value="{$post.post_id}" class="js-inlineModToggle"
									hiddenlabel="true" />
							</xf:checkbox>
						</span>
					</xf:if>
				</div>
			</div>
		</div>
	</div>

	<xf:ad position="post_below_container" arg-post="{$post}" />
</xf:macro>]]></template>
    <template title="setup_custom.less" type="public" addon_id="XF" version_id="2010770" version_string="2.1.7"><![CDATA[// This should be used for additional LESS setup code (that does not output anything).
// setup.less customizations should be avoided when possible.

.m-dotControls()
{
	.xf-nlDotControl();
}
.m-dotControlsHover()
{
	.xf-nlDotControlHover();
}
.m-stripElement()
{
	background: transparent none;
	padding: 0;
	border: none;
	box-shadow: none !important;
}
.m-buttonReset()
{
    .m-stripElement();
    color: inherit;
    text-transform: capitalize;
    font-weight: normal;
    padding: 0;
    display: inline;
}
.m-lineHeightNormal()
{
	line-height: normal;
}
.m-lineHeightDefault()
{
	line-height: 1.4;
}
.m-flexAlignCenter()
{
	display: flex;
	align-items: center;
}

.m-fullTriangleLeft(@color; @size; @offset: 50%) {
	position: relative;
	
	&:before {
		content: "";
		position: absolute;
		left: -@size;
		top: @offset;
		transform: translateY(-50%);
	}
	&:before {
		.m-triangleLeft(@color, @size)
	}
}
.m-fullTriangleUp(@color; @size; @offset: 50%) {
	position: relative;
	
	&:before {
		content: "";
		position: absolute;
		top: -@size;
		margin: 0 auto;
		left: @offset;
		transform: translateX(-50%);
	}
	&:before {
		.m-triangleUp(@color, @size)
	}
}
.m-fullTriangleRight(@color; @size; @offset: 50%) {
	position: relative;
	
	&:after {
		content: "";
		position: absolute;
		right: -@size;
		top: @offset;
		transform: translateY(-50%);
	}
	&:after {
		.m-triangleRight(@color, @size)
	}
}
.m-fullTriangleDown(@color; @size; @offset: 50%) {
	position: relative;
	
	&:before {
		content: "";
		position: absolute;
		bottom: -@size;
		margin: 0 auto;
		left: @offset;
		transform: translateX(-50%);
	}
	&:before {
		.m-triangleDown(@color, @size)
	}
}

.m-dropShadow(@x: @xf-nlBoxShadowX; @y: @xf-nlBoxShadowY; @blur: @xf-nlBoxShadowBlur; @spread: @xf-nlBoxShadowSpread; @alpha: @xf-nlBoxShadowAlpha)
{
	box-shadow: @x @y @blur @spread fade(@xf-nlBoxShadowColor, (@alpha * 100));
}

/* Footer width here */

/* Gradients */

<xf:if is="property('gradientTop') != null AND property('gradientBottom') != null">
.m-primaryGradient(@direction: to bottom; @startColor: @xf-gradientTop; @stopColor: @xf-gradientBottom;) {
	background: linear-gradient(@direction, @startColor, @stopColor);
}
</xf:if>
<xf:if is="property('secondaryGradientTop') != null AND property('secondaryGradientBottom') != null">
.m-secondaryGradient(@direction: to bottom; @startColor: @xf-secondaryGradientTop; @stopColor: @xf-secondaryGradientBottom;) {
	background: linear-gradient(@direction, @startColor, @stopColor);
}
</xf:if>
<xf:if is="property('lightGradientTop') != null AND property('lightGradientBottom') != null">
.m-lightGradient(@direction: to bottom; @startColor: @xf-lightGradientTop; @stopColor: @xf-lightGradientBottom;) {
	background: linear-gradient(@direction, @startColor, @stopColor);
}
</xf:if>
<xf:if is="property('darkGradientTop') != null AND property('darkGradientBottom') != null">
.m-darkGradient(@direction: to bottom; @startColor: @xf-darkGradientTop; @stopColor: @xf-darkGradientBottom;) {
	background: linear-gradient(@direction, @startColor, @stopColor);
}
</xf:if>]]></template>
    <template title="share_tooltip" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[<div class="tooltip-content-inner">
	<h3 class="block-minorHeader">{$tooltipTitle}</h3>
	<xf:if contentcheck="true">
		<div class="block-body block-row block-row--separated block-row--separated--mergePrev">
			<xf:contentcheck>
				<xf:macro template="share_page_macros" name="buttons"
					arg-iconic="{{ true }}"
					arg-hideLink="{{ true }}"
					arg-pageUrl="{$contentUrl}"
					arg-pageTitle="{$contentTitle}"
					arg-pageDesc="{$contentDesc}" />
			</xf:contentcheck>
		</div>
	</xf:if>
	<div class="block-body block-row block-row--separated">
		<xf:macro template="share_page_macros" name="share_clipboard_input"
			arg-label=""
			arg-text="{$contentUrl}"
			arg-successText="{{ phrase('link_copied_to_clipboard') }}" />
	</div>
</div>]]></template>
    <template title="structured_list.less" type="public" addon_id="XF" version_id="2010870" version_string="2.1.8"><![CDATA[@_structItem-avatarSize: @xf-nlStructItemAvatarSize;
@_structItem-avatarSizeExpanded: @xf-nlStructItemAvatarSizeExpanded;
@_structItem-avatarSizeEnd: @avatar-xxs;
@_structItem-cellPaddingH: @xf-nlStructItemPaddingH;
@_structItem-cellPaddingV: @xf-nlStructItemPaddingV;
@_structItem-avatarVAlign: @xf-nlStructItemVerticalAlign;

@_structItemGrid-cellPaddingH: @xf-nlDiscussionGridCellPadding;
@_structItemGrid-cellPaddingV: @xf-nlDiscussionGridCellPadding;

.structItemContainer
{
	border-collapse: collapse;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	.xf-nlStructItemListContainer();
	
	.alternateRows:not(.thread-grid) & {
		.structItem-wrapper:nth-of-type(even) .structItem {
			.xf-nlStructItemAlternate();
		}
	}
	.threadList.hoverRows & .structItem:not(form):hover,
	.threadList.hoverRows & .structItem-wrapper:nth-of-type(even) .structItem:hover {
		.xf-nlStructItemHover();
	}
}

.structItemContainer-group
{
}

.structItemContainer > .structItem:first-child,
.structItemContainer > .structItemContainer-group:first-child > .structItem:first-child
{
	border-top: none;
}

.structItem
{
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	.xf-nlStructItem();

	&.is-highlighted,
	&.is-moderated
	{
		background: @xf-contentHighlightBg !important;
	}

	&.is-deleted
	{
		opacity: .7;

		.structItem-title > *
		{
			text-decoration: line-through;
		}
	}

	&.is-mod-selected
	{
		background: @xf-inlineModHighlightColor !important;
		opacity: 1;
	}
}

.structItem-cell
{
	display: table-cell;
	vertical-align: @xf-nlStructItemVerticalAlign;
	padding: @_structItem-cellPaddingV @_structItem-cellPaddingH;
	.xf-nlStructItemCell();
	
	.structItem--middle &
	{
		vertical-align: middle;
	}

	&.structItem-cell--icon
	{
		
		width: ((@_structItem-avatarSize) + (@_structItem-cellPaddingH) * 2);
		position: relative;
		.xf-nlStructItemCellIcon();

		&.structItem-cell--iconExpanded
		{
			width: ((@_structItem-avatarSizeExpanded) + (@_structItem-cellPaddingH) * 2);
		}

		&.structItem-cell--iconEnd
		{
			width: ((@_structItem-avatarSizeEnd) + (@_structItem-cellPaddingH) + (@_structItem-cellPaddingH / 2));
			padding-left: @_structItem-cellPaddingH / 2;
			.xf-nlStructItemCellIconEnd();
			
			.structItem-iconContainer
			{
				& when (@_structItem-avatarVAlign = top) {
					padding-top: @xf-paddingSmall;
				}
			}
		}

		&.structItem-cell--iconFixedSmall
		{
			width: (60px + (@_structItem-cellPaddingH) * 2);
		}
	}
	&.structItem-cell--main
	{
		.xf-nlStructItemCellMain();
	}
	&.structItem-cell--meta
	{
		width: 135px;
		.xf-nlStructItemCellMeta();
	}

	&.structItem-cell--latest
	{
		width: 190px;
		text-align: right;
		.xf-nlStructItemCellLatest();
	}
}

.structItem-iconContainer
{
	position: relative;

	img
	{
		display: block;
		width: 100%;
	}

	.avatar
	{
		.m-avatarSize(@_structItem-avatarSize);

		&.avatar--xxs
		{
			.m-avatarSize(@_structItem-avatarSizeEnd);
		}
	}

	.structItem-secondaryIcon
	{
		position: absolute;
		right: -5px;
		bottom: -5px;

		.m-avatarSize(@_structItem-avatarSize / 2  + 2px);
	}

	.structItem-cell--iconExpanded &
	{
		.avatar
		{
			.m-avatarSize(@_structItem-avatarSizeExpanded);
		}

		.structItem-secondaryIcon
		{
			.m-avatarSize(@_structItem-avatarSizeExpanded / 2 - 2px);
		}
	}
}

.structItem-title
{
	font-size: @xf-fontSizeLarge;
	font-weight: @xf-fontWeightNormal;
	margin: 0;
	padding: 0;
	.xf-nlStructItemTitle();
	
	a {
		color: inherit;
	}

	.label
	{
		font-weight: @xf-fontWeightNormal;
	}

	.is-unread &
	{
		//font-weight: @xf-fontWeightHeavy;
		.xf-nlStructItemTitleUnread();
	}
}

.structItem-minor
{
	font-size: @xf-fontSizeSmaller;
	color: @xf-textColorMuted;

	.m-hiddenLinks();
}

.structItem-parts
{
	.m-listPlain();
	display: inline;

	> li
	{
		display: inline;
		margin: 0;
		padding: 0;

		&:nth-child(even)
		{
			color: @xf-textColorDimmed;
		}

		&:before
		{
			content: "\00B7\20";
		}

		&:first-child:before
		{
			content: "";
			display: none;
		}
	}
}

.structItem-pageJump
{
	margin-left: 8px;
	font-size: @xf-fontSizeSmallest;

	a
	{
		.xf-chip();
		text-decoration: none;
		border-radius: @xf-borderRadiusSmall;
		padding: 0 3px;
		opacity: .5;
		.m-transition();

		.structItem:hover &,
		.has-touchevents &
		{
			opacity: 1;
		}

		&:hover
		{
			text-decoration: none;
			.xf-chipHover();
		}
	}
}

.structItem-statuses,
.structItem-extraInfo
{
	.m-listPlain();
	float: right;

	> li
	{
		float: left;
		margin-left: 8px;
	}

	input[type=checkbox]
	{
		.m-checkboxAligner();
	}
}

.structItem-statuses .reactionSummary
{
	vertical-align: -2px;
}

.structItem-extraInfo .reactionSummary
{
	vertical-align: middle;
}

.structItem-status
{
	&::before
	{
		.m-faBase();
		display: inline-block;
		font-size: 90%;
		color: @xf-textColorMuted;
	}

	&--deleted::before { .m-faContent(@fa-var-trash-alt); }
	&--locked::before { .m-faContent(@fa-var-lock); }
	&--moderated::before { .m-faContent(@fa-var-shield); color: @xf-textColorAttention; }
	&--redirect::before { .m-faContent(@fa-var-external-link); }
	&--starred::before { .m-faContent(@fa-var-star); color: @xf-starFullColor; }
	&--sticky::before { .m-faContent(@fa-var-thumbtack); }
	&--watched::before { .m-faContent(@fa-var-eye); color: @xf-textColorFeature; }
	&--poll::before { .m-faContent(@fa-var-chart-bar); }
	&--attention::before { .m-faContent(@fa-var-bullhorn); color: @xf-textColorAttention; }
}

.structItem.structItem--note
{
	.xf-contentBase();

	.structItem-cell
	{
		padding-top: @_structItem-cellPaddingV / 2;
		padding-bottom: @_structItem-cellPaddingV / 2;
		font-size: @xf-fontSizeSmaller;
		text-align: center;
	}
}

@media (max-width: @xf-responsiveWide)
{
	.structItem-cell
	{
		vertical-align: top;

		&.structItem-cell--meta
		{
			width: 115px;
			font-size: @xf-fontSizeSmaller;
		}

		&.structItem-cell--latest
		{
			width: 140px;
			font-size: @xf-fontSizeSmaller;
		}
	}
}

@media (max-width: @xf-responsiveMedium)
{
	.structItem-cell
	{
		padding: (@_structItem-cellPaddingV) / 2 @_structItem-cellPaddingH;
		background: transparent none !important;

		&.structItem-cell--main
		{
			display: block;
			padding-bottom: .2em;
			padding-left: 0;
		}

		&.structItem-cell--meta
		{
			display: block;
			width: auto;
			float: left;
			padding-top: 0;
			padding-left: 0;
			padding-right: 0;
			color: @xf-textColorMuted;

			.structItem-minor
			{
				display: none;
			}

			.pairs
			{
				> dt,
				> dd
				{
					display: inline;
					float: none;
					margin: 0;
				}
			}
		}

		&.structItem-cell--latest
		{
			display: block;
			width: auto;
			float: left;
			padding-top: 0;
			padding-left: 0;

			&:before
			{
				content: "\00A0\00B7\20";
				color: @xf-textColorMuted;
			}

			a
			{
				color: @xf-textColorMuted;
			}

			.structItem-minor
			{
				display: none;
			}
		}

		&.structItem-cell--iconEnd
		{
			display: none;
		}
	}

	.structItem-pageJump,
	.structItem-extraInfoMinor
	{
		display: none;
	}

	.is-unread .structItem-latestDate
	{
		font-weight: @xf-fontWeightNormal;
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.structItem-parts
	{
		.structItem-startDate
		{
			display: none;
		}
	}
}]]></template>
    <template title="style_chooser" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[<xf:title>{{ phrase('style_chooser') }}</xf:title>

<xf:head option="metaNoindex"><meta name="robots" content="noindex" /></xf:head>

<div class="block">
	<div class="block-container">
		<xf:if is="$style">
			<div class="block-body">
				<xf:inforow rowtype="confirm">
					{{ phrase('please_confirm_that_you_would_like_to_change_to_following_style:') }}
					<strong>{$style.title}</strong>
				</xf:inforow>
			</div>

			<xf:submitrow rowtype="simple"><xf:html>
				<xf:button href="{{ link('misc/style', null, {
					'style_id': $style.style_id,
					't': csrf_token(),
					'_xfRedirect': $redirect})
				}}" class="button--primary" icon="save" />
			</xf:html></xf:submitrow>
		<xf:else />
			<a href="{{ link('misc/style', null, {
				'style_id': 0, '_xfRedirect': $redirect, 't': csrf_token()
			}) }}" class="menu-linkRow menu-linkRow--alt">{{ phrase('use_default_style') }}</a>
			<div class="block-body">
				<ul class="listPlain listColumns listColumns--together">
					<xf:foreach loop="$styles" value="$style">
						<li>
							<a href="{{ link('misc/style', null, {
								'style_id': $style.style_id,
								'_xfRedirect': $redirect,
								't': csrf_token()
							}) }}" class="menu-linkRow">{$style.title}{{ !$style.user_selectable ? ' *' : '' }}</a>
						</li>
					</xf:foreach>
				</ul>
			</div>
		</xf:if>
	</div>
</div>]]></template>
    <template title="thread_list_macros" type="public" addon_id="XF" version_id="2010770" version_string="2.1.7"><![CDATA[<xf:macro name="item"
	arg-thread="!"
	arg-forum=""
	arg-forceRead="{{ false }}"
	arg-showWatched="{{ true }}"
	arg-allowInlineMod="{{ true }}"
	arg-chooseName=""
	arg-extraInfo=""
	arg-allowEdit="{{ true }}">

	<xf:css src="structured_list.less" />
	<div class="structItem-wrapper">
	<div class="structItem structItem--thread{{ $thread.prefix_id ? ' is-prefix' . $thread.prefix_id : '' }}{{ $thread.isIgnored() ? ' is-ignored' : '' }}{{ ($thread.isUnread() AND !$forceRead) ? ' is-unread' : '' }}{{ $thread.discussion_state == 'moderated' ? ' is-moderated' : '' }}{{ $thread.discussion_state == 'deleted' ? ' is-deleted' : '' }} js-inlineModContainer js-threadListItem-{$thread.thread_id}" data-author="{{ $thread.User.username ?: $thread.username }}">
		<div class="structItem-cell structItem-cell--icon">
			<div class="structItem-iconContainer">
				<xf:avatar user="$thread.User" size="s" defaultname="{$thread.username}" />
				<xf:if is="$thread.getUserPostCount()">
					<xf:avatar user="$xf.visitor" size="s"
						href=""
						class="avatar--separated structItem-secondaryIcon"
						tabindex="0"
						data-xf-init="tooltip"
						data-trigger="auto"
						title="{{ phrase('you_have_posted_x_messages_in_this_thread', {'count': $thread.getUserPostCount() }) }}" />
				</xf:if>
			</div>
		</div>
		<div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
			<xf:if contentcheck="true">
				<ul class="structItem-statuses">
				<xf:contentcheck>
					<xf:if is="property('reactionSummaryOnLists') == 'status' && $thread.first_post_reactions">
						<li><xf:reactions summary="true" reactions="{$thread.first_post_reactions}" /></li>
					</xf:if>
					<xf:if is="$thread.discussion_state == 'moderated'">
						<li>
							<i class="structItem-status structItem-status--moderated" aria-hidden="true" title="{{ phrase('awaiting_approval')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('awaiting_approval') }}</span>
						</li>
					</xf:if>
					<xf:if is="$thread.discussion_state == 'deleted'">
						<li>
							<i class="structItem-status structItem-status--deleted" aria-hidden="true" title="{{ phrase('deleted')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('deleted') }}</span>
						</li>
					</xf:if>
					<xf:if is="!$thread.discussion_open">
						<li>
							<i class="structItem-status structItem-status--locked" aria-hidden="true" title="{{ phrase('locked')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('locked') }}</span>
						</li>
					</xf:if>
					<xf:if is="$thread.discussion_type == 'redirect'">
						<li>
							<i class="structItem-status structItem-status--redirect" aria-hidden="true" title="{{ phrase('redirect')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('redirect') }}</span>
						</li>
					<xf:elseif is="$thread.discussion_type == 'poll'" />
						<li>
							<i class="structItem-status structItem-status--poll" aria-hidden="true" title="{{ phrase('poll')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('poll') }}</span>
						</li>
					</xf:if>
					<xf:if is="$thread.sticky">
						<li>
							<i class="structItem-status structItem-status--sticky" aria-hidden="true" title="{{ phrase('sticky')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('sticky') }}</span>
						</li>
					</xf:if>
					<xf:if is="{$showWatched} AND {$xf.visitor.user_id}">
						<xf:if is="{$thread.Watch.{$xf.visitor.user_id}}">
							<li>
								<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('thread_watched')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('thread_watched') }}</span>
							</li>
						<xf:elseif is="!$forum AND {$thread.Forum.Watch.{$xf.visitor.user_id}}" />
							<li>
								<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('forum_watched')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('forum_watched') }}</span>
							</li>
						</xf:if>
					</xf:if>
					<xf:if is="$thread.isUnread() AND !$forceRead">
						<li>
							<i class="structItem-status structItem-status--new" aria-hidden="true" title="{{ phrase('new_posts')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('new_posts') }}</span>
						</li>
					</xf:if>
				</xf:contentcheck>
				</ul>
			</xf:if>

			<div class="structItem-title">
				<xf:set var="$canPreview" value="{{ $thread.canPreview() }}" />
				<xf:if is="$thread.prefix_id">
					<xf:if is="$forum">
						<a href="{{ link('forums', $forum, {'prefix_id': $thread.prefix_id}) }}" class="labelLink" rel="nofollow">{{ prefix('thread', $thread, 'html', '') }}</a>
					<xf:else />
						{{ prefix('thread', $thread, 'html', '') }}
					</xf:if>
				</xf:if>
				<a href="{{ link('threads' . (($thread.isUnread() AND !$forceRead) ? '/unread' : ''), $thread) }}" class="" data-tp-primary="on" data-xf-init="{{ $canPreview ? 'preview-tooltip' : '' }}" data-preview-url="{{ $canPreview ? link('threads/preview', $thread) : '' }}">{$thread.title}</a>
			</div>

			<div class="structItem-minor">
				<xf:if contentcheck="true">
					<ul class="structItem-extraInfo">
					<xf:contentcheck>
						<xf:if is="property('reactionSummaryOnLists') == 'minor_opposite' && $thread.first_post_reactions">
							<li><xf:reactions summary="true" reactions="{$thread.first_post_reactions}" /></li>
						</xf:if>
						<xf:if is="{$extraInfo}">
							<li>{$extraInfo}</li>
						<xf:elseif is="$allowEdit AND $thread.canEdit() AND $thread.canUseInlineModeration()" />
							<xf:if is="!$allowInlineMod OR !$forum">
								<xf:set var="$editParams" value="{{ {
									'_xfNoInlineMod': !$allowInlineMod ? 1 : null,
									 '_xfForumName': !$forum ? 1 : 0
								} }}" />
							<xf:else />
								<xf:set var="$editParams" value="{{ [] }}" />
							</xf:if>
							<xf:if is="$thread.discussion_type != 'redirect'">
								<li class="structItem-extraInfoMinor">
									<a href="{{ link('threads/edit', $thread) }}" data-xf-click="overlay" data-cache="false" data-href="{{ link('threads/edit', $thread, $editParams) }}">
										{{ phrase('edit') }}
									</a>
								</li>
							</xf:if>
						</xf:if>
						<xf:if is="$chooseName">
							<li><xf:checkbox standalone="true">
								<xf:option name="{$chooseName}[]" value="{$thread.thread_id}" class="js-chooseItem" />
							</xf:checkbox></li>
						<xf:elseif is="$allowInlineMod AND $thread.canUseInlineModeration()" />
							<li><xf:checkbox standalone="true">
								<xf:option value="{$thread.thread_id}" class="js-inlineModToggle"
									data-xf-init="tooltip"
									title="{{ phrase('select_for_moderation') }}"
									label="{{ phrase('select_for_moderation') }}"
									hiddenlabel="true"
								/>
							</xf:checkbox></li>
						</xf:if>
					</xf:contentcheck>
					</ul>
				</xf:if>

				<xf:if is="$thread.discussion_state == 'deleted'">
					<xf:if is="{$extraInfo}"><span class="structItem-extraInfo">{$extraInfo}</span></xf:if>

					<xf:macro template="deletion_macros" name="notice" arg-log="{$thread.DeletionLog}" />
				<xf:else />
					<ul class="structItem-parts">
						<li><xf:username user="$thread.User" defaultname="{$thread.username}" /></li>
						<li class="structItem-startDate"><a href="{{ link('threads', $thread) }}" rel="nofollow"><xf:date time="{$thread.post_date}" /></a></li>
						<xf:if is="!$forum">
							<li><a href="{{ link('forums', $thread.Forum) }}">{$thread.Forum.title}</a></li>
						</xf:if>
					</ul>

					<xf:if is="$thread.discussion_type != 'redirect' && $thread.reply_count >= $xf.options.messagesPerPage && $xf.options.lastPageLinks">
						<span class="structItem-pageJump">
						<xf:foreach loop="{{ last_pages($thread.reply_count + 1, $xf.options.messagesPerPage, $xf.options.lastPageLinks) }}" value="$p">
							<a href="{{ link('threads', $thread, {'page': $p}) }}">{$p}</a>
						</xf:foreach>
						</span>
					</xf:if>
				</xf:if>
			</div>
		</div>
		<div class="structItem-cell structItem-cell--meta" title="{{ phrase('first_message_reaction_score:')|for_attr }} {$thread.first_post_reaction_score|number}">
			<div class="structItem-cell--inner">
			<dl class="pairs pairs--justified">
				<dt>{{ phrase('replies') }}</dt>
				<dd>{{ $thread.discussion_type == 'redirect' ? '&ndash;' : $thread.reply_count|number_short }}</dd>
			</dl>
			<dl class="pairs pairs--justified structItem-minor">
				<dt>{{ phrase('views') }}</dt>
				<dd>{{ $thread.discussion_type == 'redirect' ? '&ndash;' : ($thread.view_count > $thread.reply_count ? $thread.view_count|number_short : number_short($thread.reply_count+1)) }}</dd>
			</dl>
			</div>
		</div>
		<div class="structItem-cell structItem-cell--latest">
			<div class="structItem-cell--inner">
			<xf:if is="$thread.discussion_type == 'redirect'">
				{{ phrase('n_a') }}
			<xf:else />
				<a href="{{ link('threads/latest', $thread) }}" rel="nofollow"><xf:date time="{$thread.last_post_date}" class="structItem-latestDate" /></a>
				<div class="structItem-minor">
					<xf:if is="$xf.visitor.isIgnoring($thread.last_post_user_id)">
						{{ phrase('ignored_member') }}
					<xf:else />
						<xf:username user="{$thread.LastPoster}" defaultname="{$thread.last_post_username}" />
					</xf:if>
				</div>
			</xf:if>
			</div>
		</div>
		<div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
			<div class="structItem-iconContainer">
				<xf:if is="$xf.visitor.isIgnoring($thread.last_post_user_id) OR $thread.discussion_type == 'redirect'">
					<xf:avatar user="{{ null }}" size="xxs" />
				<xf:else />
					<xf:avatar user="{$thread.LastPoster}" defaultname="{$thread.last_post_username}" size="xxs" />
				</xf:if>
			</div>
		</div>
	</div>
	</div>
</xf:macro>

<xf:macro name="item_new_posts" arg-thread="!">
	<div class="contentRow">
		<div class="contentRow-figure">
			<xf:avatar user="$thread.LastPoster" size="xxs" defaultname="{$thread.last_post_username}" />
		</div>
		<div class="contentRow-main contentRow-main--close">
			<xf:if is="$thread.isUnread()">
				<a href="{{ link('threads/unread', $thread) }}">{{ prefix('thread', $thread) }}{$thread.title}</a>
			<xf:else />
				<a href="{{ link('threads/post', $thread, {'post_id': $thread.last_post_id}) }}">{{ prefix('thread', $thread) }}{$thread.title}</a>
			</xf:if>

			<div class="contentRow-minor contentRow-minor--hideLinks">
				<ul class="listInline listInline--bullet">
					<li>{{ phrase('latest_x', {'name': $thread.last_post_cache.username}) }}</li>
					<li><xf:date time="{$thread.last_post_date}" /></li>
				</ul>
			</div>
			<div class="contentRow-minor contentRow-minor--hideLinks">
				<a href="{{ link('forums', $thread.Forum) }}">{$thread.Forum.title}</a>
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="item_new_threads" arg-thread="!">
	<div class="contentRow">
		<div class="contentRow-figure">
			<xf:avatar user="$thread.User" size="xxs" defaultname="{$thread.username}" />
		</div>
		<div class="contentRow-main contentRow-main--close">
			<a href="{{ link('threads', $thread) }}">{{ prefix('thread', $thread) }}{$thread.title}</a>

			<div class="contentRow-minor contentRow-minor--hideLinks">
				<ul class="listInline listInline--bullet">
					<li>{{ phrase('started_by_x', {'name': $thread.username}) }}</li>
					<li><xf:date time="{$thread.post_date}" /></li>
					<li>{{ phrase('replies:') }} {$thread.reply_count|number_short}</li>
				</ul>
			</div>
			<div class="contentRow-minor contentRow-minor--hideLinks">
				<a href="{{ link('forums', $thread.Forum) }}">{$thread.Forum.title}</a>
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="quick_thread"
	arg-forum="!"
	arg-page="1"
	arg-order="last_post_date"
	arg-direction="desc">

	<xf:css src="structured_list.less" />

	<xf:if is="$forum.canCreateThread()">

		<xf:js src="xf/thread.js" min="1" />

		<xf:set var="$inlineMode" value="{{ ($page == 1 && $order == 'last_post_date' && $direction == 'desc') ? true : false }}" />
		<div class="structItemContainer-group quickThread">
		<div class="structItem-wrapper">
		<xf:form action="{{ link('forums/post-thread', $forum, {'inline-mode': $inlineMode}) }}" class="structItem" ajax="true"
			draft="{{ link('forums/draft', $forum) }}"
			data-no-auto-focus="{{ property('nlUseDiscussionGrid ') ? 'false' : 'true' }}"
			data-xf-init="quick-thread"
			data-focus-activate=".js-titleInput"
			data-focus-activate-href="{{ link('forums/post-thread', $forum, {'inline-mode': true}) }}"
			data-focus-activate-target=".js-quickThreadFields"
			data-insert-target=".js-threadList"
			data-replace-target=".js-emptyThreadList">

			<div class="structItem-cell structItem-cell--icon">
				<div class="structItem-iconContainer">
					<xf:avatar user="$xf.visitor" size="s" />
				</div>
			</div>
			<div class="structItem-cell structItem-cell--newThread js-prefixListenContainer">

				<xf:formrow rowtype="noGutter noLabel fullWidth noPadding mergeNext"
					label="{{ phrase('title') }}">

					<xf:prefixinput maxlength="{{ max_length('XF:Thread', 'title') }}"
						placeholder="{$forum.thread_prompt}"
						title="{{ phrase('post_new_thread_in_this_forum') }}"
						prefix-value="{$forum.default_prefix_id}"
						type="thread"
						prefixes="{{ $forum.getUsablePrefixes() }}"
						data-xf-init="tooltip"
						rows="1"/>
				</xf:formrow>

				<div class="js-quickThreadFields inserter-container is-hidden"><!--{{ phrase('loading...') }}--></div>
			</div>
		</xf:form>
		</div>
		</div>
	</xf:if>

</xf:macro>]]></template>
    <template title="thread_view" type="public" addon_id="XF" version_id="2010970" version_string="2.1.9"><![CDATA[<xf:title page="{$page}">{{ prefix('thread', $thread, 'escaped') }}{$thread.title}</xf:title>
<xf:h1>{{ prefix('thread', $thread) }}{$thread.title}</xf:h1>

<xf:description meta="false">
	<ul class="listInline listInline--bullet">
		<li>
			<xf:fa icon="fa-user" title="{{ phrase('thread_starter')|for_attr }}" />
			<span class="u-srOnly">{{ phrase('thread_starter') }}</span>

			<xf:username user="{$thread.User}" defaultname="{$thread.username}" class="u-concealed" />
		</li>
		<li>
			<xf:fa icon="fa-clock" title="{{ phrase('start_date')|for_attr }}" />
			<span class="u-srOnly">{{ phrase('start_date') }}</span>

			<a href="{{ link('threads', $thread) }}" class="u-concealed"><xf:date time="{$thread.post_date}" /></a>
		</li>
		<xf:if is="$xf.options.enableTagging AND ($thread.canEditTags() OR $thread.tags)">
			<li>
				<xf:macro template="tag_macros" name="list"
					arg-tags="{$thread.tags}"
					arg-tagList="tagList--thread-{$thread.thread_id}"
					arg-editLink="{{ $thread.canEditTags() ? link('threads/tags', $thread) : '' }}" />
			</li>
		</xf:if>
	</ul>
</xf:description>

<xf:set var="$fpSnippet" value="{{ snippet($firstPost.message, 0, {'stripBbCode': true}) }}" />

<xf:macro template="metadata_macros" name="metadata"
	arg-description="{$fpSnippet}"
	arg-shareUrl="{{ link('canonical:threads', $thread) }}"
	arg-canonicalUrl="{{ link('canonical:threads', $thread, {'page': $page}) }}" />

<xf:page option="ldJsonHtml">
	<xf:if is="$thread.User.avatar_highdpi">
		<xf:set var="$image">{$thread.User.getAvatarUrl('h', null, true)}</xf:set>
	<xf:elseif is="$thread.User.avatar_date" />
		<xf:set var="$image">{$thread.User.getAvatarUrl('l', null, true)}</xf:set>
	<xf:elseif is="property('publicMetadataLogoUrl')" />
		<xf:set var="$image">{{ base_url(property('publicMetadataLogoUrl'), true) }}</xf:set>
	</xf:if>
	<xf:if is="$image AND property('publicMetadataLogoUrl')">
		<script type="application/ld+json">
		{
			"@context": "https://schema.org",
			"@type": "DiscussionForumPosting",
			"@id": "{{ link('canonical:threads', $thread)|escape('json') }}",
			"headline": "{$thread.title|escape('json')}",
			"articleBody": "{$fpSnippet|escape('json')}",
			"articleSection": "{$thread.Forum.Node.title|escape('json')}",
			"author": {
				"@type": "Person",
				"name": "{{ ($thread.User ? $thread.User.username : $thread.username)|escape('json') }}"
			},
			"datePublished": "{{ date($thread.post_date, 'Y-m-d')|escape('json') }}",
			"dateModified": "{{ date($thread.last_post_date, 'Y-m-d')|escape('json') }}",
			"image": "{$image|escape('json')}",
			"interactionStatistic": {
				"@type": "InteractionCounter",
				"interactionType": "https://schema.org/ReplyAction",
				"userInteractionCount": {$thread.reply_count}
			},
			"publisher": {
				"@type": "Organization",
				"name": "{$xf.options.boardTitle|escape('json')}",
				"logo": {
					"@type": "ImageObject",
					"url": "{{ base_url(property('publicMetadataLogoUrl'), true)|escape('json') }}"
				}
			},
			"mainEntityOfPage": {
				"@type": "WebPage",
				"@id": "{$xf.options.boardUrl}"
			}
		}
		</script>
	</xf:if>
</xf:page>

<!--[XF:content_top]-->

<xf:if is="$pendingApproval">
	<div class="blockMessage blockMessage--important">{{ phrase('content_submitted_displayed_pending_approval') }}</div>
</xf:if>

<xf:macro template="forum_macros" name="forum_page_options" arg-forum="{$forum}" arg-thread="{$thread}" />

<xf:breadcrumb source="$forum.getBreadcrumbs()" />

<xf:if is="$canInlineMod OR $thread.canUseInlineModeration()">
	<xf:js src="xf/inline_mod.js" min="1" />
</xf:if>

<xf:macro template="lightbox_macros" name="setup" arg-canViewAttachments="{$thread.canViewAttachments()}" />

<xf:if is="$poll">
	<xf:macro template="poll_macros" name="poll_block" arg-poll="{$poll}" />
</xf:if>

<xf:ad position="thread_view_above_messages" arg-thread="{$thread}" />
<!--XF:theme_hook:thread_view_above_messages-->
<xf:macro template="nl_theme_hooks" name="thread_view_above_messages" arg-template="{$template}" />
<xf:macro template="nl_helper_macros" name="thread_view_above_messages" arg-template="{$template}" />
<div class="block block--messages" data-xf-init="{{ $canInlineMod ? 'inline-mod' : '' }}" data-type="post" data-href="{{ link('inline-mod') }}">

	<xf:macro name="thread_status" arg-thread="{$thread}" arg-wrapperClass="block-outer" />

	<div class="block-outer"><xf:trim>
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{{ $thread.reply_count + 1 }}"
			link="threads" data="{$thread}"
			wrapperclass="block-outer-main" />
		<xf:if contentcheck="true">
			<div class="block-outer-opposite">
				<div class="buttonGroup">
				<xf:contentcheck>
					<xf:if is="$canInlineMod">
						<xf:macro template="inline_mod_macros" name="button" />
					</xf:if>
					<xf:if is="$thread.discussion_state == 'deleted' AND $thread.canUndelete()">
						<xf:button href="{{ link('threads/undelete', $thread) }}" class="button--link" overlay="true">
							{{ phrase('undelete') }}
						</xf:button>
					</xf:if>
					<xf:if is="$thread.canApproveUnapprove() AND $thread.discussion_state == 'moderated'">
						<xf:button href="{{ link('threads/approve', $thread) }}" class="button--link" overlay="true">
							{{ phrase('approve') }}
						</xf:button>
					</xf:if>
					<xf:if is="$xf.visitor.user_id AND $thread.isUnread()">
						<xf:button href="{{ $firstUnread ? ('#post-' . $firstUnread.post_id) : link('threads/unread', $thread, {'new': 1}) }}"
							class="button--link"
							data-xf-click="scroll-to"
							data-silent="true">
								{{ phrase('jump_to_new') }}
						</xf:button>
					</xf:if>
					<xf:if is="$thread.canWatch()">
						<xf:button href="{{ link('threads/watch', $thread) }}" class="button--link"
							data-xf-click="switch-overlay"
							data-sk-watch="{{ phrase('watch') }}"
							data-sk-unwatch="{{ phrase('unwatch') }}">
							<xf:if is="{$thread.Watch.{$xf.visitor.user_id}}">
								{{ phrase('unwatch') }}
							<xf:else />
								{{ phrase('watch') }}
							</xf:if>
						</xf:button>
					</xf:if>

					<xf:if contentcheck="true">
						<div class="buttonGroup-buttonWrapper">
							<xf:button class="button--link menuTrigger" data-xf-click="menu" aria-expanded="false" aria-haspopup="true" title="{{ phrase('more_options') }}">&#8226;&#8226;&#8226;</xf:button>
							<div class="menu" data-menu="menu" aria-hidden="true">
								<div class="menu-content">
									<h4 class="menu-header">{{ phrase('more_options') }}</h4>
									<xf:contentcheck>
										<!--[XF:thread_tools_menu:top]-->
										<xf:if is="$thread.canEdit()">
											<a href="{{ link('threads/edit', $thread) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('edit_thread') }}</a>
										</xf:if>
										<xf:if is="$thread.canLockUnlock()">
											<a href="{{ link('threads/quick-close', $thread) }}"
												class="menu-linkRow"
												data-xf-click="switch"
												data-menu-closer="true">

												<xf:if is="$thread.discussion_open">
													{{ phrase('lock_thread') }}
												<xf:else />
													{{ phrase('unlock_thread') }}
												</xf:if>
											</a>
										</xf:if>
										<xf:if is="$thread.canStickUnstick()">
											<a href="{{ link('threads/quick-stick', $thread) }}"
												class="menu-linkRow"
												data-xf-click="switch"
												data-menu-closer="true">

												<xf:if is="$thread.sticky">
													{{ phrase('unstick_thread') }}
												<xf:else />
													{{ phrase('stick_thread') }}
												</xf:if>
											</a>
										</xf:if>
										<xf:if is="$thread.canCreatePoll()">
											<a href="{{ link('threads/poll/create', $thread) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('create_poll') }}</a>
										</xf:if>
										<xf:if is="$thread.canDelete('soft')">
											<a href="{{ link('threads/delete', $thread) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('delete_thread') }}</a>
										</xf:if>
										<xf:if is="$thread.canMove()">
											<a href="{{ link('threads/move', $thread) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('move_thread') }}</a>
										</xf:if>
										<xf:if is="$thread.canReplyBan()">
											<a href="{{ link('threads/reply-bans', $thread) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('manage_reply_bans') }}</a>
										</xf:if>
										<xf:if is="$thread.canViewModeratorLogs()">
											<a href="{{ link('threads/moderator-actions', $thread) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('moderator_actions') }}</a>
										</xf:if>
										<!--[XF:thread_tools_menu:before_footer]-->
										<xf:if is="$thread.canUseInlineModeration()">
											<div class="menu-footer"
												data-xf-init="inline-mod"
												data-type="thread"
												data-href="{{ link('inline-mod') }}"
												data-toggle=".js-threadInlineModToggle">
												<xf:checkbox>
													<xf:option class="js-threadInlineModToggle" value="{$thread.thread_id}">{{ phrase('select_for_moderation') }}</xf:option>
												</xf:checkbox>
											</div>
										</xf:if>
										<!--[XF:thread_tools_menu:bottom]-->
									</xf:contentcheck>
								</div>
							</div>
						</div>
					</xf:if>
				</xf:contentcheck>
				</div>
			</div>
		</xf:if>
	</xf:trim></div>

	<div class="block-outer js-threadStatusField"><xf:trim>
		<xf:if contentcheck="true">
			<div class="blockStatus blockStatus--info">
				<xf:contentcheck>
					<xf:macro template="custom_fields_macros" name="custom_fields_view"
						arg-type="threads"
						arg-group="thread_status"
						arg-onlyInclude="{$forum.field_cache}"
						arg-set="{$thread.custom_fields}"
						arg-wrapperClass="blockStatus-message" />
				</xf:contentcheck>
			</div>
		</xf:if>
	</xf:trim></div>

	<div class="block-container lbContainer"
		data-xf-init="lightbox{{ $xf.options.selectQuotable ? ' select-to-quote' : '' }}"
		data-message-selector=".js-post"
		data-lb-id="thread-{$thread.thread_id}"
		data-lb-universal="{$xf.options.lightBoxUniversal}">

		<div class="block-body js-replyNewMessageContainer">
			<xf:foreach loop="$posts" value="$post">
				<xf:if is="$post.message_state == 'deleted'">
					<xf:macro template="post_macros" name="post_deleted"
						arg-post="{$post}"
						arg-thread="{$thread}" />
				<xf:else />
					<xf:macro template="post_macros" name="post"
						arg-post="{$post}"
						arg-thread="{$thread}" />
				</xf:if>
			</xf:foreach>
		</div>
	</div>

	<xf:if contentcheck="true">
		<div class="block-outer block-outer--after">
			<xf:contentcheck>
				<xf:pagenav
					page="{$page}" perpage="{$perPage}" total="{{ $thread.reply_count + 1 }}"
					link="threads" data="{$thread}"
					wrapperclass="block-outer-main" />
				<xf:showignored wrapperclass="block-outer-opposite" />
				<xf:if is="!$thread.canReply() AND $thread.discussion_state == 'visible' AND $thread.discussion_open">
					<div class="block-outer-opposite">
						<xf:if is="$xf.visitor.user_id">
							<span class="button is-disabled">
								{{ phrase('no_permission_to_reply') }}
								<!-- this is not interactive so shouldn't be a button element -->
							</span>
						<xf:else />
							<xf:button href="{{ link('login') }}" class="button--link" overlay="true">
								{{ phrase('log_in_or_register_to_reply') }}
							</xf:button>
						</xf:if>
					</div>
				</xf:if>
			</xf:contentcheck>
		</div>
	</xf:if>

	<xf:macro name="thread_status" arg-thread="{$thread}" arg-wrapperClass="block-outer block-outer--after" />
</div>

<xf:ad position="thread_view_below_messages" arg-thread="{$thread}" />
<!--XF:theme_hook:thread_view_below_messages-->
<xf:macro template="nl_theme_hooks" name="thread_view_below_messages" arg-template="{$template}" />
<xf:macro template="nl_helper_macros" name="thread_view_below_messages" arg-template="{$template}" />
<xf:if is="$thread.canReply()">
	<xf:form action="{{ link('threads/add-reply', $thread) }}"
		ajax="true"
		draft="{{ link('threads/draft', $thread) }}"
		class="block js-quickReply"
		data-xf-init="attachment-manager quick-reply{{ $xf.visitor.isShownCaptcha() ? ' guest-captcha' : '' }}"
		data-message-container="div[data-type='post'] .js-replyNewMessageContainer"
		data-preview-url="{{ link('threads/reply-preview', $thread, {'quick_reply': 1}) }}">

		<xf:js src="xf/message.js" min="1" />
		<xf:set var="$lastPost" value="{$posts|last}" />

		<div class="block-container">
			<div class="block-body">
				<xf:macro template="quick_reply_macros" name="body"
					arg-message="{$thread.draft_reply.message}"
					arg-attachmentData="{$attachmentData}"
					arg-forceHash="{$thread.draft_reply.attachment_hash}"
					arg-messageSelector=".js-post"
					arg-multiQuoteHref="{{ link('threads/multi-quote', $thread) }}"
					arg-multiQuoteStorageKey="multiQuoteThread"
					arg-lastDate="{$lastPost.post_date}"
					arg-lastKnownDate="{$thread.last_post_date}" />
			</div>
		</div>
	</xf:form>
</xf:if>

<div class="blockMessage blockMessage--none">
	<xf:macro template="share_page_macros" name="buttons" arg-iconic="{{ true }}" arg-label="{{ phrase('share:') }}" />
</div>

<xf:macro name="thread_status" arg-thread="!" arg-wrapperClass="">
	<xf:if contentcheck="true">
		<div class="{$wrapperClass}">
			<dl class="blockStatus">
				<dt>{{ phrase('status') }}</dt>
				<xf:contentcheck>
					<xf:if is="$thread.discussion_state == 'deleted'">
						<dd class="blockStatus-message blockStatus-message--deleted">
							<xf:macro template="deletion_macros" name="notice" arg-log="{$thread.DeletionLog}" />
						</dd>
					<xf:elseif is="$thread.discussion_state == 'moderated'" />
						<dd class="blockStatus-message blockStatus-message--moderated">
							{{ phrase('awaiting_approval_before_being_displayed_publicly') }}
						</dd>
					</xf:if>
					<xf:if is="!$thread.discussion_open">
						<dd class="blockStatus-message blockStatus-message--locked">
							{{ phrase('not_open_for_further_replies') }}
						</dd>
					</xf:if>
				</xf:contentcheck>
			</dl>
		</div>
	</xf:if>
</xf:macro>

<xf:widgetpos id="thread_view_sidebar" context-thread="{$thread}" position="sidebar" />]]></template>
    <template title="widget_html" type="public" addon_id="XF" version_id="2010671" version_string="2.1.6 Patch 1"><![CDATA[<xf:if is="!$options.advanced_mode">
	<div class="block">
		<div class="block-container">
			<h3 class="block-minorHeader">{$title}</h3>
			<div class="block-body block-row">
				{$template|raw}
			</div>
		</div>
	</div>
<xf:else />
	<div class="block">
	{$template|raw}
	</div>
</xf:if>]]></template>
    <template title="xfmg_category_container" type="public" addon_id="XFMG" version_id="902010870" version_string="2.1.8"><![CDATA[<xf:title page="{$page}">{$category.title}</xf:title>
<xf:description>{$category.description|raw}</xf:description>

<xf:breadcrumb source="$category.getBreadcrumbs(false)" />

<xf:wrap template="xfmg_gallery_wrapper">
	<xf:set var="$selected" value="{$category.category_id}" />
</xf:wrap>

<xf:if is="$xf.visitor.canAddMedia()">
	<xf:pageaction>
		<xf:button href="{{ link('media/add') }}" class="button--cta" icon="add" data-xf-click="overlay">
			{{ phrase('xfmg_add_media...') }}
		</xf:button>
	</xf:pageaction>
</xf:if>

<xf:if is="$descendentTree AND $descendentTree.count() AND property('xfmgCategoryList') != 'never'">
	<xf:if is="property('nlXFMGUseHorizontalNav') == false">
	<xf:if is="$mediaItems is not empty OR $albums is not empty">
		<div class="blockMessage blockMessage--small blockMessage--highlight">{{ phrase('xfmg_items_displayed_on_page_displayed_from_child_categories') }}</div>
	</xf:if>

	<div class="block">
		<div class="block-container">
			<div class="block-body">
				<xf:macro template="xfmg_category_list_macros" name="category_list"
					arg-children="{$descendentTree}" arg-extras="{$descendentExtras}" />
			</div>
		</div>
	</div>
	</xf:if>
</xf:if>

<xf:if is="$canInlineModAlbums OR $canInlineModMediaItems">
	<xf:js src="xf/inline_mod.js" min="1" />
</xf:if>

<xf:if is="$viewType == 'media'">
	<div class="block" data-xf-init="{{ $canInlineModMediaItems ? 'inline-mod' : '' }}" data-type="xfmg_media" data-href="{{ link('inline-mod') }}">
		<div class="block-outer"><xf:trim>

			<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$totalItems}"
				link="media/categories" data="{$category}" params="{$filters}"
				wrapperclass="block-outer-main" />

			<xf:if contentcheck="true">
				<div class="block-outer-opposite">
					<div class="buttonGroup">
						<xf:contentcheck>
							<xf:if is="$canInlineModMediaItems">
								<xf:macro template="inline_mod_macros" name="button" />
							</xf:if>
							<xf:if is="$xf.visitor.user_id">
								<xf:button href="{{ link('media/categories/mark-viewed', $category, {'date': $xf.time}) }}"
									class="button--link" overlay="true">
									{{ phrase('xfmg_mark_viewed') }}
								</xf:button>
							</xf:if>
						</xf:contentcheck>
					</div>
				</div>
			</xf:if>

		</xf:trim></div>

		<div class="block-container">
			<xf:macro template="xfmg_media_list_macros" name="list_filter_bar"
				arg-filters="{$filters}"
				arg-baseLinkPath="media/categories"
				arg-linkData="{$category}"
				arg-ownerFilter="{$ownerFilter}" />

			<div class="block-body">
				<xf:if is="$mediaItems is not empty">
					<xf:macro template="xfmg_media_list_macros" name="media_list" arg-mediaItems="{$mediaItems}" />
				<xf:elseif is="$filters" />
					<div class="block-row">{{ phrase('xfmg_there_is_no_media_or_albums_matching_your_filters') }}</div>
				<xf:else />
					<div class="block-row">{{ phrase('xfmg_no_media_or_albums_have_been_added_to_this_category_yet') }}</div>
				</xf:if>
			</div>
		</div>

		<div class="block-outer block-outer--after">
			<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$totalItems}" link="media/categories" data="{$category}" wrapperclass="block-outer-main" />
			<xf:showignored wrapperclass="block-outer-opposite" />
		</div>
	</div>
<xf:elseif is="$viewType == 'album'" />
	<div class="block" data-xf-init="{{ $canInlineModAlbums ? 'inline-mod' : '' }}" data-type="xfmg_album" data-href="{{ link('inline-mod') }}">
		<div class="block-outer"><xf:trim>

			<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$totalItems}"
				link="media/categories" data="{$category}" params="{$filters}"
				wrapperclass="block-outer-main" />

			<xf:if contentcheck="true">
				<div class="block-outer-opposite">
					<div class="buttonGroup">
						<xf:contentcheck>
							<xf:if is="$canInlineModAlbums">
								<xf:macro template="inline_mod_macros" name="button" />
							</xf:if>
						</xf:contentcheck>
					</div>
				</div>
			</xf:if>

		</xf:trim></div>

		<div class="block-container">
			<xf:macro template="xfmg_album_list_macros" name="list_filter_bar"
				arg-filters="{$filters}"
				arg-baseLinkPath="media/categories"
				arg-linkData="{$category}"
				arg-ownerFilter="{$ownerFilter}" />

			<div class="block-body">
				<xf:if is="$albums is not empty">
					<xf:macro template="xfmg_album_list_macros" name="album_list" arg-albums="{$albums}" />
				<xf:elseif is="$filters" />
					<div class="block-row">{{ phrase('xfmg_there_is_no_media_or_albums_matching_your_filters') }}</div>
				<xf:else />
					<div class="block-row">{{ phrase('xfmg_no_media_or_albums_have_been_added_to_this_category_yet') }}</div>
				</xf:if>
			</div>
		</div>

		<div class="block-outer block-outer--after">
			<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$totalItems}" link="media/categories" data="{$category}" wrapperclass="block-outer-main" />
			<xf:showignored wrapperclass="block-outer-opposite" />
		</div>
	</div>
</xf:if>]]></template>
    <template title="xfmg_category_list_macros" type="public" addon_id="XFMG" version_id="902010870" version_string="2.1.8"><![CDATA[<xf:macro name="simple_category_list"
	arg-selected="0"
	arg-pathToSelected="{{ [] }}"
	arg-children="!"
	arg-extras="!"
	arg-isActive="{{ false }}"
>
	<ol class="categoryList toggleTarget{{ $isActive ? ' is-active' : '' }}">
		<xf:foreach loop="$children" key="$id" value="$child">
			<xf:macro name="simple_category_list_item"
				arg-selected="{$selected}"
				arg-pathToSelected="{$pathToSelected}"
				arg-category="{$child.record}"
				arg-extras="{$extras.{$id}}"
				arg-children="{$child}"
				arg-childExtras="{$extras}"
			/>
		</xf:foreach>
	</ol>
</xf:macro>

<xf:macro name="simple_category_list_item"
	arg-selected="!"
	arg-pathToSelected="{{ [] }}"
	arg-category="!"
	arg-extras="!"
	arg-children="!"
	arg-childExtras="!"
>
	<xf:set var="$isSelected" value="{{ $category.category_id == $selected }}" />
	<xf:set var="$hasPathToSelected" value="{$pathToSelected.{$category.category_id}}" />
	<xf:set var="$isActive" value="{{ $isSelected OR $hasPathToSelected AND $children is not empty }}" />

	<li class="categoryList-item">
		<div class="categoryList-itemRow">
			<xf:if is="$children is not empty">
				<a class="categoryList-toggler{{ $isActive ? ' is-active' : '' }}"
					data-xf-click="toggle" data-target="< :up :next"
					role="button" tabindex="0" aria-label="{{ phrase('toggle_expanded') }}"
				></a>
			<xf:else />
				<span class="categoryList-togglerSpacer"></span>
			</xf:if>
			<a href="{{ link('media/categories', $category) }}" class="categoryList-link{{ $isSelected ? ' is-selected' : '' }}">
				{$category.title}
			</a>
			<span class="categoryList-label">
				<span class="label label--subtle label--smallest">{$extras.media_count|number_short}</span>
			</span>
		</div>
		<xf:if is="$children is not empty">
			<xf:macro name="simple_category_list"
				arg-selected="{$selected}"
				arg-pathToSelected="{$pathToSelected}"
				arg-children="{$children}"
				arg-extras="{$childExtras}"
				arg-isActive="{$isActive}"
			/>
		</xf:if>
	</li>
</xf:macro>

<xf:macro name="simple_list_block" arg-categoryTree="!" arg-categoryExtras="!" arg-selected="{{ 0 }}">
	<div class="block">
		<div class="block-container">
			<h3 class="block-header">{{ phrase('categories') }}</h3>
			<div class="block-body">
				<xf:if is="$categoryTree.count()">
					<xf:macro name="simple_category_list"
						arg-children="{$categoryTree}"
						arg-extras="{$categoryExtras}"
						arg-isActive="{{ true }}"
						arg-selected="{$selected}"
						arg-pathToSelected="{{ $selected ? $categoryTree.getPathTo($selected) : [] }}" />
				<xf:else />
					<div class="block-row">{{ phrase('n_a') }}</div>
				</xf:if>
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="category_list" arg-children="!" arg-extras="!" arg-chooseName="" arg-bonusInfo="">
	<xf:css src="node_list.less" />

	<xf:foreach loop="$children" key="$id" value="$child">
		<xf:macro name="category"
			arg-category="{$child.record}" arg-extras="{$extras.{$id}}"
			arg-children="{$child.children}" arg-childExtras="{$extras}"
			arg-chooseName="{$chooseName}" arg-bonusInfo="{$bonusInfo}" />
	</xf:foreach>
</xf:macro>

<xf:macro name="category"
	arg-category="!"
	arg-extras="!"
	arg-children="!"
	arg-childExtras="!"
	arg-chooseName=""
	arg-bonusInfo="">
	
	<div class="node node--depth2 node--galleryCategory node--galleryCategory{$category.category_id}">
		<div class="node-body">
			<div class="node-main js-nodeMain">
				<xf:if is="$chooseName">
					<xf:checkbox standalone="true">
						<xf:option labelclass="u-pullRight" class="js-chooseItem" name="{$chooseName}[]" value="{$category.category_id}" />
					</xf:checkbox>
				</xf:if>

				<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
				<h3 class="node-title">
					<a href="{{ link('media/categories', $category) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$category.title}</a>
				</h3>
				<xf:if is="$descriptionDisplay != 'none' AND $category.description">
					<div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$category.description|raw}</div>
				</xf:if>

				<div class="node-meta">
					<div class="node-statsMeta">
						<xf:if is="$extras.album_count">
							<dl class="pairs pairs--inline">
								<dt>{{ phrase('xfmg_albums') }}</dt>
								<dd>{$extras.album_count|number_short}</dd>
							</dl>
						</xf:if>
						<dl class="pairs pairs--inline">
							<dt>{{ phrase('xfmg_media_items') }}</dt>
							<dd>{$extras.media_count|number_short}</dd>
						</dl>
						<dl class="pairs pairs--inline">
							<dt>{{ phrase('xfmg_comments') }}</dt>
							<dd>{$extras.comment_count|number_short}</dd>
						</dl>
					</div>
				</div>

				<xf:if is="$bonusInfo is not empty">
					<div class="node-bonus">{$bonusInfo}</div>
				</xf:if>
			</div>

			<div class="node-stats node-stats--triple">
				<xf:if is="$extras.album_count">
					<dl class="pairs pairs--rows">
						<dt>{{ phrase('xfmg_albums') }}</dt>
						<dd>{$extras.album_count|number_short}</dd>
					</dl>
				<xf:else />
					<dl class="pairs pairs--rows">
						<dt>&nbsp;</dt>
						<dd>&nbsp;</dd>
					</dl>
				</xf:if>
				<dl class="pairs pairs--rows">
					<dt>{{ phrase('xfmg_media_items') }}</dt>
					<dd>{$extras.media_count|number_short}</dd>
				</dl>
				<dl class="pairs pairs--rows">
					<dt>{{ phrase('xfmg_comments') }}</dt>
					<dd>{$extras.comment_count|number_short}</dd>
				</dl>
			</div>
		</div>
	</div>
</xf:macro>

<!-- Nulumia insert -->

<xf:macro name="simple_horizontal_category_list"
	arg-selected="0"
	arg-pathToSelected="{{ [] }}"
	arg-children="!"
	arg-extras="!"
	arg-isActive="{{ false }}"
>
	
	<ul class="nav-horizontal {{ $hasChildren ? ' has-subCategories' : '' }}">
		<xf:foreach loop="$children" key="$id" value="$child">
			<xf:macro name="simple_horizontal_category_list_item"
				arg-selected="{$selected}"
				arg-pathToSelected="{$pathToSelected}"
				arg-category="{$child.record}"
				arg-extras="{$extras.{$id}}"
				arg-children="{$child}"
				arg-childExtras="{$extras}"
			/>
		</xf:foreach>
		<li class="subcategorySpacer"></li>
	</ul>
</xf:macro>

<xf:macro name="simple_horizontal_category_list_item"
	arg-selected="!"
	arg-pathToSelected="{{ [] }}"
	arg-category="!"
	arg-extras="!"
	arg-children="!"
	arg-childExtras="!"
>
	<xf:set var="$isSelected" value="{{ $category.category_id == $selected }}" />
	<xf:set var="$hasPathToSelected" value="{$pathToSelected.{$category.category_id}}" />
	<xf:set var="$isActive" value="{{ $isSelected OR $hasPathToSelected AND $children is not empty }}" />
	<xf:set var="$hasItems" value="{{ $children is not empty }}" />

	<li class="navEl-horizontalItem categoryList-item{{ $isSelected ? ' is-selected' : '' }}{{ $isActive ? ' is-active' : '' }}{{ $hasItems ? ' has-items' : '' }}">
			<a href="{{ link('media/categories', $category) }}" class="button button--link categoryList-link">
				{$category.title}
				<span class="categoryList-label">
					<span class="label label--subtle label--smallest">{$extras.media_count|number_short}</span>
				</span>
			</a>
		<xf:if is="$children is not empty">
			<xf:macro name="simple_horizontal_category_list"
				arg-selected="{$selected}"
				arg-pathToSelected="{$pathToSelected}"
				arg-children="{$children}"
				arg-extras="{$childExtras}"
				arg-isActive="{$isActive}"
			/>
		</xf:if>
	</li>
</xf:macro>]]></template>
    <template title="xfmg_category_view" type="public" addon_id="XFMG" version_id="902010670" version_string="2.1.6"><![CDATA[<xf:title page="{$page}">{$category.title}</xf:title>
<xf:description>{$category.description|raw}</xf:description>

<xf:macro template="xfmg_media_list_macros" name="media_create_message"
	arg-transcoding="{$transcoding}"
	arg-pendingApproval="{$pendingApproval}" />

<xf:macro template="xfmg_page_macros" name="xfmg_page_options" arg-category="{$category}" />

<xf:macro template="metadata_macros" name="canonical_url"
	arg-canonicalUrl="{{ link('canonical:media/categories', $category, {'page': $page}) }}" />

<xf:breadcrumb source="$category.getBreadcrumbs(false)" />

<xf:wrap template="xfmg_gallery_wrapper">
	<xf:set var="$selected" value="{$category.category_id}" />
</xf:wrap>

<xf:if is="$category.canAddMedia()">
	<xf:pageaction>
		<xf:button href="{{ link('media/categories/add', $category) }}" class="button--cta" icon="add">
			{{ $category.category_type == 'album' ? phrase('xfmg_create_album') : phrase('xfmg_add_media') }}
		</xf:button>
	</xf:pageaction>
</xf:if>

<xf:if is="$descendentTree AND $descendentTree.count() AND property('xfmgCategoryList') == 'always'">
	<xf:if is="property('nlXFMGUseHorizontalNav') == false">
	<div class="block">
		<div class="block-container">
			<div class="block-body">
				<xf:macro template="xfmg_category_list_macros" name="category_list"
					arg-children="{$descendentTree}" arg-extras="{$descendentExtras}" />
			</div>
		</div>
	</div>
	</xf:if>
</xf:if>

<xf:if is="$canInlineModAlbums OR $canInlineModMediaItems">
	<xf:js src="xf/inline_mod.js" min="1" />
</xf:if>

<xf:if is="$category.category_type == 'media'">
	<div class="block" data-xf-init="{{ $canInlineModMediaItems ? 'inline-mod' : '' }}" data-type="xfmg_media" data-href="{{ link('inline-mod') }}">
		<div class="block-outer"><xf:trim>

			<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$totalItems}"
				link="media/categories" data="{$category}" params="{$filters}"
				wrapperclass="block-outer-main" />

			<xf:if contentcheck="true">
				<div class="block-outer-opposite">
					<div class="buttonGroup">
						<xf:contentcheck>
							<xf:if is="$canInlineModMediaItems">
								<xf:macro template="inline_mod_macros" name="button" />
							</xf:if>
							<xf:if is="$xf.visitor.user_id">
								<xf:button href="{{ link('media/categories/mark-viewed', $category, {'date': $xf.time}) }}"
									class="button--link" overlay="true">
									{{ phrase('xfmg_mark_viewed') }}
								</xf:button>
							</xf:if>
							<xf:if is="$category.canWatch()">
								<xf:button href="{{ link('media/categories/watch', $category) }}" class="button--link"
									data-xf-click="switch-overlay"
									data-sk-watch="{{ phrase('watch') }}"
									data-sk-unwatch="{{ phrase('unwatch') }}">
									<xf:if is="{$category.Watch.{$xf.visitor.user_id}}">{{ phrase('unwatch') }}<xf:else />{{ phrase('watch') }}</xf:if>
								</xf:button>
							</xf:if>
						</xf:contentcheck>
					</div>
				</div>
			</xf:if>

		</xf:trim></div>

		<div class="block-container">
			<xf:macro template="xfmg_media_list_macros" name="list_filter_bar"
				arg-filters="{$filters}"
				arg-baseLinkPath="media/categories"
				arg-linkData="{$category}"
				arg-ownerFilter="{$ownerFilter}" />

			<div class="block-body">
				<xf:if is="$mediaItems is not empty">
					<xf:macro template="xfmg_media_list_macros" name="media_list" arg-mediaItems="{$mediaItems}" />
					<xf:if is="$showDateLimitDisabler">
						<div class="blockMessage blockMessage--highlight blockMessage--small blockMessage--center">
							<a href="{{ link('media/categories', $category, $filters + {'page': $page, 'no_date_limit': 1}) }}">
								{{ phrase('show_older_items') }}
							</a>
						</div>
					</xf:if>
				<xf:elseif is="$filters" />
					<div class="block-row">{{ phrase('xfmg_there_is_no_media_or_albums_matching_your_filters') }}</div>
				<xf:else />
					<div class="block-row">{{ phrase('xfmg_no_media_or_albums_have_been_added_to_this_category_yet') }}</div>
				</xf:if>
			</div>
		</div>

		<div class="block-outer block-outer--after">
			<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$totalItems}"
				link="media/categories" data="{$category}" params="{$filters}"
				wrapperclass="block-outer-main" />

			<xf:showignored wrapperclass="block-outer-opposite" />
		</div>
	</div>
<xf:elseif is="$category.category_type == 'album'" />
	<div class="block" data-xf-init="{{ $canInlineModAlbums ? 'inline-mod' : '' }}" data-type="xfmg_album" data-href="{{ link('inline-mod') }}">
		<div class="block-outer"><xf:trim>

			<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$totalItems}"
				link="media/categories" data="{$category}" params="{$filters}"
				wrapperclass="block-outer-main" />

			<xf:if contentcheck="true">
				<div class="block-outer-opposite">
					<div class="buttonGroup">
						<xf:contentcheck>
							<xf:if is="$canInlineModAlbums">
								<xf:macro template="inline_mod_macros" name="button" />
							</xf:if>
						</xf:contentcheck>
					</div>
				</div>
			</xf:if>

		</xf:trim></div>

		<div class="block-container">
			<xf:macro template="xfmg_album_list_macros" name="list_filter_bar"
				arg-filters="{$filters}"
				arg-baseLinkPath="media/categories"
				arg-linkData="{$category}"
				arg-ownerFilter="{$ownerFilter}" />

			<div class="block-body">
				<xf:if is="$albums is not empty">
					<xf:macro template="xfmg_album_list_macros" name="album_list" arg-albums="{$albums}" />
				<xf:elseif is="$filters" />
					<div class="block-row">{{ phrase('xfmg_there_is_no_media_or_albums_matching_your_filters') }}</div>
				<xf:else />
					<div class="block-row">{{ phrase('xfmg_no_media_or_albums_have_been_added_to_this_category_yet') }}</div>
				</xf:if>
			</div>
		</div>

		<div class="block-outer block-outer--after">
			<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$totalItems}"
				link="media/categories" data="{$category}" params="{$filters}"
				wrapperclass="block-outer-main" />

			<xf:showignored wrapperclass="block-outer-opposite" />
		</div>
	</div>
</xf:if>]]></template>
    <template title="xfmg_gallery_wrapper" type="public" addon_id="XFMG" version_id="902010870" version_string="2.1.8"><![CDATA[<xf:if is="property('nlXFMGUseHorizontalNav') == true">
	<div class="block block--close">
		<div class="block-body">
			<div id="horizontalNav" class="p-body-horizontalNav ">
				<xf:if is="$categoryTree AND $categoryTree.count()">
					<xf:macro template="xfmg_category_list_macros" name="simple_horizontal_category_list"
						arg-selected="{$selected}"
						arg-pathToSelected="{$categoryTree.getPathTo($selected)}"
						arg-children="{$categoryTree}"
						arg-extras="{$categoryExtras}"
						arg-isActive="{{ true }}" />

				</xf:if>
			</div>
		</div>
	</div>
</xf:if>

{$innerContent|raw}

<xf:page option="sideNavTitle">{{ phrase('navigation') }}</xf:page>

<xf:sidenav key="xfmgSideNav">
	<div class="block">
		<div class="block-container">
			<h3 class="block-header">{{ phrase('navigation') }}</h3>
			<div class="block-body">
				<xf:if is="$categoryTree AND $categoryTree.count()">
					<xf:macro template="xfmg_category_list_macros" name="simple_category_list"
						arg-selected="{$selected}"
						arg-pathToSelected="{$categoryTree.getPathTo($selected)}"
						arg-children="{$categoryTree}"
						arg-extras="{$categoryExtras}"
						arg-isActive="{{ true }}" />

					<hr class="block-separator" />
				</xf:if>
				<xf:if contentcheck="true">
					<xf:contentcheck>
						<xf:if is="$xf.visitor.canViewAlbums() OR $hasAlbumCategories">
							<a href="{{ link('media/albums') }}" class="blockLink{{ $selected == 'browseAlbums' ? ' is-selected' : '' }}">{{ phrase('xfmg_browse_albums') }}</a>
						</xf:if>

						<xf:if is="$xf.visitor.user_id">
							<a href="{{ link('media/users', $xf.visitor) }}" class="blockLink{{ $selected == 'yourMedia' ? ' is-selected' : '' }}">{{ phrase('xfmg_your_media') }}</a>

							<xf:if is="$xf.visitor.canViewAlbums() OR $hasAlbumCategories">
								<a href="{{ link('media/albums/users', $xf.visitor) }}" class="blockLink{{ $selected == 'yourAlbums' ? ' is-selected' : '' }}">{{ phrase('xfmg_your_albums') }}</a>
							</xf:if>
						</xf:if>
					</xf:contentcheck>
				</xf:if>
			</div>
		</div>
	</div>
</xf:sidenav>

<xf:widgetpos id="xfmg_gallery_wrapper_sidenav" position="sidenav" />]]></template>
    <template title="xfmg_media_index" type="public" addon_id="XFMG" version_id="902010870" version_string="2.1.8"><![CDATA[<xf:title page="{$page}">{{ phrase('xfmg_media') }}</xf:title>

<xf:macro template="xfmg_media_list_macros" name="media_create_message"
	arg-transcoding="{$transcoding}"
	arg-pendingApproval="{$pendingApproval}" />

<xf:macro template="xfmg_page_macros" name="xfmg_page_options" />

<xf:macro template="metadata_macros" name="canonical_url"
	arg-canonicalUrl="{{ link('canonical:media', null, {'page': $page}) }}" />

<xf:wrap template="xfmg_gallery_wrapper" />

<xf:if is="$xf.visitor.canAddMedia()">
	<xf:pageaction>
		<xf:button href="{{ link('media/add') }}" class="button--cta" icon="add" data-xf-click="overlay">
			{{ phrase('xfmg_add_media...') }}
		</xf:button>
	</xf:pageaction>
</xf:if>

<xf:if is="$categoryTree AND $categoryTree.count() > 1 AND property('xfmgCategoryList') == 'always'">
	<xf:if is="property('nlXFMGUseHorizontalNav') == false">
	<div class="block">
		<div class="block-container">
			<div class="block-body">
				<xf:macro template="xfmg_category_list_macros" name="category_list"
					arg-children="{$categoryTree}" arg-extras="{$categoryExtras}" />
			</div>
		</div>
	</div>
	</xf:if>
</xf:if>

<xf:if is="$canInlineMod">
	<xf:js src="xf/inline_mod.js" min="1" />
</xf:if>

<div class="block" data-xf-init="{{ $canInlineMod ? 'inline-mod' : '' }}" data-type="xfmg_media" data-href="{{ link('inline-mod') }}">
	<div class="block-outer"><xf:trim>

		<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$totalItems}"
			link="media" params="{$filters}"
			wrapperclass="block-outer-main" />

		<xf:if contentcheck="true">
			<div class="block-outer-opposite">
				<div class="buttonGroup">
					<xf:contentcheck>
						<xf:if is="$canInlineMod">
							<xf:macro template="inline_mod_macros" name="button" />
						</xf:if>
						<xf:if is="$xf.visitor.user_id">
							<xf:button href="{{ link('media/mark-viewed', null, {'date': $xf.time}) }}"
								class="button--link" overlay="true">
								{{ phrase('xfmg_mark_media_viewed') }}
							</xf:button>
						</xf:if>
					</xf:contentcheck>
				</div>
			</div>
		</xf:if>

	</xf:trim></div>

	<div class="block-container">
		<xf:macro template="xfmg_media_list_macros" name="list_filter_bar"
			arg-filters="{$filters}"
			arg-baseLinkPath="media"
			arg-ownerFilter="{$ownerFilter}" />

		<div class="block-body">
			<xf:if is="$mediaItems is not empty">
				<xf:macro template="xfmg_media_list_macros" name="media_list" arg-mediaItems="{$mediaItems}" />
				<xf:if is="$showDateLimitDisabler">
					<div class="blockMessage blockMessage--highlight blockMessage--small blockMessage--center">
						<a href="{{ link('media', null, $filters + {'page': $page, 'no_date_limit': 1}) }}">
							{{ phrase('show_older_items') }}
						</a>
					</div>
				</xf:if>
			<xf:elseif is="$filters" />
				<div class="block-row">{{ phrase('xfmg_there_is_no_media_matching_your_filters') }}</div>
			<xf:else />
				<div class="block-row">{{ phrase('xfmg_no_media_has_been_added_yet') }}</div>
			</xf:if>
		</div>
	</div>

	<div class="block-outer block-outer--after">
		<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$totalItems}"
			link="media" params="{$filters}"
			wrapperclass="block-outer-main" />

		<xf:showignored wrapperclass="block-outer-opposite" />
	</div>
</div>]]></template>
    <template title="xfmg_media_view" type="public" addon_id="XFMG" version_id="902010870" version_string="2.1.8"><![CDATA[<xf:title>{$mediaItem.title}</xf:title>
<xf:h1 hidden="true" />

<xf:css src="xfmg_media_view.less" />
<xf:js prod="xfmg/image_noter-compiled.js" dev="xfmg/vendor/cropper/cropper.js, xfmg/image_noter.js" />

<xf:macro template="xfmg_page_macros" name="xfmg_page_options" arg-album="{$mediaItem.Album}" arg-category="{$mediaItem.Category}" arg-mediaItem="{$mediaItem}" />

<xf:set var="$descSnippet" value="{{ snippet($mediaItem.description, 250) }}" />

<xf:macro template="metadata_macros" name="metadata"
	arg-description="{$descSnippet}"
	arg-shareUrl="{{ link('canonical:media', $mediaItem) }}"
	arg-imageUrl="{$mediaItem.getCurrentThumbnailUrl(true)}"
	arg-canonicalUrl="{{ link('canonical:media', $mediaItem, {'page': $page}) }}" />

<xf:page option="ldJsonHtml">
<script type="application/ld+json">
{$mediaItem.structured_data|json(true)|raw}
</script>
</xf:page>

<xf:breadcrumb source="$mediaItem.getBreadcrumbs(false)" />

<xf:macro template="xfmg_media_view_macros" name="media_status" arg-mediaItem="{$mediaItem}" />

<div class="media">
	<xf:if is="$filmStripParams.prevItem">
		<a href="{{ link('media', $filmStripParams.prevItem) }}" class="media-button media-button--prev" data-xf-key="ArrowLeft"><i class="media-button-icon"></i></a>
	</xf:if>

	<div class="media-container"
		data-xf-init="{{ ($mediaItem.media_type == 'image') ? 'image-noter' : '' }}"
		data-toggle-id="#js-noterToggle"
		data-edit-url="{{ link('media/note-edit', $mediaItem) }}">

		<xf:macro template="xfmg_media_view_macros" name="media_content" arg-mediaItem="{$mediaItem}" arg-mediaNotes="{$mediaNotes}" />
	</div>

	<xf:if is="$filmStripParams.nextItem">
		<a href="{{ link('media', $filmStripParams.nextItem) }}" class="media-button media-button--next" data-xf-key="ArrowRight"><i class="media-button-icon"></i></a>
	</xf:if>
</div>

<div class="block js-mediaInfoBlock">
	<xf:macro template="xfmg_media_view_macros" name="media_film_strip" arg-mediaItem="{$mediaItem}" arg-filmStripParams="{$filmStripParams}" />

	<div class="block-container">
		<div class="block-body block-row xfmgInfoBlock">
			<div class="xfmgInfoBlock-title">
				<div class="contentRow contentRow--alignMiddle">
					<span class="contentRow-figure">
						<xf:avatar user="$mediaItem.User" size="s" defaultname="{$mediaItem.username}" />
					</span>
					<div class="contentRow-main">
						<h1 class="contentRow-title p-title-value"><xf:h1 /></h1>
						<div class="contentRow-lesser p-description">
							<ul class="listInline listInline--bullet">
								<li><xf:fa icon="fa-user" title="{{ phrase('xfmg_media_owner')|for_attr }}" /> <xf:username user="{$mediaItem.User}" defaultname="{$mediaItem.username}" class="u-concealed" /></li>
								<li><xf:fa icon="fa-clock" title="{{ phrase('xfmg_date_added')|for_attr }}" /> <xf:date time="{$mediaItem.media_date}" /></li>
								<xf:if is="$xf.options.enableTagging AND ($mediaItem.canEditTags() OR $mediaItem.tags)">
									<li>
										<xf:macro template="tag_macros" name="list"
											arg-tags="{$mediaItem.tags}"
											arg-tagList="tagList--mediaItem-{$mediaItem.media_id}"
											arg-editLink="{{ $mediaItem.canEditTags() ? link('media/tags', $mediaItem) : '' }}" />
									</li>
								</xf:if>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<xf:if is="$mediaItem.description">
				<div class="xfmgInfoBlock-description">
					<xf:if is="property('nlXFMGItemDescMode') == 'expand'">
					<div class="bbCodeBlock bbCodeBlock--expandable">
						<div class="bbCodeBlock-content">
							<div class="bbCodeBlock-expandContent">
								{{ structured_text($mediaItem.description) }}
							</div>
							<div class="bbCodeBlock-expandLink"><a>{{ phrase('click_to_expand') }}</a></div>
						</div>
					</div>
					<xf:else />
						{{ structured_text($mediaItem.description) }}
					</xf:if>
				</div>
			</xf:if>

			<xf:macro template="custom_fields_macros" name="custom_fields_view"
				arg-type="xfmgMediaFields"
				arg-group="below_media"
				arg-onlyInclude="{{ $mediaItem.category_id ? $mediaItem.Category.field_cache : $mediaItem.Album.field_cache }}"
				arg-set="{$mediaItem.custom_fields}" />

			<xf:if contentcheck="true">
				<div class="actionBar">
					<xf:contentcheck>
						<xf:if contentcheck="true">
							<div class="actionBar-set actionBar-set--external">
								<xf:contentcheck>
									<xf:react content="{$mediaItem}" link="media/react" list="< .js-mediaInfoBlock | .js-reactionsList" />
								</xf:contentcheck>
							</div>
						</xf:if>

						<xf:if contentcheck="true">
							<div class="actionBar-set actionBar-set--internal">
								<xf:contentcheck>
									<xf:if is="$mediaItem.canReport()">
										<a href="{{ link('media/report', $mediaItem) }}"
											class="actionBar-action actionBar-action--report"
											data-xf-click="overlay">{{ phrase('report_verb') }}</a>
									</xf:if>

									<xf:set var="$hasActionBarMenu" value="{{ false }}" />
									<xf:if is="$mediaItem.canEdit()">
										<a href="{{ link('media/edit', $mediaItem) }}"
											class="actionBar-action actionBar-action--edit actionBar-action--menuItem"
											data-xf-click="overlay">{{ phrase('edit') }}</a>
										<xf:set var="$hasActionBarMenu" value="{{ true }}" />
									</xf:if>
									<xf:if is="$mediaItem.canDelete()">
										<a href="{{ link('media/delete', $mediaItem) }}"
											class="actionBar-action actionBar-action--delete actionBar-action--menuItem"
											data-xf-click="overlay">{{ phrase('delete') }}</a>
										<xf:set var="$hasActionBarMenu" value="{{ true }}" />
									</xf:if>
									<xf:if is="$mediaItem.canCleanSpam()">
										<a href="{{ link('spam-cleaner', $mediaItem) }}"
											class="actionBar-action actionBar-action--spam actionBar-action--menuItem"
											data-xf-click="overlay">{{ phrase('spam') }}</a>
										<xf:set var="$hasActionBarMenu" value="{{ true }}" />
									</xf:if>
									<xf:if is="$xf.visitor.canViewIps() AND $mediaItem.ip_id">
										<a href="{{ link('media/ip', $mediaItem) }}"
											class="actionBar-action actionBar-action--ip actionBar-action--menuItem"
											data-xf-click="overlay">{{ phrase('ip') }}</a>
										<xf:set var="$hasActionBarMenu" value="{{ true }}" />
									</xf:if>
									<xf:if is="$mediaItem.canWarn()">
										<a href="{{ link('media/warn', $mediaItem) }}"
											class="actionBar-action actionBar-action--warn actionBar-action--menuItem">{{ phrase('warn') }}</a>
										<xf:set var="$hasActionBarMenu" value="{{ true }}" />
									<xf:elseif is="$mediaItem.warning_id AND $xf.visitor.canViewWarnings()" />
										<a href="{{ link('warnings', {'warning_id': $mediaItem.warning_id}) }}"
											class="actionBar-action actionBar-action--warn actionBar-action--menuItem"
											data-xf-click="overlay">{{ phrase('view_warning') }}</a>
										<xf:set var="$hasActionBarMenu" value="{{ true }}" />
									</xf:if>

									<xf:if is="$hasActionBarMenu">
										<a class="actionBar-action actionBar-action--menuTrigger"
											data-xf-click="menu"
											title="{{ phrase('more_options')|for_attr }}"
											role="button"
											tabindex="0"
											aria-expanded="false"
											aria-haspopup="true">&#8226;&#8226;&#8226;</a>

										<div class="menu" data-menu="menu" aria-hidden="true" data-menu-builder="actionBar">
											<div class="menu-content">
												<h4 class="menu-header">{{ phrase('more_options') }}</h4>
												<div class="js-menuBuilderTarget"></div>
											</div>
										</div>
									</xf:if>
								</xf:contentcheck>
							</div>
						</xf:if>
					</xf:contentcheck>
				</div>
			</xf:if>

			<div class="reactionsBar js-reactionsList {{ $mediaItem.reactions ? 'is-active' : '' }}">
				<xf:reactions content="{$mediaItem}" link="media/reactions" />
			</div>
		</div>
	</div>

	<div class="block-outer block-outer--after">
		<xf:if contentcheck="true">
			<div class="block-outer-opposite">
				<xf:contentcheck>
					<xf:if is="$mediaItem.canRate()">
						<xf:button href="{{ link('media/media-ratings/rate', $mediaItem) }}" overlay="true">
							{{ phrase('leave_rating') }}
						</xf:button>
					</xf:if>

					<xf:if is="$mediaItem.canAddNote()">
						<xf:button id="js-noterToggle" class="button--icon"
							data-active-label="{{ phrase('xfmg_stop_adding_note_tag') }}"
							data-active-icon="cancel"
							data-active-message="{{ phrase('xfmg_note_tag_mode_activated') }}"
							data-inactive-label="{{ phrase('xfmg_add_note_tag') }}"
							data-inactive-icon=""
							data-inactive-message="{{ phrase('xfmg_note_tag_mode_deactivated') }}">

							{{ phrase('xfmg_add_note_tag') }}
						</xf:button>
					</xf:if>

					<xf:if contentcheck="true">
						<div class="buttonGroup">
							<xf:contentcheck>
								<xf:if is="$mediaItem.canUndelete() AND $mediaItem.media_state == 'deleted'">
									<xf:button href="{{ link('media/undelete', $mediaItem) }}" class="button--link" overlay="true">
										{{ phrase('undelete') }}
									</xf:button>
								</xf:if>
								<xf:if is="$mediaItem.canApproveUnapprove() AND $mediaItem.media_state == 'moderated'">
									<xf:button href="{{ link('media/approve', $mediaItem) }}" class="button--link" overlay="true">
										{{ phrase('approve') }}
									</xf:button>
								</xf:if>
								<xf:if is="$mediaItem.canWatch()">
									<xf:button href="{{ link('media/watch', $mediaItem) }}" class="button--link"
										data-xf-click="switch-overlay"
										data-sk-watch="{{ phrase('watch') }}"
										data-sk-unwatch="{{ phrase('unwatch') }}">

										<xf:if is="{$mediaItem.Watch.{$xf.visitor.user_id}}">
											{{ phrase('unwatch') }}
										<xf:else />
											{{ phrase('watch') }}
										</xf:if>
									</xf:button>
								</xf:if>
								<xf:macro template="bookmark_macros" name="button"
									arg-content="{$mediaItem}"
									arg-confirmUrl="{{ link('media/bookmark', $mediaItem) }}" />

								<xf:if contentcheck="true">
									<div class="buttonGroup-buttonWrapper">
										<xf:button class="button--link menuTrigger" data-xf-click="menu" aria-expanded="false" aria-haspopup="true" title="{{ phrase('more_options') }}">&#8226;&#8226;&#8226;</xf:button>
										<div class="menu" data-menu="menu" aria-hidden="true">
											<div class="menu-content">
												<h4 class="menu-header">{{ phrase('more_options') }}</h4>
												<xf:contentcheck>
													<!--[XF:media_tools_menu:top]-->
													<xf:if is="$mediaItem.canSetAsAvatar()">
														<a href="{{ link('media/set-as-avatar', $mediaItem) }}" data-xf-click="overlay" class="menu-linkRow">
															{{ phrase('xfmg_set_as_avatar') }}
														</a>
														<xf:if is="$avatarUpdated">
															<a href="{{ link('account/avatar') }}" data-xf-click="overlay" data-load-auto-click="true" style="display: none"></a>
														</xf:if>
													</xf:if>
													<xf:if is="$mediaItem.canEdit()">
														<a href="{{ link('media/edit', $mediaItem) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('xfmg_edit_media_item') }}</a>
													</xf:if>
													<xf:if is="$mediaItem.canEditImage()">
														<a href="{{ link('media/edit-image', $mediaItem) }}" class="menu-linkRow">{{ phrase('xfmg_edit_image') }}</a>
													</xf:if>
													<xf:if is="$mediaItem.canChangeThumbnail()">
														<a href="{{ link('media/change-thumbnail', $mediaItem) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('xfmg_change_thumbnail') }}</a>
													</xf:if>
													<xf:if is="$mediaItem.canMove()">
														<a href="{{ link('media/move', $mediaItem) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('xfmg_move_media_item') }}</a>
													</xf:if>
													<xf:if is="$mediaItem.canDelete('soft')">
														<a href="{{ link('media/delete', $mediaItem) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('xfmg_delete_media_item') }}</a>
													</xf:if>
													<xf:if is="$mediaItem.canViewModeratorLogs()">
														<a href="{{ link('media/moderator-actions', $mediaItem) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('moderator_actions') }}</a>
													</xf:if>
													<!--[XF:media_tools_menu:before_footer]-->
													<xf:if is="$mediaItem.canUseInlineModeration()">
														<xf:js src="xf/inline_mod.js" min="1" />

														<div class="menu-footer"
															 data-xf-init="inline-mod"
															 data-type="xfmg_media"
															 data-href="{{ link('inline-mod') }}"
															 data-toggle=".js-mediaInlineModToggle">
															<xf:checkbox>
																<xf:option class="js-mediaInlineModToggle" value="{$mediaItem.media_id}">{{ phrase('select_for_moderation') }}</xf:option>
															</xf:checkbox>
														</div>
													</xf:if>
													<!--[XF:media_tools_menu:bottom]-->
												</xf:contentcheck>
											</div>
										</div>
									</div>
								</xf:if>
							</xf:contentcheck>
						</div>
					</xf:if>
				</xf:contentcheck>
			</div>
		</xf:if>
	</div>
</div>

<xf:if is="$mediaItem.canViewComments()">
	<div class="columnContainer">
		<div class="columnContainer-comments">
			<xf:macro template="xfmg_comment_macros" name="comment_list"
				arg-comments="{$comments}"
				arg-content="{$mediaItem}"
				arg-linkPrefix="media/media-comments"
				arg-link="media"
				arg-page="{$page}"
				arg-perPage="{$perPage}"
				arg-totalItems="{$totalItems}"
				arg-canInlineMod="{$canInlineModComments}" />
		</div>

		<div class="columnContainer-sidebar">
			<xf:macro template="xfmg_media_view_macros" name="info_sidebar" arg-mediaItem="{$mediaItem}" />

			<xf:macro template="xfmg_media_view_macros" name="extra_info_sidebar" arg-mediaItem="{$mediaItem}" />

			<xf:macro template="xfmg_media_view_macros" name="additional_sidebar" arg-mediaItem="{$mediaItem}" />

			<xf:macro template="xfmg_media_view_macros" name="exif_sidebar" arg-mediaItem="{$mediaItem}" />

			<xf:macro template="xfmg_media_view_macros" name="user_tags_sidebar" arg-mediaNotes="{$mediaNotes}" />

			<xf:macro template="xfmg_media_view_macros" name="share_sidebar" arg-mediaItem="{$mediaItem}" />
		</div>
	</div>
<xf:else />
	<xf:sidebar key="infoSidebar">
		<xf:macro template="xfmg_media_view_macros" name="info_sidebar" arg-mediaItem="{$mediaItem}" />
	</xf:sidebar>
	<xf:sidebar key="extraInfoSidebar">
		<xf:macro template="xfmg_media_view_macros" name="extra_info_sidebar" arg-mediaItem="{$mediaItem}" />
	</xf:sidebar>
	<xf:sidebar key="additionalSidebar">
		<xf:macro template="xfmg_media_view_macros" name="additional_sidebar" arg-mediaItem="{$mediaItem}" />
	</xf:sidebar>
	<xf:sidebar key="exifSidebar">
		<xf:macro template="xfmg_media_view_macros" name="exif_sidebar" arg-mediaItem="{$mediaItem}" />
	</xf:sidebar>
	<xf:sidebar key="userTagsSidebar">
		<xf:macro template="xfmg_media_view_macros" name="user_tags_sidebar" arg-mediaNotes="{$mediaNotes}" />
	</xf:sidebar>
	<xf:sidebar key="shareSidebar">
		<xf:macro template="xfmg_media_view_macros" name="share_sidebar" arg-mediaItem="{$mediaItem}" />
	</xf:sidebar>
</xf:if>]]></template>
    <template title="xfmg_media_view_macros" type="public" addon_id="XFMG" version_id="902010870" version_string="2.1.8"><![CDATA[<xf:macro name="media_status" arg-mediaItem="!">
	<xf:if contentcheck="true">
		<div class="block">
			<div class="block-outer">
				<dl class="blockStatus">
					<dt>{{ phrase('status') }}</dt>
					<xf:contentcheck>
						<xf:if is="$mediaItem.album_id AND $mediaItem.Album AND $mediaItem.Album.album_state == 'deleted'">
							<dd class="blockStatus-message blockStatus-message--deleted">
								{{ phrase('xfmg_media_item_is_contained_within_deleted_album') }}
								<xf:macro template="deletion_macros" name="notice" arg-log="{$mediaItem.Album.DeletionLog}" />
							</dd>
						</xf:if>
						<xf:if is="$mediaItem.media_state == 'deleted'">
							<dd class="blockStatus-message blockStatus-message--deleted">
								{{ phrase('xfmg_media_item_is_deleted') }}
								<xf:macro template="deletion_macros" name="notice" arg-log="{$mediaItem.DeletionLog}" />
							</dd>
						<xf:elseif is="$mediaItem.media_state == 'moderated'" />
							<dd class="blockStatus-message blockStatus-message--moderated">
								{{ phrase('awaiting_approval_before_being_displayed_publicly') }}
							</dd>
						</xf:if>
						<xf:if is="$mediaItem.warning_message">
							<dd class="blockStatus-message blockStatus-message--warning">
								{$mediaItem.warning_message}
							</dd>
						</xf:if>
						<xf:if is="$mediaItem.isIgnored()">
							<dd class="blockStatus-message blockStatus-message--ignored">
								{{ phrase('you_are_ignoring_content_by_this_member') }}
							</dd>
						</xf:if>
					</xf:contentcheck>
				</dl>
			</div>
		</div>
	</xf:if>
</xf:macro>

<xf:macro name="media_content" arg-mediaItem="!" arg-mediaNotes="{{ [] }}" arg-linkMedia="{{ false }}">
	<xf:if is="$mediaItem.media_type == 'image'">
		<div class="media-container-image js-mediaContainerImage">
			<xf:foreach loop="$mediaNotes" value="$note">
				<xf:macro name="note_view" arg-mediaItem="{$mediaItem}" arg-note="{$note}" />
			</xf:foreach>
			<xf:set var="$imageHtml">
				<img src="{{ link('media/full', $mediaItem, {'d': $mediaItem.last_edit_date ?: null}) }}" alt="{$mediaItem.title}" class="js-mediaImage" />
			</xf:set>
			<xf:if is="$linkMedia">
				<a href="{{ link('media', $mediaItem) }}">{$imageHtml|raw}</a>
			<xf:else />
				{$imageHtml|raw}
			</xf:if>
			<div class="media-hover-container">
				<div class="zoom-container">
					<i class="fas fa-search-plus"></i>
				</div>
				<xf:if is="property('nlAddPinterestSaveButtons') == true AND property('nlPinterestSaveXFMG') == true">
					<xf:macro template="nl_social_macros" name="pinterest_save" />
				</xf:if>
			</div>
		</div>
	<xf:elseif is="$mediaItem.media_type == 'video'" />
		<xf:macro template="videojs_macros" name="setup" />

		<div class="bbMediaWrapper">
			<div class="bbMediaWrapper-inner">
				<video data-xf-init="video-player"
					data-player-setup="{$mediaItem.player_setup|json}"
					class="video-js vjs-default-skin vjs-big-play-centered vjs-16-9">

					<source src="{$mediaItem.getVideoUrl()}" type="video/mp4" />
				</video>
			</div>
		</div>
	<xf:elseif is="$mediaItem.media_type == 'audio'" />
		<xf:macro template="videojs_macros" name="setup" />

		<xf:set var="$audioItem">
			<audio data-xf-init="video-player"
				data-player-setup="{$mediaItem.player_setup|json}"
				class="video-js vjs-default-skin vjs-big-play-centered bbMediaWrapper-fallback">

				<source src="{$mediaItem.getAudioUrl()}" type="audio/mpeg" />
			</audio>
		</xf:set>

		<xf:if is="$mediaItem.thumbnail_date">
			<div class="bbMediaWrapper">
				<div class="bbMediaWrapper-inner bbMediaWrapper-inner--thumbnail">
					{$audioItem|raw}
				</div>
			</div>
		<xf:else />
			{$audioItem|raw}
		</xf:if>
	<xf:elseif is="$mediaItem.media_type == 'embed'" />
		{{ bb_code($mediaItem.media_tag, 'xfmg_media', $mediaItem) }}
	</xf:if>
</xf:macro>

<xf:macro name="media_film_strip" arg-mediaItem="!" arg-filmStripParams="!">
	<xf:if is="$filmStripParams.mediaItems is not empty">
		<xf:js src="xfmg/film_strip.js" min="1" />
		<xf:css src="xfmg_media_list.less" />

		<div class="block-outer">
			<div class="block-outer-middle">
				<div class="itemList itemList--strip js-filmStrip">
					<a data-xf-click="inserter" data-replace=".js-filmStrip"
						href="{{ link('media/film-strip-jump', $mediaItem, {'direction': 'prev', 'jump_from_id': $filmStripParams.firstItem.media_id}) }}"
						rel="nofollow"
						class="js-filmStrip-button itemList-button itemList-button--prev{{ !$filmStripParams.hasPrev ? ' is-disabled' : '' }}">

						<i class="itemList-button-icon"></i>
					</a>

					<xf:foreach loop="$filmStripParams.mediaItems" value="$item">
						<div class="js-filmStrip-item itemList-item">
							<a href="{{ link('media', $item) }}">
								{{ xfmg_thumbnail($item, 'xfmgThumbnail--fluid xfmgThumbnail--iconSmallest' . ($item.media_id == $mediaItem.media_id ? ' is-selected': ''), true) }}
							</a>
						</div>
					</xf:foreach>

					<a data-xf-click="inserter" data-replace=".js-filmStrip"
						href="{{ link('media/film-strip-jump', $mediaItem, {'direction': 'next', 'jump_from_id': $filmStripParams.lastItem.media_id}) }}"
						rel="nofollow"
						class="js-filmStrip-button itemList-button itemList-button--next{{ !$filmStripParams.hasNext ? ' is-disabled' : '' }}">

						<i class="itemList-button-icon"></i>
					</a>
				</div>
			</div>
		</div>
	</xf:if>
</xf:macro>

<xf:macro name="media_film_strip_placeholders" arg-count="!">
	<xf:if is="$count">
		<xf:foreach loop="{{ range(1, $count) }}" value="$null">
			<div class="js-filmStrip-item itemList-item itemList-item--placeholder">
				<img src="{{ transparent_img() }}" />
			</div>
		</xf:foreach>
	</xf:if>
</xf:macro>

<xf:macro name="note_view" arg-mediaItem="!" arg-note="!">
	<div class="mediaNote js-mediaNote"
		data-note-data="{$note.note_data|json}"
		data-note-id="{$note.note_id}"></div>
	<div class="mediaNote-tooltip js-mediaNoteTooltip{$note.note_id}">
		<div class="noteTooltip-row">
			<xf:if is="$note.note_type == 'note'">
				{{ structured_text($note.note_text) }}
			<xf:elseif is="$note.note_type == 'user_tag'" />
				<div class="contentRow contentRow--alignMiddle">
					<div class="contentRow-figure">
						<xf:avatar user="$note.TaggedUser" defaultname="{$note.username}" size="xs" />
					</div>
					<div class="contentRow-main contentRow-main--close">
						<xf:username user="$note.TaggedUser" defaultname="{$note.username}" rich="true" />
						<xf:if is="$note.TaggedUser">
							<div class="contentRow-minor">
								<xf:usertitle user="$note.TaggedUser" />
							</div>
						</xf:if>
					</div>
				</div>
			</xf:if>
		</div>
		<div class="noteTooltip-footer noteTooltip-footer--smallest">
			<ul class="listInline listInline--bullet">
				<li><xf:fa icon="fa-user" title="{{ phrase('xfmg_note_by')|for_attr }}" /> <xf:username user="{$note.User}" defaultname="{$note.username}" class="u-concealed" /></li>
				<xf:if is="$note.canApproveReject()">
					<li>
						<xf:fa icon="fa-check" title="{{ phrase('approve')|for_attr }}" />
						<a href="{{ link('media/note-approve', $mediaItem, {'note_id': $note.note_id, 't': csrf_token()}) }}"
							class="u-concealed">
							{{ phrase('approve') }}
						</a>
					</li>
					<li>
						<xf:fa icon="fa-times" title="{{ phrase('reject')|for_attr }}" />
						<a href="{{ link('media/note-reject', $mediaItem, {'note_id': $note.note_id, 't': csrf_token()}) }}"
							class="u-concealed">
							{{ phrase('reject') }}
						</a>
					</li>
				<xf:elseif is="$note.canEdit()" />
					<li><xf:fa icon="fa-pencil" title="{{ phrase('edit')|for_attr }}" /> <a href="javascript:" class="u-concealed js-mediaNoteTooltipEdit">{{ phrase('edit') }}</a></li>
				</xf:if>
			</ul>
		</div>
	</div>
</xf:macro>

<xf:macro name="info_sidebar" arg-mediaItem="!">
	<div class="block">
		<div class="block-container">
			<h3 class="block-minorHeader">{{ phrase('xfmg_media_information') }}</h3>
			<div class="block-body block-row">
				<xf:if is="$mediaItem.Category">
					<dl class="pairs pairs--justified">
						<dt>{{ phrase('xfmg_category') }}</dt>
						<dd><a href="{{ link('media/categories', $mediaItem.Category) }}">{$mediaItem.Category.title}</a></dd>
					</dl>
				</xf:if>
				<xf:if is="$mediaItem.Album">
					<dl class="pairs pairs--justified">
						<dt>{{ phrase('xfmg_album') }}</dt>
						<dd><a href="{{ link('media/albums', $mediaItem.Album) }}">{$mediaItem.Album.title}</a></dd>
					</dl>
				</xf:if>

				<dl class="pairs pairs--justified">
					<dt>{{ phrase('xfmg_added_by') }}</dt>
					<dd><xf:username user="{$mediaItem.User}" defaultname="{$mediaItem.username}" /></dd>
				</dl>

				<dl class="pairs pairs--justified">
					<dt>{{ phrase('xfmg_date_added') }}</dt>
					<dd><xf:date time="{$mediaItem.media_date}" /></dd>
				</dl>

				<dl class="pairs pairs--justified">
					<dt>{{ phrase('xfmg_view_count') }}</dt>
					<dd>{$mediaItem.view_count|number}</dd>
				</dl>

				<dl class="pairs pairs--justified">
					<dt>{{ phrase('xfmg_comment_count') }}</dt>
					<dd>{$mediaItem.comment_count|number}</dd>
				</dl>

				<dl class="pairs pairs--justified">
					<dt>{{ phrase('rating') }}</dt>
					<dd>
						<xf:macro template="rating_macros" name="stars_text"
							arg-rating="{$mediaItem.rating_avg}"
							arg-count="{$mediaItem.rating_count}"
							arg-rowClass="ratingStarsRow--textBlock" />
					</dd>
				</dl>

				<xf:macro template="custom_fields_macros" name="custom_fields_view"
					arg-type="xfmgMediaFields"
					arg-group="below_info"
					arg-onlyInclude="{{ $mediaItem.category_id ? $mediaItem.Category.field_cache : $mediaItem.Album.field_cache }}"
					arg-set="{$mediaItem.custom_fields}"
					arg-valueClass="pairs pairs--justified" />
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="extra_info_sidebar" arg-mediaItem="!">
	<xf:if contentcheck="true">
		<div class="block">
			<div class="block-container">
				<h3 class="block-minorHeader">{{ phrase('xfmg_extra_information') }}</h3>
				<div class="block-body block-row">
					<xf:contentcheck>
						<xf:macro template="custom_fields_macros" name="custom_fields_view"
							arg-type="xfmgMediaFields"
							arg-group="extra_info_sidebar_block"
							arg-onlyInclude="{{ $mediaItem.category_id ? $mediaItem.Category.field_cache : $mediaItem.Album.field_cache }}"
							arg-set="{$mediaItem.custom_fields}"
							arg-valueClass="pairs pairs--justified" />
					</xf:contentcheck>
				</div>
			</div>
		</div>
	</xf:if>
</xf:macro>

<xf:macro name="additional_sidebar" arg-mediaItem="!">
	<xf:if contentcheck="true">
		<xf:contentcheck>
			<xf:foreach loop="$mediaItem.getExtraFieldBlocks()" key="$fieldId" value="$definition">
				<xf:if is="$definition.hasValue({$mediaItem.custom_fields.{$fieldId}})">
					<div class="block">
						<div class="block-container">
							<h3 class="block-minorHeader">{$definition.title}</h3>
							<div class="block-body block-row">
								<xf:macro template="custom_fields_macros" name="custom_field_value"
									arg-definition="{$definition}"
									arg-value="{$mediaItem.custom_fields.{$fieldId}}" />
							</div>
						</div>
					</div>
				</xf:if>
			</xf:foreach>
		</xf:contentcheck>
	</xf:if>
</xf:macro>

<xf:macro name="exif_sidebar" arg-mediaItem="!">
	<xf:if is="$mediaItem.exif_data">
		<xf:if contentcheck="true">
			<div class="block">
				<div class="block-container">
					<h3 class="block-minorHeader">{{ phrase('xfmg_image_metadata') }}</h3>
					<div class="block-body block-row">
						<xf:contentcheck>
							<xf:if is="$mediaItem.exif.device">
								<dl class="pairs pairs--justified">
									<dt>{{ phrase('xfmg_exif.device') }}</dt>
									<dd>
										{$mediaItem.exif.device}
									</dd>
								</dl>
							</xf:if>
							<xf:if is="$mediaItem.exif.aperture">
								<dl class="pairs pairs--justified">
									<dt>{{ phrase('xfmg_exif.aperture') }}</dt>
									<dd>
										{$mediaItem.exif.aperture}
									</dd>
								</dl>
							</xf:if>
							<xf:if is="$mediaItem.exif.focal">
								<dl class="pairs pairs--justified">
									<dt>{{ phrase('xfmg_exif.focal') }}</dt>
									<dd>
										{$mediaItem.exif.focal}
									</dd>
								</dl>
							</xf:if>
							<xf:if is="$mediaItem.exif.exposure">
								<dl class="pairs pairs--justified">
									<dt>{{ phrase('xfmg_exif.exposure') }}</dt>
									<dd>
										{$mediaItem.exif.exposure}
									</dd>
								</dl>
							</xf:if>
							<xf:if is="$mediaItem.exif.iso">
								<dl class="pairs pairs--justified">
									<dt>{{ phrase('xfmg_exif.iso') }}</dt>
									<dd>
										{$mediaItem.exif.iso}
									</dd>
								</dl>
							</xf:if>
							<xf:if is="$mediaItem.exif.flash">
								<dl class="pairs pairs--justified">
									<dt>{{ phrase('xfmg_exif.flash') }}</dt>
									<dd>
										{$mediaItem.exif.flash}
									</dd>
								</dl>
							</xf:if>
							<xf:if is="$mediaItem.exif.FileName">
								<dl class="pairs pairs--justified">
									<dt>{{ phrase('xfmg_exif.filename') }}</dt>
									<dd>
										{$mediaItem.Attachment.Data.filename}
									</dd>
								</dl>
							</xf:if>
							<xf:if is="$mediaItem.exif.file_size">
								<dl class="pairs pairs--justified">
									<dt>{{ phrase('xfmg_exif.file_size') }}</dt>
									<dd>
										{$mediaItem.exif.file_size}
									</dd>
								</dl>
							</xf:if>
							<xf:if is="$mediaItem.exif.date_taken">
								<dl class="pairs pairs--justified">
									<dt>{{ phrase('xfmg_exif.date_taken') }}</dt>
									<dd>
										{$mediaItem.exif.date_taken}
									</dd>
								</dl>
							</xf:if>
							<xf:if is="$mediaItem.exif.dimensions">
								<dl class="pairs pairs--justified">
									<dt>{{ phrase('xfmg_exif.dimensions') }}</dt>
									<dd>
										{$mediaItem.exif.dimensions}
									</dd>
								</dl>
							</xf:if>
						</xf:contentcheck>
					</div>
				</div>
			</div>
		</xf:if>
	</xf:if>
</xf:macro>

<xf:macro name="user_tags_sidebar" arg-mediaNotes="!">
	<xf:if contentcheck="true">
		<div class="block">
			<div class="block-container">
				<h3 class="block-minorHeader">{{ phrase('xfmg_tagged_in_this_image...') }}</h3>
				<div class="block-body">
					<xf:contentcheck>
						<xf:foreach loop="$mediaNotes" value="$note">
							<xf:if is="$note.note_type == 'user_tag' AND $note.tag_state == 'approved'">
								<li class="block-row">
									<div class="contentRow">
										<div class="contentRow-figure">
											<xf:avatar user="$note.TaggedUser" defaultname="{$note.username}" size="xs" />
										</div>
										<div class="contentRow-main contentRow-main--close">
											<xf:username user="$note.TaggedUser" defaultname="{$note.username}" rich="true" />
											<div class="contentRow-minor">
												<xf:usertitle user="$note.TaggedUser" />
											</div>
										</div>
									</div>
								</li>
							</xf:if>
						</xf:foreach>
					</xf:contentcheck>
				</div>
			</div>
		</div>
	</xf:if>
</xf:macro>

<xf:macro name="share_sidebar" arg-mediaItem="!">
	<xf:if contentcheck="true">
		<div class="block">
			<div class="block-container">
				<xf:contentcheck>
					<xf:if contentcheck="true">
						<h3 class="block-minorHeader">{{ phrase('xfmg_share_this_media') }}</h3>
						<div class="block-body block-row block-row--separated">
							<xf:contentcheck>
								<xf:macro template="share_page_macros" name="buttons"
									arg-iconic="{{ true }}" />
							</xf:contentcheck>
						</div>
					</xf:if>
					<xf:if contentcheck="true">
						<div class="block-body block-row block-row--separated">
							<xf:contentcheck>
								<xf:if is="$mediaItem.media_type == 'image'">
									<xf:macro template="share_page_macros" name="share_clipboard_input"
										arg-label="{{ phrase('xfmg_copy_image_link') }}"
										arg-text="{{ link('canonical:media/full', $mediaItem) }}"
										arg-successText="{{ phrase('link_copied_to_clipboard') }}" />

									<xf:macro template="share_page_macros" name="share_clipboard_input"
										arg-label="{{ phrase('xfmg_copy_image_bb_code') }}"
										arg-text="[IMG]{{ link('canonical:media/full', $mediaItem) }}[/IMG]" />
									<xf:elseif is="$mediaItem.media_type == 'embed'" />
									<xf:macro template="share_page_macros" name="share_clipboard_input"
										arg-label="{{ phrase('xfmg_copy_media_bb_code') }}"
										arg-text="{$mediaItem.media_tag}" />
								</xf:if>

								<xf:if is="$mediaItem.thumbnail_date">
									<xf:macro template="share_page_macros" name="share_clipboard_input"
										arg-label="{{ phrase('xfmg_copy_url_bb_code_with_thumbnail') }}"
										arg-text="[URL=&quot;{{ link('canonical:media', $mediaItem) }}&quot;][IMG]{$mediaItem.getThumbnailUrl(true)}[/IMG][/URL]" />
								</xf:if>

								<xf:macro template="share_page_macros" name="share_clipboard_input"
									arg-label="{{ phrase('xfmg_copy_gallery_bb_code') }}"
									arg-text="[GALLERY=media, {$mediaItem.media_id}][/GALLERY]" />
							</xf:contentcheck>
						</div>
					</xf:if>
				</xf:contentcheck>
			</div>
		</div>
	</xf:if>
</xf:macro>]]></template>
    <template title="xfrm_resource_list_macros" type="public" addon_id="XFRM" version_id="2010570" version_string="2.1.5"><![CDATA[<xf:macro name="resource"
	arg-filterPrefix="{{ false }}"
	arg-resource="!"
	arg-category="{{ null }}"
	arg-showWatched="{{ true }}"
	arg-allowInlineMod="{{ true }}"
	arg-chooseName=""
	arg-extraInfo="">

	<xf:css src="structured_list.less" />
	<xf:css src="xfrm.less" />

	<div class="structItem structItem--resource {{ $resource.prefix_id ? 'is-prefix' . $resource.prefix_id : '' }} {{ $resource.isIgnored() ? 'is-ignored' : '' }}{{ $resource.resource_state == 'moderated' ? 'is-moderated' : '' }}{{ $resource.resource_state == 'deleted' ? 'is-deleted' : '' }} js-inlineModContainer js-resourceListItem-{$resource.resource_id}" data-author="{{ $resource.User.username ?: $resource.username }}">
		<div class="structItem-cell structItem-cell--icon structItem-cell--iconExpanded">
			<div class="structItem-iconContainer">
				<xf:if is="$xf.options.xfrmAllowIcons">
					{{ resource_icon($resource, 's', link('resources', $resource)) }}
					<xf:avatar user="$resource.User" size="s"
						href=""
						class="avatar--separated structItem-secondaryIcon" />
				<xf:else />
					<xf:avatar user="$resource.User" size="s" defaultname="{$resource.username}" />
				</xf:if>
			</div>
		</div>
		<div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
			<xf:if contentcheck="true">
				<ul class="structItem-statuses">
				<xf:contentcheck>
					<xf:if is="$resource.Featured">
						<li>
							<i class="structItem-status structItem-status--attention" aria-hidden="true" title="{{ phrase('xfrm_featured')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('xfrm_featured') }}</span>
						</li>
					</xf:if>
					<xf:if is="$resource.resource_state == 'moderated'">
						<li>
							<i class="structItem-status structItem-status--moderated" aria-hidden="true" title="{{ phrase('awaiting_approval')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('awaiting_approval') }}</span>
						</li>
					</xf:if>
					<xf:if is="$resource.resource_state == 'deleted'">
						<li>
							<i class="structItem-status structItem-status--deleted" aria-hidden="true" title="{{ phrase('deleted')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('deleted') }}</span>
						</li>
					</xf:if>
					<xf:if is="{$showWatched} AND {$xf.visitor.user_id}">
						<xf:if is="{$resource.Watch.{$xf.visitor.user_id}}">
							<li>
								<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('xfrm_resource_watched')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('xfrm_resource_watched') }}</span>
							</li>
						<xf:elseif is="!$category AND {$resource.Category.Watch.{$xf.visitor.user_id}}" />
							<li>
								<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('xfrm_category_watched')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('xfrm_category_watched') }}</span>
							</li>
						</xf:if>
					</xf:if>
				</xf:contentcheck>
				</ul>
			</xf:if>

			<div class="structItem-title">
				<xf:if is="$resource.prefix_id">
					<xf:if is="$category">
						<a href="{{ link('resources/categories', $category, {'prefix_id': $resource.prefix_id}) }}" class="labelLink" rel="nofollow">{{ prefix('resource', $resource, 'html', '') }}</a>
					<xf:else />
						<xf:if is="$filterPrefix">
							<a href="{{ link('resources', null, {'prefix_id': $resource.prefix_id}) }}" class="labelLink" rel="nofollow">{{ prefix('resource', $resource, 'html', '') }}</a>
						<xf:else />
							{{ prefix('resource', $resource, 'html', '') }}
						</xf:if>
					</xf:if>
				</xf:if>
				<a href="{{ link('resources', $resource) }}" class="" data-tp-primary="on">{$resource.title}</a>
				<xf:if is="$resource.isVersioned()">
					<span class="u-muted">{$resource.CurrentVersion.version_string}</span>
				</xf:if>
				<xf:if is="$resource.isExternalPurchasable()">
					<span class="label label--primary label--smallest">{$resource.price|currency($resource.currency)}</span>
				</xf:if>
			</div>

			<div class="structItem-minor">
				<xf:if contentcheck="true">
					<ul class="structItem-extraInfo">
					<xf:contentcheck>
						<xf:if is="{$extraInfo}">
							<li>{$extraInfo}</li>
						</xf:if>
						<xf:if is="$chooseName">
							<li><xf:checkbox standalone="true">
								<xf:option name="{$chooseName}[]" value="{$resource.resource_id}" class="js-chooseItem" />
							</xf:checkbox></li>
						<xf:elseif is="$allowInlineMod AND $resource.canUseInlineModeration()" />
							<li><xf:checkbox standalone="true"><xf:option value="{$resource.resource_id}"
								class="js-inlineModToggle"
								data-xf-init="tooltip" title="{{ phrase('select_for_moderation') }}" /></xf:checkbox></li>
						</xf:if>
					</xf:contentcheck>
					</ul>
				</xf:if>

				<xf:if is="$resource.resource_state == 'deleted'">
					<xf:macro template="deletion_macros" name="notice" arg-log="{$resource.DeletionLog}" />
				<xf:else />
					<ul class="structItem-parts">
						<li><xf:username user="$resource.User" defaultname="{$resource.username}" /></li>
						<li class="structItem-startDate"><a href="{{ link('resources', $resource) }}" rel="nofollow"><xf:date time="{$resource.resource_date}" /></a></li>
						<xf:if is="!$category OR $category.hasChildren()">
							<li><a href="{{ link('resources/categories', $resource.Category) }}">{$resource.Category.title}</a></li>
						</xf:if>
					</ul>
				</xf:if>
			</div>

			<xf:if is="$resource.resource_state != 'deleted'">
				<div class="structItem-resourceTagLine">{$resource.tag_line}</div>
			</xf:if>
		</div>
		<div class="structItem-cell structItem-cell--resourceMeta">
			<div class="structItem-metaItem  structItem-metaItem--rating">
				<xf:macro template="rating_macros" name="stars_text"
					arg-rating="{$resource.rating_avg}"
					arg-count="{$resource.rating_count}"
					arg-rowClass="ratingStarsRow--justified"
					arg-starsClass="ratingStars--large" />
			</div>

			<xf:if is="$resource.isDownloadable()">
				<dl class="pairs pairs--justified structItem-minor structItem-metaItem structItem-metaItem--downloads">
					<dt>{{ phrase('xfrm_downloads') }}</dt>
					<dd>{$resource.download_count|number}</dd>
				</dl>
			</xf:if>
			<dl class="pairs pairs--justified structItem-minor structItem-metaItem structItem-metaItem--lastUpdate">
				<dt>{{ phrase('updated') }}</dt>
				<dd><a href="{{ link('resources/updates', $resource) }}" class="u-concealed"><xf:date time="{$resource.last_update}" /></a></dd>
			</dl>
		</div>
	</div>
</xf:macro>

<xf:macro name="resource_simple" arg-resource="!" arg-withMeta="{{ true }}">
	<div class="contentRow">
		<div class="contentRow-figure">
			<xf:if is="$xf.options.xfrmAllowIcons">
				{{ resource_icon($resource, 'xxs', link('resources', $resource)) }}
			<xf:else />
				<xf:avatar user="$resource.User" size="xxs" />
			</xf:if>
		</div>
		<div class="contentRow-main contentRow-main--close">
			<a href="{{ link('resources', $resource) }}">{{ prefix('resource', $resource) }}{$resource.title}</a>
			<div class="contentRow-lesser">{$resource.tag_line}</div>
			<xf:if is="$withMeta">
				<div class="contentRow-minor contentRow-minor--smaller">
					<ul class="listInline listInline--bullet">
						<li>{{ $resource.User.username ?: $resource.username }}</li>
						<li>{{ phrase('updated:') }} <xf:date time="{$resource.last_update}" /></li>
					</ul>
				</div>
			</xf:if>
		</div>
	</div>
</xf:macro>]]></template>
    <template title="znl_loader.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[{{ include('nl_base.less') }}
{{ include('nl_pro.less') }}
{{ include('nl_mod.less') }}
{{ include('nl_custom_bbcodes.less') }}
{{ include('nl_flexslider.less') }}
{{ include('nl_flexcolumns.less') }}
{{ include('nl_ticker.less') }}
{{ include('nl_nodes.less') }}
{{ include('nl_style.less') }}
{{ include('nl_page_layouts.less') }}
{{ include('nl_theme_effects.less') }}]]></template>
  </templates>
  <properties>
    <group group_name="nlThemeSettings" title="[Nulumia] Theme Settings" description="Set basic theme options, manage license keys, header &amp; footer scripts" display_order="40" addon_id=""/>
    <group group_name="nlBackgroundSettings" title="[Nulumia] Background Settings" description="Settings for custom backgrounds, video &amp; slideshow backgrounds, floating layouts, etc" display_order="41" addon_id=""/>
    <group group_name="nlFeaturedContent" title="[Nulumia] Featured Content" description="Settings for the featured content slider" display_order="42" addon_id=""/>
    <group group_name="nlTickerSettings" title="[Nulumia] Ticker" description="Settings for the CSS scrolling ticker system" display_order="43" addon_id=""/>
    <group group_name="nlNodeSettings" title="[Nulumia] Node Grid &amp; Backgrounds" description="Settings for the flexible node grid, set custom node background images and more" display_order="44" addon_id=""/>
    <group group_name="nlThreadGridSettings" title="[Nulumia] Discussion Grid" description="Settings for the thread &amp; discussion grid" display_order="45" addon_id=""/>
    <group group_name="nlSidebarSettings" title="[Nulumia] Sidebar Settings" description="Settings for the sidebar" display_order="45" addon_id=""/>
    <group group_name="nlLogoIconSliderSettings" title="[Nulumia] Logo Icon Carousel" description="Display Partner, Featured or Sponsor logos in a carousel slider" display_order="46" addon_id=""/>
    <group group_name="nlSliderSettings" title="[Nulumia] Slider" description="Add up to 10 slides in the built in slideshow feature" display_order="47" addon_id=""/>
    <group group_name="nlHeaderSettings" title="[Nulumia] Header &amp; Navigation" description="Settings for the top bar, text based logo, navigation &amp; visitor tabs, etc" display_order="48" addon_id=""/>
    <group group_name="nlFooterSettings" title="[Nulumia] Advanced Footer" description="Settings for the advanced footer. Set content for columns, rows and blocks." display_order="49" addon_id=""/>
    <group group_name="nlSocialLinks" title="[Nulumia] Social Settings" description="Social Media &amp; Share settings for Nulumia themes" display_order="50" addon_id=""/>
    <group group_name="nlThemeEffects" title="[Nulumia] Theme Effects &amp; Animation" description="Configure various theme effects, import external Jquery libraries, etc" display_order="51" addon_id=""/>
    <group group_name="nlAddonCompatibilitySettings" title="[Nulumia] Addon Compatibility" description="Contains style tweaks for various popular addons. Can help matching addon appearance to your Nulumia theme, in other cases can extend style features when not preset in the addons themselves." display_order="52" addon_id=""/>
    <group group_name="nlPageLayouts" title="[Nulumia] Page Layouts" description="(Currently Inactive) Settings for custom node based pages, page builder settings etc" display_order="53" addon_id=""/>
    <group group_name="nlUXSettings" title="[Nulumia] UX Settings" description="Styles for miscellaneous user interface elements, such as drop shadows, dot controls, buttons, select inputs, etc" display_order="53" addon_id=""/>
    <group group_name="nlSlideNavigationSettings" title="Mobile slide navigation" description="" display_order="710" addon_id=""/>
    <group group_name="nlBreadcrumbSettings" title="Breadcrumb" description="" display_order="900" addon_id=""/>
    <group group_name="nlSidebarGroup" title="Sidebar" description="Styles for the Xenforo sidebar and sidenav" display_order="1000" addon_id=""/>
    <group group_name="nlPageNavigation" title="Page navigation" description="Settings for the page nav link groups" display_order="1000" addon_id=""/>
    <group group_name="nlStructuredItemLists" title="Discussion/thread list" description="" display_order="2001" addon_id=""/>
    <group group_name="nlResourceManager" title="Resource Manager" description="Styles for the Resource Manager" display_order="2700" addon_id=""/>
    <group group_name="nlRMMP" title="RM Marketplace" description="Styles for the [XFA] RM Marketplace Addon" display_order="9999" addon_id=""/>
    <group group_name="nlNotices" title="Notices" description="" display_order="20000" addon_id=""/>
    <group group_name="nlHelperSettings" title="Nulumia Helper Settings" description="Developer settings for Nulumia themes" display_order="20000" addon_id=""/>
    <property property_name="EWRporta_masonry" group_name="EWRporta" title="Enable masonry grid" description="" property_type="value" value_type="boolean" depends_on="" value_group="masonry" display_order="2000" addon_id="EWR/Porta">
      <value>1</value>
    </property>
    <property property_name="ThreadNotice_Icon" group_name="xd_ThreadNotice" title="Notice Block Icon Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="20" addon_id="XENTR/ThreadNotice">
      <value>"@xf-linkHoverColor"</value>
    </property>
    <property property_name="ThreadNotice_Status" group_name="xd_ThreadNotice" title="Thread Status Title Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="10" addon_id="XENTR/ThreadNotice">
      <value>"@xf-linkHoverColor"</value>
    </property>
    <property property_name="_nlBreadcrumbItemArrowInner" group_name="nlHelperSettings" title="Item arrow, inner (Deprecated)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="110" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "border-style: solid;\nborder-color: transparent;\nborder-top-width: (@xf-nlBreadcrumbHeight/2);\nborder-right: 1px none black;\nborder-bottom-width: (@xf-nlBreadcrumbHeight/2);\nborder-left-width: 14px;\nborder-left-color: @xf-nlBreadcrumbItem--background-color;\ndisplay: block;\nposition: absolute;\nleft: -15px;\ntop: -(@xf-nlBreadcrumbHeight/2);\nz-index: 51;\nwhite-space: nowrap;\noverflow: hidden;\ntext-indent: 9999px;\nwidth: 0px;\nheight: 0px;"
}</value>
    </property>
    <property property_name="_nlBreadcrumbItemArrowOuter" group_name="nlHelperSettings" title="Item arrow, outer (Deprecated)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "border-style: solid;\nborder-color: transparent;\nborder-top-width: (@xf-nlBreadcrumbHeight/2);\nborder-right: 1px none black;\nborder-bottom-width: (@xf-nlBreadcrumbHeight/2);\nborder-left-width: @xf-nlXF1BreadcrumbArrowWidth;\nborder-left-color: @xf-borderColorHeavy;\ndisplay: block;\nposition: absolute;\nright: -15px;\ntop: 0px;\nz-index: 50;\nwidth: 0px;\nheight: 0px;"
}</value>
    </property>
    <property property_name="at_ni_indicator_type" group_name="at_ni_group" title="Indicator Type" description="" property_type="value" value_type="radio" depends_on="" value_group="" display_order="0" addon_id="AnzahTools/NewIndicator">
      <value_parameters>text={{ phrase('at_ni_text') }}
label={{ phrase('at_ni_label') }}
both={{ phrase('at_ni_both') }}
none={{ phrase('none') }}</value_parameters>
      <value>"none"</value>
    </property>
    <property property_name="at_ni_label" group_name="at_ni_group" title="New Indicator Label" description="Styles the new node indicator if enabled." property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,border_radius,padding,extra" addon_id="AnzahTools/NewIndicator">
      <value>{
    "font-size": "11px",
    "color": "#fff",
    "background-color": "@xf-paletteAccent2",
    "border-radius": "@xf-borderRadiusMedium",
    "padding-top": "3px",
    "padding-right": "6px",
    "padding-bottom": "3px",
    "padding-left": "6px",
    "extra": "content: \"NEW\";\ndisplay: inline-block;\nmargin-left: 5px;\nposition: relative;\ntop: -2px;"
}</value>
    </property>
    <property property_name="badge" group_name="misc" title="Badge" description="Badges appear to indicate a number if items requiring attention, such as unread messages in your inbox" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,border_radius,extra" addon_id="XF">
      <value>{
    "font-size": "11px",
    "color": "@xf-paletteColor1",
    "background-color": "@xf-element1",
    "border-radius": "@xf-borderRadiusSmall",
    "extra": "padding: 4px 5px"
}</value>
    </property>
    <property property_name="badgeHighlighted" group_name="misc" title="Badge - highlighted" description="Highlighted badges grab the viewer's attention more and tend to indicate new items to be reviewed" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "color": "white",
    "background-color": "@xf-element1"
}</value>
    </property>
    <property property_name="bbCodeBlockTitle" group_name="bbCode" title="BB code blocks - title" description="Styles the title section of BB code blocks within messages" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-textColorAttention",
    "background-color": "@xf-neutralLight4",
    "border-bottom-width": "1px",
    "border-bottom-color": "@xf-paletteColor4"
}</value>
    </property>
    <property property_name="blockBorder" group_name="block" title="Block border framework" description="Virtually all blocks have their borders styled with these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="border,extra" addon_id="XF">
      <value>{
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor"
}</value>
    </property>
    <property property_name="blockBorderRadius" group_name="block" title="Block border radius" description="Controls the size of the curve on block border corners" property_type="value" value_type="unit" depends_on="" value_group="borderRadius" display_order="1000" addon_id="XF">
      <value>"@xf-borderRadiusMedium"</value>
    </property>
    <property property_name="blockFilterBar" group_name="block" title="Block filter bar" description="When the content of a block can be filtered, the controls to do so are styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20800" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-majorHeadingTextColor",
    "background-color": "@xf-majorHeadingBg",
    "background-image": "@xf-nlMGHeadingStripImage",
    "border-width": "1px",
    "border-color": "@xf-majorHeadingBorderColor",
    "extra": "padding: 10px 8px;\nborder-radius: @xf-borderRadiusMedium @xf-borderRadiusMedium 0;\nbackground-size: 100% 100%;"
}</value>
    </property>
    <property property_name="blockFooter" group_name="block" title="Block footer" description="When information needs to be conveyed in a footer element for a block, its style is controlled here" property_type="css" value_type="" depends_on="" value_group="" display_order="21200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmallest",
    "color": "@xf-textColorMuted",
    "background-color": "@xf-contentAltBg",
    "border-width": "1px",
    "border-color": "#000",
    "border-bottom-color": "@xf-paletteColor3",
    "extra": "background: linear-gradient(#595959 0%, #3a3a3a 49%, #2f2f2f 50%, #151515 100%);\nmin-height: 16px;\nclear: both;\nborder-radius: 0 0 6px 6px;\npadding: @xf-paddingSmall;"
}</value>
    </property>
    <property property_name="blockFooterHeight" group_name="block" title="Block footer height (optional)" description="Used optionally to assign a fixed height to block footers. Can be referenced via CSS" property_type="value" value_type="unit" depends_on="" value_group="" display_order="500" addon_id="">
      <value>""</value>
    </property>
    <property property_name="blockHeadPaddingH" group_name="block" title="Block head padding horizontal" description="" property_type="value" value_type="unit" depends_on="" value_group="" display_order="300" addon_id="">
      <value>"10px"</value>
    </property>
    <property property_name="blockHeadPaddingV" group_name="block" title="Block head padding vertical" description="" property_type="value" value_type="unit" depends_on="" value_group="" display_order="400" addon_id="">
      <value>"14px"</value>
    </property>
    <property property_name="blockHeader" group_name="block" title="Block header" description="Blocks often have title bars at their tops, which are styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-majorHeadingTextColor",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-majorHeadingBg",
    "background-image": "@xf-nlMGHeadingStripImage",
    "border-width": "1px",
    "border-color": "@xf-majorHeadingBorderColor",
    "extra": "margin: 0;\nbackground-size: 100% 100%;\nborder-radius: @xf-borderRadiusMedium @xf-borderRadiusMedium 0;"
}</value>
    </property>
    <property property_name="blockLink" group_name="misc" title="Block link" description="Some links are displayed as small blocks such as choices in a popup menu, and their background will highlight when hovered" property_type="css" value_type="" depends_on="" value_group="" display_order="20900" css_components="text,background,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "text-decoration": "none",
    "extra": "cursor: pointer;\npadding: 0 @xf-paddingLarge;\nheight: @xf-nlBlockLinkHeight;\nline-height: @xf-nlBlockLinkHeight;\nbackground: linear-gradient(#f2f2f2,#fff,#f2f2f2);\nbackground-size: 100% 100%;\ntransition: .2s all;"
}</value>
    </property>
    <property property_name="blockLinkExtended" group_name="misc" title="Block link (extended)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20950" css_components="border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding" addon_id="">
      <value>{
    "border-top-width": "1px",
    "border-top-color": "#fff",
    "border-bottom-width": "1px",
    "border-bottom-color": "#c7c7c7"
}</value>
    </property>
    <property property_name="blockLinkSelected" group_name="misc" title="Block link - selected" description="Styling for block-type links when in their selected state" property_type="css" value_type="" depends_on="" value_group="" display_order="21000" css_components="text,background,border_width_simple,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkHoverColor",
    "extra": "padding-left: 16px;\nbackground-size: 100% 150%;"
}</value>
    </property>
    <property property_name="blockLinkSelectedExtended" group_name="misc" title="Block link - selected (extended)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="21100" css_components="border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-left-width": "4px",
    "border-left-color": "@xf-paletteColor3"
}</value>
    </property>
    <property property_name="blockMinorHeader" group_name="block" title="Block minor header" description="Sub-headings in blocks use these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "@xf-minorHeadingTextColor",
    "font-weight": "@xf-fontWeightHeavy",
    "border-bottom-width": "1px",
    "border-bottom-color": "@xf-borderColorHeavy"
}</value>
    </property>
    <property property_name="blockMinorTabHeader" group_name="block" title="Block minor tab header" description="Used for multi-part, tabbed sub-headings" property_type="css" value_type="" depends_on="" value_group="" display_order="20500" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentAltBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColorHeavy"
}</value>
    </property>
    <property property_name="blockMinorTabHeaderSelected" group_name="block" title="Block minor tab header - selected tab" description="Selected tabs from block sub-headings" property_type="css" value_type="" depends_on="" value_group="" display_order="20600" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkHoverColor",
    "background-color": "@xf-contentHighlightBg",
    "border-color": "@xf-borderColorHeavy"
}</value>
    </property>
    <property property_name="blockPaddingH" group_name="block" title="Block padding horizontal" description="The horizontal space between the edges of a block and its content" property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="100" addon_id="XF">
      <value>"@xf-contentPadding"</value>
    </property>
    <property property_name="blockPaddingV" group_name="block" title="Block padding vertical" description="The vertical space between a block's content and its edges" property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="200" addon_id="XF">
      <value>"@xf-contentPadding"</value>
    </property>
    <property property_name="blockTabHeader" group_name="block" title="Block tab header" description="Occasionally, blocks will have multi-part, tab headers, styled with these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-blockTabHeaderTextColor",
    "background-color": "@xf-blockTabHeaderBg",
    "extra": ".m-darkGradient();"
}</value>
    </property>
    <property property_name="blockTabHeaderBg" group_name="color" title="Block tab header background color" description="" property_type="value" value_type="color" depends_on="" value_group="blockTabHeader" display_order="6500" addon_id="XF">
      <value>"#323232"</value>
    </property>
    <property property_name="blockTabHeaderSelected" group_name="block" title="Block tab header - selected tab" description="The selected tab in multi-part headers takes additional styling from here" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-majorHeadingTextColor",
    "background-color": "@xf-majorHeadingBg",
    "background-image": "@xf-nlMGHeadingStripImage",
    "border-color": "@xf-pageBg",
    "extra": "background-size: 100% 100%;"
}</value>
    </property>
    <property property_name="blockTabHeaderTextColor" group_name="color" title="Block tab header text color" description="" property_type="value" value_type="color" depends_on="" value_group="blockTabHeader" display_order="6600" addon_id="XF">
      <value>"@xf-textColorMuted"</value>
    </property>
    <property property_name="blockTextHeader" group_name="block" title="Block text header" description="Text headers are used for subtle identification of content areas, without changing the background style or color" property_type="css" value_type="" depends_on="" value_group="" display_order="20700" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-textColorFeature"
}</value>
    </property>
    <property property_name="borderColor" group_name="color" title="Border color" description="Structural borders around blocks of content generally use this color" property_type="value" value_type="color" depends_on="" value_group="borderBasic" display_order="4000" addon_id="XF">
      <value>"@xf-paletteNeutral2"</value>
    </property>
    <property property_name="borderColorAccentContent" group_name="color" title="Accent content border color" description="" property_type="value" value_type="color" depends_on="" value_group="borderOther" display_order="5200" addon_id="XF">
      <value>"@xf-paletteColor3"</value>
    </property>
    <property property_name="borderColorAttention" group_name="color" title="Attention-grabbing border color" description="" property_type="value" value_type="color" depends_on="" value_group="borderOther" display_order="5300" addon_id="XF">
      <value>"@xf-paletteColor3"</value>
    </property>
    <property property_name="borderColorFaint" group_name="color" title="Faint border color" description="" property_type="value" value_type="color" depends_on="" value_group="borderBasic" display_order="4100" addon_id="XF">
      <value>"xf-diminish(@xf-borderColor, 4%)"</value>
    </property>
    <property property_name="borderColorHeavy" group_name="color" title="Heavy border color" description="" property_type="value" value_type="color" depends_on="" value_group="borderBasic" display_order="4300" addon_id="XF">
      <value>"xf-intensify(@xf-borderColor, 6%)"</value>
    </property>
    <property property_name="borderColorHighlight" group_name="color" title="Highlight border color" description="" property_type="value" value_type="color" depends_on="" value_group="borderOther" display_order="5000" addon_id="XF">
      <value>"@xf-paletteColor3"</value>
    </property>
    <property property_name="borderColorLight" group_name="color" title="Light border color" description="" property_type="value" value_type="color" depends_on="" value_group="borderBasic" display_order="4200" addon_id="XF">
      <value>"xf-diminish(@xf-borderColor, 8%)"</value>
    </property>
    <property property_name="borderRadiusLarge" group_name="borderSpacing" title="Large border radius" description="" property_type="value" value_type="unit" depends_on="" value_group="borderRadius" display_order="1200" addon_id="XF">
      <value>"5px"</value>
    </property>
    <property property_name="borderSizeFeature" group_name="borderSpacing" title="Feature border size" description="" property_type="value" value_type="unit" depends_on="" value_group="borderSize" display_order="200" addon_id="XF">
      <value>"4px"</value>
    </property>
    <property property_name="borderSizeMinorFeature" group_name="borderSpacing" title="Minor feature border size" description="" property_type="value" value_type="unit" depends_on="" value_group="borderSize" display_order="300" addon_id="XF">
      <value>"2px"</value>
    </property>
    <property property_name="buttonBase" group_name="button" title="Button base" description="Defines the styling for the basic elements that are common to all text-based buttons" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,border_radius,padding,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "border-radius": "@xf-borderRadiusMedium",
    "padding-top": "@xf-buttonPaddingV",
    "padding-right": "@xf-buttonPaddingH",
    "padding-bottom": "@xf-buttonPaddingV",
    "padding-left": "@xf-buttonPaddingH",
    "extra": "text-align: center;"
}</value>
    </property>
    <property property_name="buttonBg" group_name="color" title="Default button background color" description="" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="8200" addon_id="XF">
      <value>"@xf-element1"</value>
    </property>
    <property property_name="buttonCta" group_name="button" title="Button - call to action" description="Call to action buttons sit alone and invite the user to do something, like post a new thread" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-buttonTextColor",
    "background-color": "@xf-buttonCtaBg"
}</value>
    </property>
    <property property_name="buttonCtaBg" group_name="color" title="Call-to-action button background" description="" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="8400" addon_id="XF">
      <value>"@xf-element1"</value>
    </property>
    <property property_name="buttonDefault" group_name="button" title="Button - default" description="Most buttons use this styling, except for primary form submit buttons" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-buttonTextColor",
    "background-color": "@xf-buttonBg"
}</value>
    </property>
    <property property_name="buttonHeight" group_name="button" title="Button - height" description="Enter a value for use when styling buttons with height &amp; line-height, instead of padding. Note that you will need to enter this value within the extra LESS fields below." property_type="value" value_type="unit" depends_on="" value_group="values" display_order="120" addon_id="">
      <value>"34px"</value>
    </property>
    <property property_name="buttonPaddingH" group_name="button" title="Button padding - horizontal" description="" property_type="value" value_type="unit" depends_on="" value_group="values" display_order="110" addon_id="">
      <value>"12px"</value>
    </property>
    <property property_name="buttonPaddingV" group_name="button" title="Button padding - vertical" description="Enter a value for use when styling buttons with padding, instead of height &amp; line-height. Note that you will need to enter this value within the extra LESS fields below." property_type="value" value_type="unit" depends_on="" value_group="values" display_order="100" addon_id="">
      <value>"6px"</value>
    </property>
    <property property_name="buttonPrimary" group_name="button" title="Button - primary" description="These rules are used mostly for the main submit button for forms" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-buttonTextColor",
    "background-color": "@xf-buttonPrimaryBg",
    "extra": "min-width: 80px;"
}</value>
    </property>
    <property property_name="buttonPrimaryBg" group_name="color" title="Primary button background color" description="" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="8300" addon_id="XF">
      <value>"@xf-element1"</value>
    </property>
    <property property_name="buttonTextColor" group_name="color" title="Default button text color" description="" property_type="value" value_type="color" depends_on="" value_group="buttons" display_order="8100" addon_id="XF">
      <value>"@xf-element3"</value>
    </property>
    <property property_name="cb_bud" group_name="cxfConversationButton" title="Enable button below message user details" description="" property_type="value" value_type="radio" depends_on="" value_group="" display_order="10" addon_id="BassMan/ConversationButton">
      <value_parameters>enabled={{ phrase('enabled') }}
disabled={{ phrase('disabled') }}</value_parameters>
      <value>"disabled"</value>
    </property>
    <property property_name="cb_bud_hover" group_name="cxfConversationButton" title="Button Hover - style" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="110" css_components="text,background,border,padding,extra" addon_id="BassMan/ConversationButton">
      <value>{
    "color": "@xf-element6",
    "background-color": "@xf-element4"
}</value>
    </property>
    <property property_name="cb_bud_style" group_name="cxfConversationButton" title="Button - style" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="100" css_components="text,background,border,border_radius,padding,extra" addon_id="BassMan/ConversationButton">
      <value>{
    "color": "@xf-element3",
    "background-color": "@xf-element1"
}</value>
    </property>
    <property property_name="cb_ibu" group_name="cxfConversationButton" title="Icon beside username in message user info" description="" property_type="value" value_type="radio" depends_on="" value_group="Icon" display_order="100" addon_id="BassMan/ConversationButton">
      <value_parameters>enabled={{ phrase('enabled') }}
disabled={{ phrase('disabled') }}</value_parameters>
      <value>"enabled"</value>
    </property>
    <property property_name="contentAccentBase" group_name="content" title="Accented content area base" description="When attention needs to be directed to content, this background may be employed" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorAccentContent",
    "background-color": "@xf-contentAccentBg",
    "extra": "border: 1px solid @xf-borderColorAccentContent;"
}</value>
    </property>
    <property property_name="contentAccentBg" group_name="color" title="Accented content background color" description="This background color is used for further differentiation from regular content" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2400" addon_id="XF">
      <value>"@xf-neutralLight2"</value>
    </property>
    <property property_name="contentAltBg" group_name="color" title="Alternate content background color" description="In order to differentiate it, some content will be presented on this alternative background" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2200" addon_id="XF">
      <value>"@xf-neutralLight2"</value>
    </property>
    <property property_name="contentBg" group_name="color" title="Content background color" description="Most normal content will sit on this background" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2000" addon_id="XF">
      <value>"@xf-neutralLight1"</value>
    </property>
    <property property_name="contentHighlightBg" group_name="color" title="Highlighted content background color" description="When the standard background color is highlighted or selected, it will use this color" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2300" addon_id="XF">
      <value>"@xf-neutralLight3"</value>
    </property>
    <property property_name="contentPadding" group_name="borderSpacing" title="General content padding" description="The global content padding value used for most content areas throughout the theme, such as widgets, blocks, messages, etc." property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="2400" addon_id="">
      <value>"@xf-paddingLargest"</value>
    </property>
    <property property_name="darkGradientBottom" group_name="color" title="Dark gradient bottom" description="" property_type="value" value_type="color" depends_on="" value_group="gradients" display_order="15026" addon_id="">
      <value>"#323232"</value>
    </property>
    <property property_name="darkGradientTop" group_name="color" title="Dark gradient top" description="" property_type="value" value_type="color" depends_on="" value_group="gradients" display_order="15025" addon_id="">
      <value>"#1c1c1c"</value>
    </property>
    <property property_name="dataListHeader" group_name="dataList" title="Data list header" description="The title bar of a data list is styled with these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,extra" addon_id="XF">
      <value>[]</value>
    </property>
    <property property_name="dataListPaddingH" group_name="dataList" title="Data list padding horizontal" description="Each row in a data list has this much horizontal padding" property_type="value" value_type="unit" depends_on="" value_group="" display_order="100" addon_id="XF">
      <value>"@xf-contentPadding"</value>
    </property>
    <property property_name="dataListPaddingV" group_name="dataList" title="Data list padding vertical" description="Data list rows each have this much vertical padding" property_type="value" value_type="unit" depends_on="" value_group="" display_order="200" addon_id="XF">
      <value>"@xf-paddingMedium"</value>
    </property>
    <property property_name="dbtechEcommerceProductRatingCircleBgColor" group_name="dbtechEcommerce" title="Product Rating Circle: Background Color" description="The background color for the product rating circle's bar." property_type="value" value_type="color" depends_on="" value_group="productInfo" display_order="1120" addon_id="DBTech/eCommerce">
      <value>"@xf-neutralLight4"</value>
    </property>
    <property property_name="dbtechEcommerceShowOwnerOverview" group_name="dbtechEcommerce" title="Show product owner on overview list" description="" property_type="value" value_type="boolean" depends_on="" value_group="productList" display_order="1000" addon_id="DBTech/eCommerce">
      <value>1</value>
    </property>
    <property property_name="editorToolbarActiveColor" group_name="rte" title="Editor toolbar active color" description="When controls on the editor toolbar are active (such as 'B' when bold text is selected), the control will use this color" property_type="value" value_type="color" depends_on="" value_group="" display_order="300" addon_id="XF">
      <value>"@xf-linkHoverColor"</value>
    </property>
    <property property_name="editorToolbarBg" group_name="rte" title="Editor toolbar background color" description="Controls the color of the control bar's background for the text editor" property_type="value" value_type="color" depends_on="" value_group="" display_order="100" addon_id="XF">
      <value>"@xf-neutralLight1"</value>
    </property>
    <property property_name="element1" group_name="palette" title="Element 1" description="Color for various button and selectable type element" property_type="value" value_type="color" depends_on="" value_group="element" display_order="6200" addon_id="">
      <value>"@xf-paletteColor4"</value>
    </property>
    <property property_name="element2" group_name="palette" title="Element 2" description="" property_type="value" value_type="color" depends_on="" value_group="element" display_order="6300" addon_id="">
      <value>"@xf-paletteColor5"</value>
    </property>
    <property property_name="element3" group_name="palette" title="Element 3" description="" property_type="value" value_type="color" depends_on="" value_group="element" display_order="6300" addon_id="">
      <value>"rgb(255,255,255)"</value>
    </property>
    <property property_name="element4" group_name="palette" title="Element 4" description="" property_type="value" value_type="color" depends_on="" value_group="element" display_order="6400" addon_id="">
      <value>"@xf-paletteColor3"</value>
    </property>
    <property property_name="element5" group_name="palette" title="Element 5" description="" property_type="value" value_type="color" depends_on="" value_group="element" display_order="6500" addon_id="">
      <value>"@xf-paletteColor4"</value>
    </property>
    <property property_name="element6" group_name="palette" title="Element 6" description="" property_type="value" value_type="color" depends_on="" value_group="element" display_order="6600" addon_id="">
      <value>"rgb(255,255,255)"</value>
    </property>
    <property property_name="elementSpacer" group_name="borderSpacing" title="Element spacer" description="This represents the base value for spacing between elements, such as individual blocks." property_type="value" value_type="unit" depends_on="" value_group="spacer" display_order="3000" addon_id="XF">
      <value>"20px"</value>
    </property>
    <property property_name="fixedMessage" group_name="misc" title="Fixed system message bar" description="Occasionally, system messages will be displayed to the visitor in a fixed element that appears at the bottom of the window. Its styling is controlled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="text,background,border,padding,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentBg",
    "border-top-width": "@xf-borderSize",
    "border-top-color": "@xf-borderColorHeavy",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColorHeavy",
    "padding": "@xf-paddingLarge"
}</value>
    </property>
    <property property_name="fontAwesomeWeight" group_name="fonts" title="Font Awesome weight" description="" property_type="value" value_type="radio" depends_on="" value_group="weight" display_order="2300" addon_id="XF">
      <value_parameters>300={{ phrase('weight_light') }}
400={{ phrase('weight_regular') }}
900={{ phrase('weight_solid') }}</value_parameters>
      <value>"900"</value>
    </property>
    <property property_name="fontFamilyBody" group_name="fonts" title="Body Text Font" description="This font is used for the text of messages etc." property_type="value" value_type="string" depends_on="" value_group="font" display_order="200" addon_id="XF">
      <value>"Roboto, 'Helvetica Neue', Helvetica, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif"</value>
    </property>
    <property property_name="fontFamilyHeading" group_name="fonts" title="Headings" description="Styles the h1 through h5 tags" property_type="value" value_type="string" depends_on="" value_group="font" display_order="170" addon_id="">
      <value>"Roboto, 'Helvetica Neue', Helvetica, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif"</value>
    </property>
    <property property_name="fontFamilyUi" group_name="fonts" title="User Interface Font" description="The font list for your main text" property_type="value" value_type="string" depends_on="" value_group="font" display_order="100" addon_id="XF">
      <value>"Roboto, 'Helvetica Neue', Helvetica, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif"</value>
    </property>
    <property property_name="fontSizeLarge" group_name="fonts" title="Large font size" description="" property_type="value" value_type="unit" depends_on="" value_group="size" display_order="1400" addon_id="XF">
      <value>"1.1em"</value>
    </property>
    <property property_name="fontSizeLarger" group_name="fonts" title="Larger font size" description="" property_type="value" value_type="unit" depends_on="" value_group="size" display_order="1500" addon_id="XF">
      <value>"1.2em"</value>
    </property>
    <property property_name="fontSizeLargest" group_name="fonts" title="Largest font size" description="" property_type="value" value_type="unit" depends_on="" value_group="size" display_order="1600" addon_id="XF">
      <value>"2em"</value>
    </property>
    <property property_name="fontSizeSmall" group_name="fonts" title="Small font size" description="" property_type="value" value_type="unit" depends_on="" value_group="size" display_order="1100" addon_id="XF">
      <value>"14px"</value>
    </property>
    <property property_name="fontSizeSmaller" group_name="fonts" title="Smaller font size" description="" property_type="value" value_type="unit" depends_on="" value_group="size" display_order="1200" addon_id="XF">
      <value>"13px"</value>
    </property>
    <property property_name="fontSizeSmallest" group_name="fonts" title="Smallest font size" description="" property_type="value" value_type="unit" depends_on="" value_group="size" display_order="1300" addon_id="XF">
      <value>"12px"</value>
    </property>
    <property property_name="fontWeightHeavy" group_name="fonts" title="Heavy font weight" description="" property_type="value" value_type="number" depends_on="" value_group="weight" display_order="2200" addon_id="XF">
      <value_parameters>step=100
min=100
max=900</value_parameters>
      <value>"500"</value>
    </property>
    <property property_name="footerLinkColor" group_name="color" title="Footer link color" description="" property_type="value" value_type="color" depends_on="" value_group="footer" display_order="9300" addon_id="">
      <value>"@xf-textColorDimmed"</value>
    </property>
    <property property_name="footerLinkColorHover" group_name="color" title="Footer link hover color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="9400" addon_id="">
      <value>"@xf-linkHoverColor"</value>
    </property>
    <property property_name="footerTextColor" group_name="color" title="Footer text color" description="" property_type="value" value_type="color" depends_on="" value_group="footer" display_order="9000" addon_id="">
      <value>"@xf-textColor"</value>
    </property>
    <property property_name="footerTextColorDimmed" group_name="color" title="Footer text color dimmed" description="" property_type="value" value_type="color" depends_on="" value_group="footer" display_order="9100" addon_id="">
      <value>"xf-intensify(@xf-footerTextColor, 4%)"</value>
    </property>
    <property property_name="footerTextColorMuted" group_name="color" title="Footer text color muted" description="" property_type="value" value_type="color" depends_on="" value_group="footer" display_order="9200" addon_id="">
      <value>"xf-intensify(@xf-footerTextColor, 8%)"</value>
    </property>
    <property property_name="formLabel" group_name="form" title="Form label column" description="In full-width forms, the left column contains labels for the controls in the right column" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "background-color": "@xf-contentAltBg",
    "extra": "text-align: right;"
}</value>
    </property>
    <property property_name="formLabelWidth" group_name="form" title="Form label column width" description="This should be expressed as a percentage." property_type="value" value_type="unit" depends_on="" value_group="" display_order="100" addon_id="XF">
      <value>"25%"</value>
    </property>
    <property property_name="formSubmitRow" group_name="form" title="Form submit row" description="At the bottom of most forms is a bar containing the submit button etc." property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="background,border,extra" addon_id="XF">
      <value>{
    "background-color": "@xf-contentHighlightBg"
}</value>
    </property>
    <property property_name="globalActionColor" group_name="misc" title="Global action indicator color" description="This is the base color of the gadgets that display when an action is being processed in the background." property_type="value" value_type="color" depends_on="" value_group="" display_order="400" addon_id="XF">
      <value>"@xf-paletteColor4"</value>
    </property>
    <property property_name="gradientBottom" group_name="color" title="Primary gradient bottom" description="" property_type="value" value_type="color" depends_on="" value_group="gradients" display_order="15011" addon_id="">
      <value>"@xf-paletteColor4"</value>
    </property>
    <property property_name="gradientTop" group_name="color" title="Primary gradient top" description="" property_type="value" value_type="color" depends_on="" value_group="gradients" display_order="15010" addon_id="">
      <value>"@xf-paletteColor3"</value>
    </property>
    <property property_name="inlineModBar" group_name="inlineMod" title="Inline moderation bar" description="A bar containing controls appears when content is selected for inline moderation. Its appearance is controlled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,padding,extra" addon_id="XF">
      <value>{
    "color": "@xf-blockTabHeaderTextColor",
    "background-color": "@xf-blockTabHeaderBg",
    "padding-top": "@xf-paddingSmall",
    "padding-bottom": "@xf-paddingSmall",
    "extra": ".m-darkGradient();\nselect {\n\tborder-color: @xf-neutralDark4;\n}"
}</value>
    </property>
    <property property_name="inlineModHighlightColor" group_name="color" title="Inline moderation highlight color" description="When content is selected for inline moderation, its background color will be replaced with this" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2500" addon_id="XF">
      <value>"@xf-neutralLight4"</value>
    </property>
    <property property_name="input" group_name="input" title="Form input" description="Controls the style of most text-input boxes" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,border_radius,padding,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-inputTextColor",
    "background-color": "@xf-inputBgColor",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-inputBorderColor",
    "border-radius": "@xf-borderRadiusMedium",
    "padding": "@xf-paddingSmall",
    "extra": "background: linear-gradient(#f2f2f2,#ffffff);\nbackground-size: 100% 100%;\ntransition: .2s background-size;"
}</value>
    </property>
    <property property_name="inputBgColor" group_name="color" title="Text input box background color" description="" property_type="value" value_type="color" depends_on="" value_group="input" display_order="8500" addon_id="XF">
      <value>"@xf-neutralLight2"</value>
    </property>
    <property property_name="inputBorderColor" group_name="color" title="Text Input box border" description="" property_type="value" value_type="color" depends_on="" value_group="input" display_order="8550" addon_id="">
      <value>"@xf-borderColor"</value>
    </property>
    <property property_name="inputDisabled" group_name="input" title="Form input - disabled" description="When text boxes are disabled, these rules are applied" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "color": "xf-diminish(@xf-textColorMuted, 20%)",
    "background-color": "@xf-borderColor",
    "border-color": "@xf-borderColorHeavy"
}</value>
    </property>
    <property property_name="inputFocus" group_name="input" title="Form input - focused" description="These rules are applied to text boxes when they are selected for input" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,extra" addon_id="XF">
      <value>{
    "background-color": "@xf-inputFocusBgColor",
    "extra": "border-color: @xf-inputFocusBorderColor;\nbackground: linear-gradient(#f2f2f2,#ffffff);\nbackground-size: 100% 150%;"
}</value>
    </property>
    <property property_name="inputFocusBgColor" group_name="color" title="Focused text box background color" description="" property_type="value" value_type="color" depends_on="" value_group="input" display_order="8600" addon_id="XF">
      <value>"@xf-contentBg"</value>
    </property>
    <property property_name="inputFocusBorderColor" group_name="color" title="Focused text box border color" description="" property_type="value" value_type="color" depends_on="" value_group="input" display_order="8610" addon_id="">
      <value>"@xf-paletteColor3"</value>
    </property>
    <property property_name="lightGradientBottom" group_name="color" title="Light gradient bottom" description="" property_type="value" value_type="color" depends_on="" value_group="gradients" display_order="15021" addon_id="">
      <value>"@xf-neutralLight4"</value>
    </property>
    <property property_name="lightGradientTop" group_name="color" title="Light gradient top" description="" property_type="value" value_type="color" depends_on="" value_group="gradients" display_order="15020" addon_id="">
      <value>"@xf-neutralLight1"</value>
    </property>
    <property property_name="lineHeightDefault" group_name="fonts" title="Line height" description="This value controls the amount of spacing between lines of text" property_type="value" value_type="number" depends_on="" value_group="spacing" display_order="3000" addon_id="XF">
      <value_parameters>step=0.1
max=5</value_parameters>
      <value>"1.7"</value>
    </property>
    <property property_name="linkColor" group_name="color" title="Link color" description="Basic hyperlinks on standard background colors will use this style" property_type="value" value_type="color" depends_on="" value_group="links" display_order="1000" addon_id="XF">
      <value>"xf-intensify(@xf-textColor, 15%)"</value>
    </property>
    <property property_name="linkHover" group_name="page" title="Links - hovered" description="When basic links are hovered, they use this set of rules for their styling" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkHoverColor",
    "text-decoration": "none"
}</value>
    </property>
    <property property_name="linkHoverColor" group_name="color" title="Link hover color" description="Basic hyperlinks will turn this color when hovered" property_type="value" value_type="color" depends_on="" value_group="links" display_order="1100" addon_id="XF">
      <value>"@xf-paletteColor3"</value>
    </property>
    <property property_name="majorHeadingBg" group_name="color" title="Major heading background color" description="" property_type="value" value_type="color" depends_on="" value_group="heading" display_order="6100" addon_id="XF">
      <value>"@xf-paletteColor4"</value>
    </property>
    <property property_name="majorHeadingBorderColor" group_name="color" title="Major heading border color" description="" property_type="value" value_type="color" depends_on="" value_group="heading" display_order="6300" addon_id="">
      <value>"@xf-paletteColor5"</value>
    </property>
    <property property_name="majorHeadingTextColor" group_name="color" title="Major heading text color" description="" property_type="value" value_type="color" depends_on="" value_group="heading" display_order="6200" addon_id="XF">
      <value>"@xf-paletteColor1"</value>
    </property>
    <property property_name="memberHeader" group_name="member" title="Member profile header" description="The member profile page's content header is styled with these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-blockTabHeaderBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColorLight",
    "extra": "border-radius: @block-borderRadius-inner @block-borderRadius-inner 0 0;\n.m-darkGradient();\n.pairs &gt; dt, a {\n    color: inherit;\n}"
}</value>
    </property>
    <property property_name="memberHeaderAvatar" group_name="member" title="Member profile header - avatar" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20050" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-radius": "@xf-borderRadiusMedium"
}</value>
    </property>
    <property property_name="memberHeaderLabels" group_name="member" title="Member profile header - labels" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20150" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="memberHeaderName" group_name="member" title="Member profile header - name" description="The styling of the name of the member whose page is being viewed is controlled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLargest",
    "color": "#fff"
}</value>
    </property>
    <property property_name="memberSecondaryHeader" group_name="member" title="Member profile secondary header" description="Contains elements such as total messages, reactions, etc" property_type="css" value_type="" depends_on="" value_group="" display_order="20170" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColor",
    "border-top-width": "1px",
    "border-top-color": "#fff",
    "extra": "background: linear-gradient(#cacaca 0%, #e1e1e1 6%, #f8f9f9 20%);"
}</value>
    </property>
    <property property_name="memberTooltipHeader" group_name="member" title="Member tooltip header" description="The member tooltip, which appears when hovering over user names, is styled with these controls" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-blockTabHeaderBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColorLight",
    "extra": ".m-darkGradient();\n.pairs &gt; dt, a {\n    color: inherit;\n}"
}</value>
    </property>
    <property property_name="memberTooltipName" group_name="member" title="Member tooltip header - name" description="Styling for the name of the user whose tooltip is being displayed" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLargest",
    "color": "#fff"
}</value>
    </property>
    <property property_name="memberTooltipSecondaryHeader" group_name="member" title="Member tooltip secondary header" description="Contains elements such as total messages, reactions, etc" property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColor",
    "font-weight": "@xf-fontWeightHeavy",
    "border-top-width": "1px",
    "border-top-color": "#fff",
    "extra": "background: linear-gradient(#cacaca 0%, #e1e1e1 6%, #f8f9f9 20%);"
}</value>
    </property>
    <property property_name="menuFooter" group_name="menu" title="Menu footer" description="When a popup menu has a bottom, footer element, it will use these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20600" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "@xf-blockFooterTextColor",
    "background-color": "@xf-blockFooterBg",
    "border-top-width": "@xf-borderSize",
    "border-top-color": "@xf-borderColorLight"
}</value>
    </property>
    <property property_name="menuHeader" group_name="menu" title="Menu header" description="Most menus identify themselves with a header just underneath their top border" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "@xf-majorHeadingTextColor",
    "background-color": "@xf-paletteColor4",
    "extra": "background: linear-gradient(@xf-paletteColor4, @xf-paletteColor3);"
}</value>
    </property>
    <property property_name="menuLinkRow" group_name="menu" title="Menu link row" description="Styling for link rows within popup menus" property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColor",
    "text-decoration": "none",
    "extra": "background: linear-gradient(#f2f2f2,#fff,#f2f2f2);\nbackground-size: 100% 100%;\ntransition: .2s all;"
}</value>
    </property>
    <property property_name="menuLinkRowExtended" group_name="menu" title="Menu link row (extended)" description="Additional styling for menu links" property_type="css" value_type="" depends_on="" value_group="" display_order="20450" css_components="border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding" addon_id="">
      <value>{
    "border-top-width": "1px",
    "border-top-color": "#fff",
    "border-bottom-width": "1px",
    "border-bottom-color": "#c7c7c7",
    "padding-top": "8px",
    "padding-right": "10px",
    "padding-bottom": "8px",
    "padding-left": "10px"
}</value>
    </property>
    <property property_name="menuLinkRowSelected" group_name="menu" title="Menu link row - selected" description="Styling for link rows in menus, when selected or hovered" property_type="css" value_type="" depends_on="" value_group="" display_order="20500" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkHoverColor",
    "text-decoration": "none",
    "extra": "padding-left: 16px;\nbackground-size: 100% 150%;"
}</value>
    </property>
    <property property_name="menuLinkRowSelectedExtended" group_name="menu" title="Menu link row - selected (extended)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20501" css_components="border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding" addon_id="">
      <value>{
    "border-left-width": "4px",
    "border-left-color": "@xf-paletteColor3"
}</value>
    </property>
    <property property_name="menuTabHeader" group_name="menu" title="Menu tab header" description="Multi-part, tabbed menu headers use these settings" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-blockTabHeaderTextColor",
    "background-color": "@xf-blockTabHeaderBg",
    "extra": ".m-darkGradient();\na.tabs-tab {\n\tbackground: url(@xf-themePath/xenforo/skin/divider-dark.jpg);\n\tbackground-repeat: no-repeat;\n}"
}</value>
    </property>
    <property property_name="menuTabHeaderSelected" group_name="menu" title="Menu tab header - selected tab" description="Controls the selected tab in multi-part menu headers" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-majorHeadingTextColor",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-majorHeadingBg",
    "background-image": "@xf-nlMGHeadingStripImage",
    "border-color": "@xf-contentAltBg",
    "extra": "background-size: 100% 100%;"
}</value>
    </property>
    <property property_name="messageNewIndicator" group_name="message" title="New message indicator" description="Usually a small token attached to the message block, the indicator that a message is new/unread is controlled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,border_radius,padding,extra" addon_id="XF">
      <value>{
    "font-size": "90%",
    "color": "#fff",
    "background-color": "@xf-paletteAccent2",
    "border-radius": "@xf-borderRadiusSmall",
    "padding-top": "1px",
    "padding-right": "4px",
    "padding-bottom": "1px",
    "padding-left": "4px"
}</value>
    </property>
    <property property_name="messageUserBlock" group_name="message" title="Message user info block" description="Apart from its width, the (left) message user info column is styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border_width_simple,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "#fff",
    "background-color": "@xf-majorHeadingBg",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor",
    "extra": "padding: @xf-contentPadding;"
}</value>
    </property>
    <property property_name="messageUserBlockWidth" group_name="message" title="Message user info block width" description="Controls the width of the (left) user info column on the full size message block" property_type="value" value_type="unit" depends_on="" value_group="user" display_order="500" addon_id="XF">
      <value>"140px"</value>
    </property>
    <property property_name="messageUserElements" group_name="message" title="Message user info elements" description="The elements selected here will be displayed in the message user info block. It will not be displayed below the single column width." property_type="value" value_type="template" depends_on="" value_group="user" display_order="600" addon_id="XF">
      <value_parameters>template=style_property_template_messageUserElements
type=array</value_parameters>
      <value>{
    "register_date": "1",
    "message_count": "1",
    "trophy_points": "1",
    "age": "1",
    "location": "1",
    "website": "1",
    "custom_fields": "1"
}</value>
    </property>
    <property property_name="metaThemeColor" group_name="misc" title="Chrome meta theme color" description="Chrome on Android allows the address bar color to be changed to fit your site colors. If you want this to be changed, enter a color here." property_type="value" value_type="color" depends_on="" value_group="" display_order="900" addon_id="XF">
      <value>"@xf-paletteColor3"</value>
    </property>
    <property property_name="minorHeadingTextColor" group_name="color" title="Minor heading text color" description="" property_type="value" value_type="color" depends_on="" value_group="heading" display_order="6400" addon_id="XF">
      <value>"@xf-linkColor"</value>
    </property>
    <property property_name="neutralDark1" group_name="palette" title="Neutral Dark 1" description="" property_type="value" value_type="color" depends_on="" value_group="neutralDarkColors" display_order="5000" addon_id="">
      <value>"rgb(163, 164, 170)"</value>
    </property>
    <property property_name="neutralDark2" group_name="palette" title="Neutral Dark 2" description="" property_type="value" value_type="color" depends_on="" value_group="neutralDarkColors" display_order="5010" addon_id="">
      <value>"rgb(147, 148, 151)"</value>
    </property>
    <property property_name="neutralDark3" group_name="palette" title="Neutral Dark 3" description="" property_type="value" value_type="color" depends_on="" value_group="neutralDarkColors" display_order="5020" addon_id="">
      <value>"rgb(129, 131, 140)"</value>
    </property>
    <property property_name="neutralDark4" group_name="palette" title="Neutral Dark 4" description="" property_type="value" value_type="color" depends_on="" value_group="neutralDarkColors" display_order="5040" addon_id="">
      <value>"#63666f"</value>
    </property>
    <property property_name="neutralDark5" group_name="palette" title="Neutral Dark 5" description="" property_type="value" value_type="color" depends_on="" value_group="neutralDarkColors" display_order="5050" addon_id="">
      <value>"#2a2a2a"</value>
    </property>
    <property property_name="neutralDark6" group_name="palette" title="Neutral Dark 6" description="" property_type="value" value_type="color" depends_on="" value_group="neutralDarkColors" display_order="5060" addon_id="">
      <value>"#111"</value>
    </property>
    <property property_name="neutralLight1" group_name="palette" title="Neutral Light 1" description="" property_type="value" value_type="color" depends_on="" value_group="neutralLightColors" display_order="4000" addon_id="">
      <value>"#f8f9f9"</value>
    </property>
    <property property_name="neutralLight2" group_name="palette" title="Neutral Light 2" description="" property_type="value" value_type="color" depends_on="" value_group="neutralLightColors" display_order="4010" addon_id="">
      <value>"#f3f3f4"</value>
    </property>
    <property property_name="neutralLight3" group_name="palette" title="Neutral Light 3" description="" property_type="value" value_type="color" depends_on="" value_group="neutralLightColors" display_order="4020" addon_id="">
      <value>"#f1f1f1"</value>
    </property>
    <property property_name="neutralLight4" group_name="palette" title="Neutral Light 4" description="" property_type="value" value_type="color" depends_on="" value_group="neutralLightColors" display_order="4030" addon_id="">
      <value>"#e6e6e6"</value>
    </property>
    <property property_name="neutralLight5" group_name="palette" title="Neutral Light 5" description="" property_type="value" value_type="color" depends_on="" value_group="neutralLightColors" display_order="4040" addon_id="">
      <value>"#dadadc"</value>
    </property>
    <property property_name="neutralLight6" group_name="palette" title="Neutral Light 6" description="" property_type="value" value_type="color" depends_on="" value_group="neutralLightColors" display_order="4050" addon_id="">
      <value>"#d3d3d3"</value>
    </property>
    <property property_name="nlAccountMenuHeader" group_name="menu" title="Account menu - header" description="Styles the header within the account popup menu" property_type="css" value_type="" depends_on="" value_group="" display_order="21000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlAccountMenuHeaderStats" group_name="menu" title="Account menu header - stats" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="21020" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "extra": "margin-top: 8px;"
}</value>
    </property>
    <property property_name="nlAccountMenuHeaderUsername" group_name="menu" title="Account menu - header username" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="21010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeLarger",
    "color": "@xf-linkColor",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlAccountMenuLink" group_name="menu" title="Account menu - links" description="Styles the menu links within the account popup menu" property_type="css" value_type="" depends_on="" value_group="" display_order="21100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "transparent",
    "background-image": "none",
    "border-width": "0",
    "padding-top": "6px",
    "padding-right": "8px",
    "padding-bottom": "6px",
    "padding-left": "8px",
    "extra": "line-height: normal;"
}</value>
    </property>
    <property property_name="nlAccountMenuLinkHover" group_name="menu" title="Account menu - links - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="21200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentHighlightBg",
    "border-width": "0"
}</value>
    </property>
    <property property_name="nlAddPinterestSaveButtons" group_name="nlSocialLinks" title="Add pinterest save buttons to media" description="Check to add Pinterest save buttons to various media types. You may choose from supported media below." property_type="value" value_type="boolean" depends_on="" value_group="sharing" display_order="1" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlAddonCompat_dbtech_ecommerce" group_name="nlAddonCompatibilitySettings" title="Dragonbyte Tech Ecommerce" description="Check to improve theme compatibility with Dragonbyte Tech Ecommerce" property_type="value" value_type="boolean" depends_on="" value_group="dragonbyteEcommerce" display_order="300" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlAttachmentThumb" group_name="misc" title="Attachment image thumbnail" description="Styles attachment image thumbnails often found in messages, conversations etc" property_type="css" value_type="" depends_on="" value_group="" display_order="20600" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "transition: @xf-animationSpeed opacity;"
}</value>
    </property>
    <property property_name="nlAttachmentThumbHover" group_name="misc" title="Attachment image thumbnail - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20650" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "opacity: 0.9;"
}</value>
    </property>
    <property property_name="nlAvatar" group_name="avatar" title="Avatar" description="Styling for the user avatar" property_type="css" value_type="" depends_on="" value_group="" display_order="1000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlBackgroundSwitcher1" group_name="nlBackgroundSettings" title="Image path #1" description="" property_type="value" value_type="string" depends_on="" value_group="slideshowBackground" display_order="2001" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlBackgroundSwitcher2" group_name="nlBackgroundSettings" title="Image path #2" description="" property_type="value" value_type="string" depends_on="" value_group="slideshowBackground" display_order="2100" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlBackgroundSwitcher3" group_name="nlBackgroundSettings" title="Image path #3" description="" property_type="value" value_type="string" depends_on="" value_group="slideshowBackground" display_order="2200" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlBackgroundSwitcher4" group_name="nlBackgroundSettings" title="Image path #4" description="" property_type="value" value_type="string" depends_on="" value_group="slideshowBackground" display_order="2400" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlBackgroundSwitcher5" group_name="nlBackgroundSettings" title="Image path #5" description="" property_type="value" value_type="string" depends_on="" value_group="slideshowBackground" display_order="2500" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlBlockContainer" group_name="block" title="Block container" description="Styles generic block type elements" property_type="css" value_type="" depends_on="" value_group="" display_order="20050" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlBlockFooterAlt" group_name="block" title="Block footer - alternate" description="Allows styling of an alternative block footer. Can be referenced via CSS using:&lt;br&gt;&#10;&lt;strong&gt;.xf-nlBlockFooterAlt();&lt;/strong&gt;" property_type="css" value_type="" depends_on="" value_group="" display_order="21210" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-neutralLight4",
    "border-width": "0",
    "extra": "line-height: normal;"
}</value>
    </property>
    <property property_name="nlBlockFooterLink" group_name="block" title="Block footer - link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="21205" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "inherit"
}</value>
    </property>
    <property property_name="nlBlockFooterLinkHover" group_name="block" title="Block footer - link - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="21206" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-linkHoverColor",
    "text-decoration": "underline"
}</value>
    </property>
    <property property_name="nlBlockHeadBackground" group_name="nlHelperSettings" title="Block head background" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="1000" addon_id="">
      <value>"rgb(211, 123, 255)"</value>
    </property>
    <property property_name="nlBlockHeadBorder" group_name="nlHelperSettings" title="Block head border" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="1100" addon_id="">
      <value>"rgb(183, 81, 255)"</value>
    </property>
    <property property_name="nlBlockHeadColor" group_name="nlHelperSettings" title="Block head color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="1200" addon_id="">
      <value>"rgb(149, 0, 255)"</value>
    </property>
    <property property_name="nlBlockHeadStyle" group_name="block" title="Block head style" description="You can choose to globally enforce a block heading style, where default Xenforo uses the block-header and block-minorHeader styles in different places." property_type="value" value_type="radio" depends_on="" value_group="settings" display_order="20" addon_id="">
      <value_parameters>default=Default
blockHeader=Always use block-header style
blockMinorHeader=Always use block-minorHeader style</value_parameters>
      <value>"blockHeader"</value>
    </property>
    <property property_name="nlBlockLinkHeight" group_name="misc" title="Block link item height" description="" property_type="value" value_type="unit" depends_on="" value_group="" display_order="1010" addon_id="">
      <value>"40px"</value>
    </property>
    <property property_name="nlBlockLinkPaddingV" group_name="misc" title="Block link vertical padding" description="" property_type="value" value_type="unit" depends_on="" value_group="" display_order="1015" addon_id="">
      <value>"6px"</value>
    </property>
    <property property_name="nlBlockLinkType" group_name="misc" title="Block link type" description="" property_type="value" value_type="radio" depends_on="" value_group="" display_order="1005" addon_id="">
      <value_parameters>padding=Padding (default)
lineHeight=Line height</value_parameters>
      <value>"lineHeight"</value>
    </property>
    <property property_name="nlBlockMenuTrigger" group_name="block" title="Filter bar menu trigger" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20850" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-majorHeadingTextColor",
    "padding": "0"
}</value>
    </property>
    <property property_name="nlBlockMenuTriggerHover" group_name="block" title="Filter bar menu trigger - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20860" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-majorHeadingTextColor",
    "text-decoration": "underline",
    "background-color": "transparent"
}</value>
    </property>
    <property property_name="nlBlockMinorTabHeaderHover" group_name="block" title="Block minor tab header - hover tab" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20595" css_components="text,background,border_color_simple,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentHighlightBg"
}</value>
    </property>
    <property property_name="nlBlockMinorTabHeaderTab" group_name="block" title="Block minor tab header - tab" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20550" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColorDimmed",
    "padding-top": "14px",
    "padding-right": "@xf-blockPaddingH",
    "padding-bottom": "14px",
    "padding-left": "@xf-blockPaddingH"
}</value>
    </property>
    <property property_name="nlBlockPaddingStyle" group_name="block" title="Block display style" description="By default, Xenforo blocks and widgets use inner padding between the block border and inner content. You may switch global block style to a non-padded &quot;floating&quot; style with no outer border. This will affect block type content theme-wide." property_type="value" value_type="radio" depends_on="" value_group="settings" display_order="10" addon_id="">
      <value_parameters>default=Padded + border (default)
flat=Non-padded (floating block style)</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlBlockRow" group_name="block" title="Block row" description="Styles block rows similar to structured item lists" property_type="css" value_type="" depends_on="" value_group="" display_order="21000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlBlockRowSeparate" group_name="block" title="Block separated row" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="21010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "inherit"
}</value>
    </property>
    <property property_name="nlBlockRowSeparateHover" group_name="block" title="Block separated row - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="21020" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlBlockTabHeaderHover" group_name="block" title="Block tab header - hover tab" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20295" css_components="text,background,border_color_simple,extra" addon_id="">
      <value>{
    "color": "@xf-textColorMuted",
    "background-color": "@xf-blockTabHeaderBg"
}</value>
    </property>
    <property property_name="nlBlockTabHeaderTab" group_name="block" title="Block tab header - tab" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20250" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-image": "@xf-themePath/xenforo/skin/divider-dark.jpg",
    "padding-top": "@xf-blockPaddingV",
    "padding-right": "@xf-blockPaddingH",
    "padding-bottom": "@xf-blockPaddingV",
    "padding-left": "@xf-blockPaddingH",
    "extra": "background-repeat: no-repeat;"
}</value>
    </property>
    <property property_name="nlBlockWrapper" group_name="block" title="Block wrapper" description="Styles the containing .block class wrapper around all block content types" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlBodySocialIconStyling" group_name="nlSocialLinks" title="[Body] Icon styling" description="" property_type="value" value_type="select" depends_on="" value_group="styling" display_order="110" addon_id="">
      <value_parameters>default=Xenforo default
custom=Custom (set via Style Properties on this page)
brand=Brand colors</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlBoxShadowAlpha" group_name="nlUXSettings" title="Drop shadow alpha" description="" property_type="value" value_type="unit" depends_on="" value_group="boxShadows" display_order="340" addon_id="">
      <value_parameters>step=any</value_parameters>
      <value>"0.3"</value>
    </property>
    <property property_name="nlBoxShadowBlur" group_name="nlUXSettings" title="Drop shadow blur" description="" property_type="value" value_type="unit" depends_on="" value_group="boxShadows" display_order="325" addon_id="">
      <value>"4px"</value>
    </property>
    <property property_name="nlBoxShadowColor" group_name="nlUXSettings" title="Drop shadow color" description="" property_type="value" value_type="color" depends_on="" value_group="boxShadows" display_order="335" addon_id="">
      <value>"rgb(0, 0, 0)"</value>
    </property>
    <property property_name="nlBoxShadowSpread" group_name="nlUXSettings" title="Drop shadow spread" description="" property_type="value" value_type="unit" depends_on="" value_group="boxShadows" display_order="330" addon_id="">
      <value>"0px"</value>
    </property>
    <property property_name="nlBoxShadowX" group_name="nlUXSettings" title="Drop shadow horizontal offset" description="" property_type="value" value_type="unit" depends_on="" value_group="boxShadows" display_order="310" addon_id="">
      <value>"0px"</value>
    </property>
    <property property_name="nlBoxShadowY" group_name="nlUXSettings" title="Drop shadow vertical offset" description="" property_type="value" value_type="unit" depends_on="" value_group="boxShadows" display_order="315" addon_id="">
      <value>"1px"</value>
    </property>
    <property property_name="nlBreadcrumb" group_name="nlBreadcrumbSettings" title="Breadcrumb" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlBreadcrumbHideHomeLabel" group_name="nlBreadcrumbSettings" title="-- Hide home label" description="Check to only display the FontAwesome icon instead of the text label" property_type="value" value_type="boolean" depends_on="nlBreadcrumbHomeIcon" value_group="settings" display_order="60" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlBreadcrumbHomeIcon" group_name="nlBreadcrumbSettings" title="Show home icon" description="Check to display a FontAwesome home icon in the first breadcrumb item" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="50" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlBreadcrumbItem" group_name="nlBreadcrumbSettings" title="Breadcrumb - item" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColor"
}</value>
    </property>
    <property property_name="nlBreadcrumbItemActive" group_name="nlBreadcrumbSettings" title="Breadcrumb - active item" description="Styles the item for the page currently being viewed" property_type="css" value_type="" depends_on="" value_group="" display_order="10400" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlBreadcrumbItemFirst" group_name="nlBreadcrumbSettings" title="Breadcrumb - first item" description="Styles the first item in the breadcrumb" property_type="css" value_type="" depends_on="" value_group="" display_order="10300" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "font-weight: 700;"
}</value>
    </property>
    <property property_name="nlBreadcrumbItemHover" group_name="nlBreadcrumbSettings" title="Breadcrumb - item hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-linkHoverColor"
}</value>
    </property>
    <property property_name="nlBreadcrumbItemSeparator" group_name="nlBreadcrumbSettings" title="Breadcrumb - item separator" description="Styles the separator icon between breadcrumb items" property_type="css" value_type="" depends_on="" value_group="" display_order="10900" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlBreadcrumbItemSeparatorStyle" group_name="nlBreadcrumbSettings" title="Item separator" description="Change the default separator icon between breadcrumb items" property_type="value" value_type="select" depends_on="" value_group="settings" display_order="70" addon_id="">
      <value_parameters>arrow=&gt;
divide=/
none=None</value_parameters>
      <value>"arrow"</value>
    </property>
    <property property_name="nlButtonCtaHover" group_name="button" title="Button - call to action hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20310" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-element6",
    "background-color": "xf-diminish(@xf-buttonCtaBg, 5%)"
}</value>
    </property>
    <property property_name="nlButtonDefaultHover" group_name="button" title="Button - default hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20110" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-element6",
    "background-color": "xf-diminish(@xf-buttonBg, 5%)"
}</value>
    </property>
    <property property_name="nlButtonLarge" group_name="button" title="Button - large (l)" description="Styles buttons using the .button--l class" property_type="css" value_type="" depends_on="" value_group="" display_order="20520" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "padding": "20px"
}</value>
    </property>
    <property property_name="nlButtonLink" group_name="button" title="Button - link" description="Overrides styling for the button link class" property_type="css" value_type="" depends_on="" value_group="" display_order="22000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColor",
    "background-color": "@xf-contentAltBg",
    "border-width": "1px",
    "border-color": "@xf-borderColorHeavy"
}</value>
    </property>
    <property property_name="nlButtonLinkHover" group_name="button" title="Button - link hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="22050" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-linkHoverColor",
    "background-color": "@xf-contentHighlightBg"
}</value>
    </property>
    <property property_name="nlButtonMedium" group_name="button" title="Button - medium (m)" description="Styles buttons using the .button--m class" property_type="css" value_type="" depends_on="" value_group="" display_order="20510" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "padding": "14px"
}</value>
    </property>
    <property property_name="nlButtonOutline" group_name="button" title="Button - outline" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20450" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "box-shadow: inset 0 0 0 2px #fff;"
}</value>
    </property>
    <property property_name="nlButtonOutlineHover" group_name="button" title="Button - outline - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20460" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "box-shadow: inset 0 0 0 3px rgba(255,255,255,1), inset 0 0 100px 100px rgba(255,255,255,0.1);"
}</value>
    </property>
    <property property_name="nlButtonPrimaryHover" group_name="button" title="Button - primary hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20210" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-element6",
    "background-color": "xf-diminish(@xf-buttonPrimaryBg, 5%)"
}</value>
    </property>
    <property property_name="nlButtonSmall" group_name="button" title="Button - small (s)" description="Styles buttons using the .button--s class" property_type="css" value_type="" depends_on="" value_group="" display_order="20500" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmallest",
    "padding-top": "3px",
    "padding-right": "6px",
    "padding-bottom": "3px",
    "padding-left": "6px"
}</value>
    </property>
    <property property_name="nlButtonSmallHover" group_name="button" title="Button small - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20505" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlCSSTickerSpeed" group_name="nlTickerSettings" title="Ticker Speed" description="Enter a number for your ticker speed. Depending on the length of text in your ticker, you should experiment to find the ideal amount." property_type="value" value_type="string" depends_on="" value_group="settings" display_order="600" addon_id="">
      <value>"25s"</value>
    </property>
    <property property_name="nlCaptionAnimationMode" group_name="nlSliderSettings" title="Floating caption animation" description="Choose an animation type for the caption area. If you specify a delay-between-items time below, elements within the caption such as title, description, and Read More button will use a staggered animation." property_type="value" value_type="select" depends_on="" value_group="caption" display_order="215" addon_id="">
      <value_parameters>none=None (default)
slideIn1=Slide in / Top to bottom
slideIn2=Slide in / Left to right
slideIn3=Slide in / Bottom to top
slideIn4=Slide in / Right to left
slideIn5=Slide in / Clockwise
slideIn6=Slide in / Counter-clockwise
slideIn7=Zoom in</value_parameters>
      <value>"slideIn2"</value>
    </property>
    <property property_name="nlCategoryDescSeparate" group_name="nodeList" title="Category description - separated" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="115" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "11px",
    "color": "@xf-textColorMuted",
    "background-color": "@xf-blockTabHeaderBg",
    "border-width": "1px",
    "border-color": "#000",
    "padding-top": "6px",
    "padding-right": "12px",
    "padding-bottom": "6px",
    "padding-left": "12px",
    "extra": "background: linear-gradient(#595959 0%, #3a3a3a 49%, #2f2f2f 50%, #151515 100%);"
}</value>
    </property>
    <property property_name="nlCategoryStrip" group_name="nodeList" title="Category title strip" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-majorHeadingTextColor",
    "background-color": "@xf-majorHeadingBg",
    "background-image": "@xf-nlMGHeadingStripImage",
    "border-width": "1px",
    "border-color": "@xf-majorHeadingBorderColor",
    "border-top-left-radius": "@xf-borderRadiusMedium",
    "border-top-right-radius": "@xf-borderRadiusMedium",
    "padding-top": "@xf-blockHeadPaddingV",
    "padding-right": "@xf-blockHeadPaddingH",
    "padding-bottom": "@xf-blockHeadPaddingV",
    "padding-left": "@xf-blockHeadPaddingH",
    "extra": "background-size: 100% 100%;"
}</value>
    </property>
    <property property_name="nlCategoryStripCollapseToggle" group_name="nodeList" title="Category collapse toggle" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="116" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "rgba(0,0,0,0.2)",
    "border-radius": "8px",
    "padding-top": "2px",
    "padding-right": "7px",
    "padding-bottom": "2px",
    "padding-left": "7px"
}</value>
    </property>
    <property property_name="nlCategoryStripCollapseToggleIcon" group_name="nodeList" title="-- Toggle icon (opened)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="117" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "18px",
    "color": "inherit",
    "font-weight": "@xf-fontWeightHeavy",
    "extra": "opacity: 0.8;\ncontent: \"\\f205\";\ntransform: rotateY(180deg);"
}</value>
    </property>
    <property property_name="nlCategoryStripCollapseToggleIconActive" group_name="nodeList" title="-- Toggle icon (closed)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="118" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "opacity: 1;\ntransform: rotateY(0deg);"
}</value>
    </property>
    <property property_name="nlCategoryStripDescription" group_name="nodeList" title="Category description" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="110" css_components="text,background,border,border_radius,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "inherit"
}</value>
    </property>
    <property property_name="nlCategoryStripTitle" group_name="nodeList" title="Category title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="105" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-blockHeader--font-size",
    "color": "inherit",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlCheckboxStyle" group_name="input" title="Checkbox style" description="" property_type="value" value_type="select" depends_on="" value_group="toggleControls" display_order="590" addon_id="">
      <value_parameters>normal=Outline
bold=Fill (solid)</value_parameters>
      <value>"bold"</value>
    </property>
    <property property_name="nlColorButtonHoverMode" group_name="nlUISettings" title="Colored button hover mode" description="Select the blend mode when hovering over colored button types, such as button--navy, button-indigo etc. Uses the native Xenforo xf-intensify or xf-diminish functions." property_type="value" value_type="radio" depends_on="" value_group="buttons" display_order="400" addon_id="">
      <value_parameters>xf-intensify=Intensify
xf-diminish=Diminish</value_parameters>
      <value>"xf-intensify"</value>
    </property>
    <property property_name="nlColorButtonHoverRange" group_name="nlUISettings" title="Color button blend amount (%)" description="" property_type="value" value_type="number" depends_on="" value_group="buttons" display_order="410" addon_id="">
      <value_parameters>min=1
max=30
step=1</value_parameters>
      <value>"10"</value>
    </property>
    <property property_name="nlCompactHeaderNavStrip" group_name="nlHeaderSettings" title="Compact header" description="Styles the compact header/navigation row, which contains both the logo and navigation links" property_type="css" value_type="" depends_on="" value_group="" display_order="12000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "padding-top": "@xf-paddingLarge",
    "padding-bottom": "@xf-paddingLarge"
}</value>
    </property>
    <property property_name="nlCompactHeaderNavTab" group_name="nlHeaderSettings" title="Compact header - navigation tab" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="12200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "margin-right: 2px;"
}</value>
    </property>
    <property property_name="nlCompactHeaderNavTabHover" group_name="nlHeaderSettings" title="Compact header - navigation tab - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="12300" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "#fff"
}</value>
    </property>
    <property property_name="nlCompactHeaderSticky" group_name="nlHeaderSettings" title="Compact header - sticky" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="12050" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlCompactHeaderSubNav" group_name="nlHeaderSettings" title="Compact header - sub-navigation row" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="12400" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlCompactHeaderSubNavLink" group_name="nlHeaderSettings" title="Compact header - sub-navigation link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="12410" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlCompactHeaderSubNavLinkHover" group_name="nlHeaderSettings" title="Compact header - sub-navigation link hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="12420" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlCompactLogo" group_name="nlHeaderSettings" title="Compact header - logo" description="Styles the logo within the navigation row when Compact Header mode is enabled." property_type="css" value_type="" depends_on="" value_group="" display_order="12100" css_components="background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "margin-right: @xf-contentPadding;"
}</value>
    </property>
    <property property_name="nlCompactPrimaryLogoSpan" group_name="nlHeaderSettings" title="- Primary logo span" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="12120" css_components="text,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlCompactSecondaryLogoSpan" group_name="nlHeaderSettings" title="- Secondary logo span" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="12130" css_components="text,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlCompactTextLogo" group_name="nlHeaderSettings" title="Compact header - text-based logo" description="Override styling for the text-based logo when the compact header option is enabled" property_type="css" value_type="" depends_on="" value_group="" display_order="12110" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "inherit"
}</value>
    </property>
    <property property_name="nlContactUseCustomPage" group_name="nlPageLayouts" title="Use custom HTML page wrapper" description="Check to use an advanced Contact Us page template.&lt;br/&gt;&#10;You can customize this page by editing &lt;b&gt;Templates -&gt; nl_contact_page_wrapper&lt;/b&gt; template." property_type="value" value_type="boolean" depends_on="" value_group="contactUs" display_order="200" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlContactUseInlineForm" group_name="nlPageLayouts" title="Contact form type" description="" property_type="value" value_type="radio" depends_on="" value_group="contactUs" display_order="200" addon_id="">
      <value_parameters>default=Default (two-column layout)
inline=Inline (labels above form fields)</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlContentLayout" group_name="nlUXSettings" title="Content layout" description="" property_type="value" value_type="radio" depends_on="" value_group="layout" display_order="100" addon_id="">
      <value_parameters>floating=Floating content
boxed=Boxed layout</value_parameters>
      <value>"boxed"</value>
    </property>
    <property property_name="nlContentRowTitle" group_name="block" title="Content row - title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="21030" css_components="text,extra" addon_id="">
      <value>{
    "font-size": "inherit",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlContentText" group_name="nlHelperSettings" title="Content Text" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="8200" addon_id="">
      <value>"rgb(0, 255, 255)"</value>
    </property>
    <property property_name="nlControlColor" group_name="input" title="Checkbox color" description="" property_type="value" value_type="color" depends_on="" value_group="toggleControls" display_order="500" addon_id="">
      <value>"@xf-textColorDimmed"</value>
    </property>
    <property property_name="nlControlColorActive" group_name="input" title="Checkbox color - hover/checked" description="" property_type="value" value_type="color" depends_on="" value_group="toggleControls" display_order="510" addon_id="">
      <value>"@xf-linkHoverColor"</value>
    </property>
    <property property_name="nlControlHoverCursor" group_name="input" title="Checkbox hover cursor" description="" property_type="value" value_type="select" depends_on="" value_group="toggleControls" display_order="580" addon_id="">
      <value_parameters>default=Default
pointer=Pointer</value_parameters>
      <value>"pointer"</value>
    </property>
    <property property_name="nlControlLabelColor" group_name="input" title="Checkbox label" description="" property_type="value" value_type="color" depends_on="" value_group="toggleControls" display_order="530" addon_id="">
      <value>"@xf-textColorDimmed"</value>
    </property>
    <property property_name="nlControlLabelColorActive" group_name="input" title="Checkbox label - checked" description="" property_type="value" value_type="color" depends_on="" value_group="toggleControls" display_order="540" addon_id="">
      <value>"@xf-textColor"</value>
    </property>
    <property property_name="nlCopyrightKey" group_name="nlThemeSettings" title="Enter Branding Removal License Key" description="Enter the Branding Free license key you received at www.nulumia.com. If you purchased a valid key, it will appear at:&lt;br&gt;&lt;a href=&quot;https://www.nulumia.com/shop/my-downloads/&quot;&gt;www.nulumia.com/shop/my-downloads/&lt;/a&gt;" property_type="value" value_type="string" depends_on="nlCopyrightOff" value_group="license" display_order="10200" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlCopyrightOff" group_name="nlThemeSettings" title="Use Copyright Removal Key" description="Disable copyright after purchasing a Branding Removal license" property_type="value" value_type="boolean" depends_on="" value_group="license" display_order="10100" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlCustomBackgroundDesktop" group_name="nlBackgroundSettings" title="Custom background (desktop)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="background,extra" addon_id="">
      <value>{
    "background-image": "@xf-nlCustomBackgroundPath",
    "extra": "background-attachment: fixed;\nbackground-repeat: no-repeat;\nbackground-position: center top;\nbackground-size: cover;"
}</value>
    </property>
    <property property_name="nlCustomBackgroundPath" group_name="nlBackgroundSettings" title="Single background image path" description="This setting will override the default background, found in:&lt;br&gt;&#10;Style Properties -&gt; Page setup -&gt; Page background" property_type="value" value_type="string" depends_on="" value_group="singleCustomBackground" display_order="1000" addon_id="">
      <value>"https://i.imgur.com/26bovRI.jpg"</value>
    </property>
    <property property_name="nlDBTechEcommHideShortDesc" group_name="nlAddonCompatibilitySettings" title="Hide product short description" description="Check this option to hide the short product description." property_type="value" value_type="boolean" depends_on="nlDBTechEcommUseNlLayout" value_group="dragonbyteEcommerceProductPage" display_order="355" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlDBTechEcommPrice" group_name="nlAddonCompatibilitySettings" title="DBTech Ecommerce - product page - price" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeLarger",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlDBTechEcommSidebarWidth" group_name="nlAddonCompatibilitySettings" title="Product page: custom sidebar width" description="Set an optional width in pixels for the sidebar on product pages" property_type="value" value_type="unit" depends_on="" value_group="dragonbyteEcommerceProductPage" display_order="360" addon_id="">
      <value>"330px"</value>
    </property>
    <property property_name="nlDBTechEcommSlickAttachPos" group_name="nlAddonCompatibilitySettings" title="Attachment scroller position" description="" property_type="value" value_type="radio" depends_on="" value_group="dragonbyteEcommerce" display_order="306" addon_id="">
      <value_parameters>side=Side, next to product image
below=Below product image</value_parameters>
      <value>"side"</value>
    </property>
    <property property_name="nlDBTechEcommThumbWrapper" group_name="nlAddonCompatibilitySettings" title="DBTech ecommerce - product list - thumbnail wrapper" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11000" css_components="background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "padding": "4px"
}</value>
    </property>
    <property property_name="nlDBTechEcommUseNlLayout" group_name="nlAddonCompatibilitySettings" title="Product Page: Use Nulumia theme layout" description="Check to use a custom layout for product pages." property_type="value" value_type="boolean" depends_on="" value_group="dragonbyteEcommerceProductPage" display_order="350" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlDBTechEcommWidgetAvatarSize" group_name="nlAddonCompatibilitySettings" title="[DBTech Ecommerce] Product widget avatar size" description="" property_type="value" value_type="radio" depends_on="" value_group="dragonbyteEcommerce" display_order="300" addon_id="">
      <value_parameters>xxs=XX Small (default)
xs=X Small
s=Small
m=Medium
l=Large</value_parameters>
      <value>"s"</value>
    </property>
    <property property_name="nlDBTechEcommWidgetDescMaxLength" group_name="nlAddonCompatibilitySettings" title="Product widgets: description max length" description="Enter a value in characters to limit the length of the product widget description" property_type="value" value_type="number" depends_on="" value_group="dragonbyteEcommerceListings" display_order="323" addon_id="">
      <value_parameters>min=20
max=120
step=1</value_parameters>
      <value>"80"</value>
    </property>
    <property property_name="nlDBTechEcommWidgetInnerPadding" group_name="nlAddonCompatibilitySettings" title="Product widgets: inner content padding" description="By default, uses the node row inner padding value. Enter a value in pixels to override this setting." property_type="value" value_type="unit" depends_on="" value_group="dragonbyteEcommerceListings" display_order="321" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlDBTechEcommWidgetPrice" group_name="nlAddonCompatibilitySettings" title="DBTech Ecommerce - product list - widget price" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlDBTechEcommWidgetShowAddToCart" group_name="nlAddonCompatibilitySettings" title="Product widgets: show Add to Cart button" description="" property_type="value" value_type="boolean" depends_on="" value_group="dragonbyteEcommerceListings" display_order="335" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlDBTechEcommWidgetShowDesc" group_name="nlAddonCompatibilitySettings" title="Product widgets: description display" description="" property_type="value" value_type="radio" depends_on="" value_group="dragonbyteEcommerceListings" display_order="322" addon_id="">
      <value_parameters>default=Inherit forum/node description display method (default)
show=Show
hide=Hide</value_parameters>
      <value>"show"</value>
    </property>
    <property property_name="nlDBTechEcommWidgetShowMeta" group_name="nlAddonCompatibilitySettings" title="Product widgets: show update info" description="" property_type="value" value_type="boolean" depends_on="" value_group="dragonbyteEcommerceListings" display_order="325" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlDBTech_ecommGridItemsPerRow" group_name="nlAddonCompatibilitySettings" title="Grid layout - items per row" description="" property_type="value" value_type="number" depends_on="" value_group="dragonbyteEcommerceListings" display_order="320" addon_id="">
      <value_parameters>min=1
max=5
step=1</value_parameters>
      <value>"4"</value>
    </property>
    <property property_name="nlDataListActionItem" group_name="dataList" title="Data list action item" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20140" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding" addon_id="">
      <value>{
    "background-color": "@xf-contentAltBg"
}</value>
    </property>
    <property property_name="nlDataListActionItemHover" group_name="dataList" title="Data list action item - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20150" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentHighlightBg"
}</value>
    </property>
    <property property_name="nlDataListRow" group_name="dataList" title="Data list row" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20110" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentBg"
}</value>
    </property>
    <property property_name="nlDataListRowAlternate" group_name="dataList" title="Data list row - alternate" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20120" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentAltBg"
}</value>
    </property>
    <property property_name="nlDataListRowHover" group_name="dataList" title="Data list row - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20130" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentAltBg"
}</value>
    </property>
    <property property_name="nlDataListUseAlternatingRows" group_name="dataList" title="Use alternating rows" description="Check this setting to use alternating row colors" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="400" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlDateBlock" group_name="nlAddonCompatibilitySettings" title="Article/blog - date box" description="Styles date boxes usually found on article or blog listing items" property_type="css" value_type="" depends_on="" value_group="" display_order="10100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmallest",
    "color": "@xf-element3",
    "background-color": "@xf-element1",
    "border-width": "0",
    "padding": "@xf-paddingSmall"
}</value>
    </property>
    <property property_name="nlDateBlockCorner" group_name="nlAddonCompatibilitySettings" title="-- Corner arrow" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10110" css_components="border_color_simple,extra" addon_id="">
      <value>{
    "border-color": "xf-intensify(@xf-nlDateBlock--background-color, 15%)"
}</value>
    </property>
    <property property_name="nlDirectionalControlsWidth" group_name="nlUXSettings" title="Carousel direction controls width" description="Enter a width in pixels for direction arrow buttons found in carousel sliders" property_type="value" value_type="unit" depends_on="" value_group="carousels" display_order="800" addon_id="">
      <value>"14px"</value>
    </property>
    <property property_name="nlDiscussionGridAllowToggle" group_name="nlThreadGridSettings" title="Allow list/grid toggle" description="Check to display a small list/grid toggle icon. This will allow the user to choose a preferred layout." property_type="value" value_type="boolean" depends_on="nlUseDiscussionGrid" value_group="settings" display_order="20" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlDiscussionGridCellPadding" group_name="nlThreadGridSettings" title="Cell padding" description="Override padding of inner content in thread grid items" property_type="value" value_type="unit" depends_on="nlUseDiscussionGrid" value_group="settings" display_order="100" addon_id="">
      <value>"20px"</value>
    </property>
    <property property_name="nlDiscussionGridContainerStyle" group_name="nlThreadGridSettings" title="Container style" description="You thread grid can be placed in a container or float against the page background" property_type="value" value_type="radio" depends_on="nlUseDiscussionGrid" value_group="settings" display_order="300" addon_id="">
      <value_parameters>container=Container
floating=Floating</value_parameters>
      <value>"container"</value>
    </property>
    <property property_name="nlDiscussionGridIconBlock" group_name="nlThreadGridSettings" title="Discussion grid - avatar block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlDiscussionGridItemsPerRow" group_name="nlThreadGridSettings" title="Max items per row" description="Select a maximum limit for threads per row. Nodes will automatically stretch and fit up to this limit, based on the space available." property_type="value" value_type="number" depends_on="nlUseDiscussionGrid" value_group="settings" display_order="120" addon_id="">
      <value_parameters>step=1
min=1
max=4</value_parameters>
      <value>"2"</value>
    </property>
    <property property_name="nlDiscussionGridLastPost" group_name="nlThreadGridSettings" title="Discussion grid - last post block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10040" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "extra": "width: auto;"
}</value>
    </property>
    <property property_name="nlDiscussionGridListContainer" group_name="nlThreadGridSettings" title="Discussion grid list - container style" description="Styles the container around the grid of threads.&lt;br&gt;&#10;Targets the .structItemContainer element" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,extra" addon_id="">
      <value>{
    "background-color": "#000"
}</value>
    </property>
    <property property_name="nlDiscussionGridLock" group_name="nlHelperSettings" title="Unlock Discussion Grid" description="Unlock discussion grid beta feature" property_type="value" value_type="boolean" depends_on="" value_group="forum_view" display_order="3000" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlDiscussionGridMainBlock" group_name="nlThreadGridSettings" title="Discussion grid - title block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10020" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlDiscussionGridSpacing" group_name="nlThreadGridSettings" title="Spacing between grid items" description="" property_type="value" value_type="unit" depends_on="nlUseDiscussionGrid" value_group="settings" display_order="110" addon_id="">
      <value>"6px"</value>
    </property>
    <property property_name="nlDiscussionGridStatsBlock" group_name="nlThreadGridSettings" title="Discussion grid - stats block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10030" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmall"
}</value>
    </property>
    <property property_name="nlDiscussionGridStretchToFit" group_name="nlThreadGridSettings" title="Stretch grid items" description="Choose whether to stretch items to best fit, or remain in fixed widths" property_type="value" value_type="radio" depends_on="nlUseDiscussionGrid" value_group="settings" display_order="150" addon_id="">
      <value_parameters>stretch=Stretch / best fit
fixed=Fixed widths</value_parameters>
      <value>"stretch"</value>
    </property>
    <property property_name="nlDiscussionGridThread" group_name="nlThreadGridSettings" title="Discussion grid - thread" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10005" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-radius": "@xf-blockBorderRadius"
}</value>
    </property>
    <property property_name="nlDotControl" group_name="nlUXSettings" title="Dot control button" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-textColorDimmed",
    "extra": "content: \"\";\nborder-radius: 30px;\ndisplay: inline-block;\nheight: 8px;\noverflow: hidden;\ntext-indent: -999em;\nwidth: 8px;\nposition: relative;\nz-index: 99;\n-webkit-transition: all 0.5s linear 0s;\ntransition: all 0.2s linear 0s;\ntop: -2px;\nopacity: .3;"
}</value>
    </property>
    <property property_name="nlDotControlHover" group_name="nlUXSettings" title="Dot control button - hover, active" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-paletteColor3",
    "extra": "opacity: 1;"
}</value>
    </property>
    <property property_name="nlEWRporta_date_block" group_name="EWRporta" title="Date block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10300" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="Nulumia/XPImprovements">
      <value>{
    "font-size": "@xf-fontSizeSmallest",
    "color": "@xf-element3",
    "background-color": "@xf-element1",
    "padding": "@xf-paddingSmall"
}</value>
    </property>
    <property property_name="nlEWRporta_widget_titlePos" group_name="EWRporta" title="Article grid item: title position" description="You can choose to move the article grid item titles to inline position below the image, for a more traditional CMS item appearance." property_type="value" value_type="radio" depends_on="" value_group="articles" display_order="700" addon_id="Nulumia/XPImprovements">
      <value_parameters>default=Image overlay (default)
belowImg=Inline (below image)</value_parameters>
      <value>"belowImg"</value>
    </property>
    <property property_name="nlEnableCollapsibleNodes" group_name="nodeList" title="Enable collapsible categories" description="" property_type="value" value_type="boolean" depends_on="" value_group="collapsibleCategories" display_order="800" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlEnableFeaturedContentSlider" group_name="nlFeaturedContent" title="Enable featured content slider" description="Check to enable using the featured content slider. You may choose which positions to place your slider below.&lt;br&gt;&#10;&lt;a href=&quot;https://www.nulumia.com/documentation/xenforo/featured-content/&quot;&gt;&lt;strong&gt;Documentation &amp; Guide&lt;/strong&gt;&lt;/a&gt;" property_type="value" value_type="boolean" depends_on="" value_group="general" display_order="10" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlEnableFooterColumnA" group_name="nlFooterSettings" title="Enable Column #1" description="You may add custom HTML, or Xenforo widgets using the &lt;a href=&quot;https://www.nulumia.com/shop/nulumia-advanced-footer-widget-positions.103/&quot;&gt;Nulumia Footer Widget Locations&lt;/a&gt; addon.&lt;br&gt;Add widgets at &lt;a href=&quot;admin.php?widgets/&quot;&gt;Appearance -&gt; Widgets&lt;/a&gt;" property_type="value" value_type="boolean" depends_on="nlEnableFooterColumns" value_group="columnOne" display_order="5000" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlEnableFooterColumnB" group_name="nlFooterSettings" title="Enable Column #2" description="You may add custom HTML, or Xenforo widgets using the &lt;a href=&quot;https://www.nulumia.com/shop/nulumia-advanced-footer-widget-positions.103/&quot;&gt;Nulumia Footer Widget Locations&lt;/a&gt; addon.&lt;br&gt;Add widgets at &lt;a href=&quot;admin.php?widgets/&quot;&gt;Appearance -&gt; Widgets&lt;/a&gt;" property_type="value" value_type="boolean" depends_on="nlEnableFooterColumns" value_group="columnTwo" display_order="5200" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlEnableFooterColumnC" group_name="nlFooterSettings" title="Enable Column #3" description="You may add custom HTML, or Xenforo widgets using the &lt;a href=&quot;https://www.nulumia.com/shop/nulumia-advanced-footer-widget-positions.103/&quot;&gt;Nulumia Footer Widget Locations&lt;/a&gt; addon.&lt;br&gt;Add widgets at &lt;a href=&quot;admin.php?widgets/&quot;&gt;Appearance -&gt; Widgets&lt;/a&gt;" property_type="value" value_type="boolean" depends_on="nlEnableFooterColumns" value_group="columnThree" display_order="5300" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlEnableFooterColumnD" group_name="nlFooterSettings" title="Enable Column #4" description="You may add custom HTML, or Xenforo widgets using the &lt;a href=&quot;https://www.nulumia.com/shop/nulumia-advanced-footer-widget-positions.103/&quot;&gt;Nulumia Footer Widget Locations&lt;/a&gt; addon.&lt;br&gt;Add widgets at &lt;a href=&quot;admin.php?widgets/&quot;&gt;Appearance -&gt; Widgets&lt;/a&gt;" property_type="value" value_type="boolean" depends_on="nlEnableFooterColumns" value_group="columnFour" display_order="5400" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlEnableFooterColumnE" group_name="nlFooterSettings" title="Enable Column E" description="You may add custom HTML, or Xenforo widgets using the &lt;a href=&quot;https://www.nulumia.com/shop/nulumia-advanced-footer-widget-positions.103/&quot;&gt;Nulumia Footer Widget Locations&lt;/a&gt; addon.&lt;br&gt;Add widgets at &lt;a href=&quot;admin.php?widgets/&quot;&gt;Appearance -&gt; Widgets&lt;/a&gt;" property_type="value" value_type="boolean" depends_on="nlEnableFooterColumns" value_group="columnFive" display_order="5500" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlEnableFooterColumns" group_name="nlFooterSettings" title="Enable Footer Block Layout" description="Check to enable the advanced footer block layout on your forum.&lt;br&gt;&#10;&lt;a href=&quot;https://www.nulumia.com/documentation/xenforo/advanced-footer/&quot;&gt;&lt;strong&gt;Documentation &amp; Guide&lt;/strong&gt;&lt;/a&gt;" property_type="value" value_type="boolean" depends_on="" value_group="footerBlocks" display_order="500" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlEnableFooterLowerRows" group_name="nlFooterSettings" title="Enable Footer Bottom Rows" description="" property_type="value" value_type="boolean" depends_on="nlEnableFooterColumns" value_group="lowerRows" display_order="6000" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlEnableFooterTextureOverlay" group_name="nlFooterSettings" title="Enable footer texture overlay" description="Check to add an overlay image to your footer area. Automatically disabled on mobile." property_type="value" value_type="boolean" depends_on="nlEnableFooterColumns" value_group="extra" display_order="105" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlEnableFooterTopRow" group_name="nlFooterSettings" title="Add primary top row" description="Enables a single customizable row at the top of the footer" property_type="value" value_type="boolean" depends_on="nlEnableFooterColumns" value_group="primaryTopRow" display_order="4000" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlEnableFooterTopRow2" group_name="nlFooterSettings" title="Add secondary top row" description="" property_type="value" value_type="boolean" depends_on="nlEnableFooterColumns" value_group="secondaryTopRow" display_order="4100" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlEnableFooterUpperRows" group_name="nlFooterSettings" title="Enable Footer Upper Rows" description="Add a second row with two items. Places below the top row, and above the footer columns." property_type="value" value_type="boolean" depends_on="nlEnableFooterColumns" value_group="upperRows" display_order="3000" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlEnableFullBackgroundMode" group_name="nlBackgroundSettings" title="Background mode" description="Check to override your theme's body background with a specified image or slideshow.&lt;br&gt;&#10;&lt;a href=&quot;https://www.nulumia.com/documentation/xenforo/background-settings/&quot;&gt;&lt;strong&gt;Documentation &amp; Guide&lt;/strong&gt;&lt;/a&gt;" property_type="value" value_type="radio" depends_on="" value_group="general" display_order="10" addon_id="">
      <value_parameters>default=Default (Style Properties -&gt; Page setup -&gt; Page background)
custom=Single full image background
slideshow=Slideshow background
video=HTML5 Video (CURRENTLY INACTIVE)</value_parameters>
      <value>"custom"</value>
    </property>
    <property property_name="nlEnableFullWidth" group_name="nlThemeSettings" title="Enable full width theme" description="Unlocks fixed width themes to take full screen space." property_type="value" value_type="boolean" depends_on="" value_group="fullWidthTheme" display_order="100" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlEnableIconSlider" group_name="nlLogoIconSliderSettings" title="Enable Logo Icon Slider" description="Check to enable the Logo Icon Slider on your forum&lt;br&gt;&#10;&lt;a href=&quot;https://www.nulumia.com/documentation/xenforo/logo-icon-slider/&quot; target=&quot;_blank&quot;&gt;&lt;strong&gt;Documentation &amp; Guide&lt;/strong&gt;&lt;/a&gt;" property_type="value" value_type="boolean" depends_on="" value_group="general" display_order="1" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlEnableLogoSubtitle" group_name="nlHeaderSettings" title="Add custom logo subtitle" description="Check to add a subtitle motto underneath your logo.&#10;Example: &quot;Your Place for Book Reviews&quot;, &quot;Amazing Recipes &amp; More!&quot;, etc." property_type="value" value_type="boolean" depends_on="" value_group="logoSubtitle" display_order="350" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlEnableParticlesJsBg" group_name="nlThemeEffects" title="Enable full Particles.js background" description="" property_type="value" value_type="boolean" depends_on="nlImportParticlesJs" value_group="particlesJS" display_order="20000" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlEnableSlider" group_name="nlSliderSettings" title="Enable Slider" description="Check to enable the slideshow feature on your forum&lt;br&gt;&#10;&lt;a href=&quot;https://www.nulumia.com/documentation/xenforo/slideshow/&quot; target=&quot;_blank&quot;&gt;&lt;strong&gt;Documentation &amp; Guide&lt;/strong&gt;&lt;/a&gt;" property_type="value" value_type="boolean" depends_on="" value_group="general" display_order="1" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlEnableTextLogo" group_name="nlHeaderSettings" title="Use text-based logo" description="Check to enable using a custom text logo, instead of the default .png image logo used in Xenforo. Note that you may deactivate this setting at anytime to return to your image logo." property_type="value" value_type="boolean" depends_on="" value_group="textLogo" display_order="300" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlEnableThemeEffects" group_name="nlThemeEffects" title="Enable theme effects" description="Check to enable global effects related to your theme. Note that each theme may use different effects. These will likely be found in nl_effects.less" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="10" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlEnableThemeScrollbars" group_name="nlUXSettings" title="Use theme-styled browser scrollbars" description="Currently available for webkit browsers only (Chome, Opera, Android etc). Enabling this setting will NOT cause issues when users are not using compatible browsers." property_type="value" value_type="boolean" depends_on="" value_group="generalSettings" display_order="105" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlEnableTicker" group_name="nlTickerSettings" title="Enable Ticker" description="Enable the scrolling Ticker feature on your forum.&lt;br&gt;&#10;&lt;a href=&quot;https://www.nulumia.com/documentation/xenforo/ticker-settings/&quot;&gt;&lt;strong&gt;Documentation &amp; Guide&lt;/strong&gt;&lt;/a&gt;" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="1" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlEnableTopBar" group_name="nlHeaderSettings" title="Enable Top Bar" description="" property_type="value" value_type="boolean" depends_on="" value_group="topBar" display_order="1" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlFeaturedContentWidgetsDisplayOrder" group_name="nlFeaturedContent" title="Feature display order" description="Assigns the display order when other features are enabled, such as Slideshow, Icon Slider, and Featured Widgets" property_type="value" value_type="select" depends_on="nlEnableFeaturedContentSlider" value_group="general" display_order="20" addon_id="">
      <value_parameters>top=Top
middle=Middle
bottom=Bottom</value_parameters>
      <value>"top"</value>
    </property>
    <property property_name="nlFeaturedSliderAddTitle" group_name="nlFeaturedContent" title="Add title" description="" property_type="value" value_type="boolean" depends_on="" value_group="title" display_order="40" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlFeaturedSliderAppendDots" group_name="nlFeaturedContent" title="Dot controls location" description="" property_type="value" value_type="radio" depends_on="nlFeaturedSliderUseDotControls" value_group="controls" display_order="130" addon_id="">
      <value_parameters>block=Within container
below=Below container</value_parameters>
      <value>"block"</value>
    </property>
    <property property_name="nlFeaturedSliderAutoPlay" group_name="nlFeaturedContent" title="Auto Play" description="Check to auto play your icon slider by default" property_type="value" value_type="boolean" depends_on="nlEnableFeaturedContentSlider" value_group="settings" display_order="140" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlFeaturedSliderAutoPlayTime" group_name="nlFeaturedContent" title="Auto Play Delay" description="Enter the number (in milliseconds) to add a delay between changing slides when auto play is enabled" property_type="value" value_type="number" depends_on="nlEnableFeaturedContentSlider" value_group="settings" display_order="145" addon_id="">
      <value_parameters>min=250
max=10000
step=250</value_parameters>
      <value>"7000"</value>
    </property>
    <property property_name="nlFeaturedSliderContainer" group_name="nlFeaturedContent" title="Slider container" description="The slider container by default uses the Xenforo block content styling. You may override the styling here." property_type="css" value_type="" depends_on="" value_group="" display_order="10010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-radius": "0",
    "extra": "box-shadow: none;\nborder: none;\nbackground: linear-gradient(#313131, #1a1a1a 49%, #000000 50%, #1a1a1a 100%);"
}</value>
    </property>
    <property property_name="nlFeaturedSliderCustomPages" group_name="nlFeaturedContent" title="4. Show on custom page nodes" description="" property_type="value" value_type="boolean" depends_on="" value_group="locations" display_order="83" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlFeaturedSliderDiscussionList" group_name="nlFeaturedContent" title="2. Show on discussion list" description="" property_type="value" value_type="boolean" depends_on="" value_group="locations" display_order="81" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlFeaturedSliderDisplayMode" group_name="nlFeaturedContent" title="Slider display mode" description="Check whether to display the slider in a block, or floating with transparent background" property_type="value" value_type="radio" depends_on="nlEnableFeaturedContentSlider" value_group="general" display_order="35" addon_id="">
      <value_parameters>block=Block (solid)
floating=Floating (transparent background)</value_parameters>
      <value>"block"</value>
    </property>
    <property property_name="nlFeaturedSliderDotControl" group_name="nlFeaturedContent" title="Slider dot control" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10500" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlFeaturedSliderDotControlHover" group_name="nlFeaturedContent" title="Slider dot control - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10500" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlFeaturedSliderForumList" group_name="nlFeaturedContent" title="1. (Locations) Show on forum list" description="" property_type="value" value_type="boolean" depends_on="" value_group="locations" display_order="80" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlFeaturedSliderFullWidthRow" group_name="nlFeaturedContent" title="Full width row" description="Check to stretch the slider to the full width of the screen" property_type="value" value_type="boolean" depends_on="" value_group="general" display_order="21" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlFeaturedSliderFullWidthRowInner" group_name="nlFeaturedContent" title="-- Full width inner row" description="" property_type="value" value_type="boolean" depends_on="nlFeaturedSliderFullWidthRow" value_group="general" display_order="22" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlFeaturedSliderMaxWidgets" group_name="nlFeaturedContent" title="Number of Visible Widgets" description="" property_type="value" value_type="number" depends_on="nlEnableFeaturedContentSlider" value_group="settings" display_order="160" addon_id="">
      <value_parameters>min=1
max=5</value_parameters>
      <value>"3"</value>
    </property>
    <property property_name="nlFeaturedSliderRandomize" group_name="nlFeaturedContent" title="Randomize slides" description="&lt;span style=&quot;color: #ffffff;font-weight: bold;background: #46a7eb;padding: 2px;border-radius: 3px;&quot;&gt;NEW&lt;/span&gt; Check to randomize the order of slides on each page visit." property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="155" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlFeaturedSliderResourceList" group_name="nlFeaturedContent" title="3. Show on resource list" description="" property_type="value" value_type="boolean" depends_on="" value_group="locations" display_order="82" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlFeaturedSliderRow" group_name="nlFeaturedContent" title="Slider row" description="Styles the outer section row which contains the featured content slider elements" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlFeaturedSliderSlidesToScroll" group_name="nlFeaturedContent" title="Number of slides to scroll" description="Enter the number of slides to scroll when clicking on the navigation controls. For example, scroll one image at a time, or by groups of three." property_type="value" value_type="number" depends_on="" value_group="settings" display_order="165" addon_id="">
      <value_parameters>min=1
max=6
step=1</value_parameters>
      <value>"1"</value>
    </property>
    <property property_name="nlFeaturedSliderStartSlide" group_name="nlFeaturedContent" title="Slides start at" description="&lt;span style=&quot;color: #ffffff;font-weight: bold;background: #46a7eb;padding: 2px;border-radius: 3px;&quot;&gt;NEW&lt;/span&gt; Choose to begin the order of slides starting from the left/first slide, or placing the first slide in the center" property_type="value" value_type="radio" depends_on="" value_group="settings" display_order="150" addon_id="">
      <value_parameters>left=Left
center=Center</value_parameters>
      <value>"left"</value>
    </property>
    <property property_name="nlFeaturedSliderTitle" group_name="nlFeaturedContent" title="Slider title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10005" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColorMuted",
    "font-weight": "@xf-fontWeightHeavy",
    "extra": "text-align: center;\ntext-transform: uppercase;"
}</value>
    </property>
    <property property_name="nlFeaturedSliderTitleHtml" group_name="nlFeaturedContent" title="HTML title" description="You can enter advanced HTML content for the slider title here" property_type="value" value_type="string" depends_on="nlFeaturedSliderAddTitle" value_group="title" display_order="51" addon_id="">
      <value_parameters>rows=3</value_parameters>
      <value>"&lt;h4 style=\"color: #fff; font-weight: normal;\"&gt;A place to connect&lt;/h4&gt;\n&lt;h2 style=\"color: #fff; font-size: 24px;\"&gt;Welcome to the forums&lt;/h2&gt;"</value>
    </property>
    <property property_name="nlFeaturedSliderTitleMode" group_name="nlFeaturedContent" title="Title entry mode" description="" property_type="value" value_type="radio" depends_on="nlFeaturedSliderAddTitle" value_group="title" display_order="41" addon_id="">
      <value_parameters>simple=Simple (title will be placed in an H3 heading)
advanced=Advanced HTML</value_parameters>
      <value>"simple"</value>
    </property>
    <property property_name="nlFeaturedSliderTitleText" group_name="nlFeaturedContent" title="Simple title" description="Value will be placed in an H3 tag" property_type="value" value_type="string" depends_on="nlFeaturedSliderAddTitle" value_group="title" display_order="50" addon_id="">
      <value>"Featured Content"</value>
    </property>
    <property property_name="nlFeaturedSliderToEdge" group_name="nlFeaturedContent" title="Stretch slider to edge of content" description="Check to align your slider with the full width of the @content area. This will make sure your slider is not set inside the padding of the @content container." property_type="value" value_type="boolean" depends_on="nlEnableFeaturedContentSlider" value_group="general" display_order="30" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlFeaturedSliderTrackList" group_name="nlFeaturedContent" title="Slider track list" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlFeaturedSliderUseArrowControls" group_name="nlFeaturedContent" title="Show arrow controls" description="" property_type="value" value_type="boolean" depends_on="" value_group="controls" display_order="124" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlFeaturedSliderUseDotControls" group_name="nlFeaturedContent" title="Show dot controls" description="" property_type="value" value_type="boolean" depends_on="" value_group="controls" display_order="125" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlFeaturedSliderWidget1" group_name="nlFeaturedContent" title="Widget #1 - Content" description="Enter the HTML content for your Featured Widget" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="300" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;a href=\"#\"&gt;\n\n&lt;img src=\"https://i.imgur.com/1nLaMnl.jpg\" /&gt;\n\n&lt;/a&gt;"</value>
    </property>
    <property property_name="nlFeaturedSliderWidget10" group_name="nlFeaturedContent" title="Widget #10 - Content" description="" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="400" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;a href=\"#\"&gt;\n\n&lt;img src=\"https://i.imgur.com/mYjAaAh.jpg\" /&gt;\n\n&lt;/a&gt;"</value>
    </property>
    <property property_name="nlFeaturedSliderWidget11" group_name="nlFeaturedContent" title="Widget #11 - Content" description="" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="410" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>""</value>
    </property>
    <property property_name="nlFeaturedSliderWidget12" group_name="nlFeaturedContent" title="Widget #12 - Content" description="" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="420" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>""</value>
    </property>
    <property property_name="nlFeaturedSliderWidget13" group_name="nlFeaturedContent" title="Widget #13 - Content" description="" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="430" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>""</value>
    </property>
    <property property_name="nlFeaturedSliderWidget14" group_name="nlFeaturedContent" title="Widget #14 - Content" description="" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="440" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>""</value>
    </property>
    <property property_name="nlFeaturedSliderWidget15" group_name="nlFeaturedContent" title="Widget #15 - Content" description="" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="450" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>""</value>
    </property>
    <property property_name="nlFeaturedSliderWidget2" group_name="nlFeaturedContent" title="Widget #2 - Content" description="" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="320" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;a href=\"#\"&gt;\n\n&lt;img src=\"https://i.imgur.com/lBQb1Dt.jpg\" /&gt;\n\n&lt;/a&gt;"</value>
    </property>
    <property property_name="nlFeaturedSliderWidget3" group_name="nlFeaturedContent" title="Widget #3 - Content" description="Enter the HTML content for your Featured Widget" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="330" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;a href=\"#\"&gt;\n\n&lt;img src=\"https://i.imgur.com/sAsYqjx.jpg\" /&gt;\n\n&lt;/a&gt;"</value>
    </property>
    <property property_name="nlFeaturedSliderWidget4" group_name="nlFeaturedContent" title="Widget #4 - Content" description="Enter the HTML content for your Featured Widget" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="340" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;a href=\"#\"&gt;\n\n&lt;img src=\"https://i.imgur.com/mYjAaAh.jpg\" /&gt;\n\n&lt;/a&gt;"</value>
    </property>
    <property property_name="nlFeaturedSliderWidget5" group_name="nlFeaturedContent" title="Widget #5 - Content" description="Enter the HTML content for your Featured Widget" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="350" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;a href=\"#\"&gt;\n\n&lt;img src=\"https://i.imgur.com/RXfi5Bn.jpg\" /&gt;\n\n&lt;/a&gt;"</value>
    </property>
    <property property_name="nlFeaturedSliderWidget6" group_name="nlFeaturedContent" title="Widget #6 - Content" description="" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="360" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;a href=\"#\"&gt;\n\n&lt;img src=\"https://i.imgur.com/GmGAmG1.jpg\" /&gt;\n\n&lt;/a&gt;"</value>
    </property>
    <property property_name="nlFeaturedSliderWidget7" group_name="nlFeaturedContent" title="Widget #7 - Content" description="" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="370" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;a href=\"#\"&gt;\n\n&lt;img src=\"https://i.imgur.com/5A6oPtJ.jpg\" /&gt;\n\n&lt;/a&gt;"</value>
    </property>
    <property property_name="nlFeaturedSliderWidget8" group_name="nlFeaturedContent" title="Widget #8 - Content" description="" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="380" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;a href=\"#\"&gt;\n\n&lt;img src=\"https://i.imgur.com/zS9A6F2.jpg\" /&gt;\n\n&lt;/a&gt;"</value>
    </property>
    <property property_name="nlFeaturedSliderWidget9" group_name="nlFeaturedContent" title="Widget #9 - Content" description="" property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="widgets" display_order="390" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/fb1MR85XFOc\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen&gt;&lt;/iframe&gt;"</value>
    </property>
    <property property_name="nlFeaturedWidget" group_name="nlFeaturedContent" title="Featured widget" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColor"
}</value>
    </property>
    <property property_name="nlFeaturedWidgetAutoAlign" group_name="nlFeaturedContent" title="Attempt to Auto-Align Content" description="When using the code supplied in the default theme widgets, this setting may be helpful to auto-align content such as Youtube videos, banners, etc. If you're using custom HTML, you should TURN THIS OFF." property_type="value" value_type="boolean" depends_on="nlEnableFeaturedContentSlider" value_group="settings" display_order="120" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlFeaturedWidgetH2" group_name="nlFeaturedContent" title="Featured widget H2" description="Styles H2 title tags within the featured widgets" property_type="css" value_type="" depends_on="" value_group="" display_order="10310" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "margin: @xf-paddingMedium auto;"
}</value>
    </property>
    <property property_name="nlFeaturedWidgetH3" group_name="nlFeaturedContent" title="Featured widget H3" description="Styles H3 title tags within the featured widgets" property_type="css" value_type="" depends_on="" value_group="" display_order="10320" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "margin-bottom: @xf-paddingMedium;"
}</value>
    </property>
    <property property_name="nlFeaturedWidgetHeading" group_name="nlFeaturedContent" title="Featured widget headings" description="Base styling for all &amp;lt;h&amp;gt; tags within featured widgets" property_type="css" value_type="" depends_on="" value_group="" display_order="10300" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-linkColor"
}</value>
    </property>
    <property property_name="nlFeaturedWidgetSpacing" group_name="nlFeaturedContent" title="Featured widget spacing" description="Enter an amount in pixels for the spacing between widgets" property_type="value" value_type="unit" depends_on="nlEnableFeaturedContentSlider" value_group="settings" display_order="100" addon_id="">
      <value>"20px"</value>
    </property>
    <property property_name="nlFeaturedWidgetsCustomCSS" group_name="nlFeaturedContent" title="Inline CSS" description="Add your own custom inline CSS for styling your widgets. You can also place JS inserts or other relevant code snippets needed for your widgets." property_type="value" value_type="string" depends_on="nlEnableFeaturedContentSlider" value_group="inline_css" display_order="1000" addon_id="">
      <value_parameters>rows=6</value_parameters>
      <value>".featuredWidget img {\n    transition: .2s all;\n}\n.featuredWidget img:hover {\n    transform: scale(1.01);\n}"</value>
    </property>
    <property property_name="nlFloatingTextColor" group_name="nlUXSettings" title="Floating text color" description="Adjusts the color of floating text against dark backgrounds" property_type="value" value_type="color" depends_on="nlFloatingTextDarkFix" value_group="layout" display_order="125" addon_id="">
      <value>"rgb(255, 255, 255)"</value>
    </property>
    <property property_name="nlFloatingTextDarkClasses" group_name="nlUXSettings" title="Floating text adjust classes" description="You can specify multiple element classes here to adjust against darker backgrounds. These values should take the form of CSS." property_type="value" value_type="string" depends_on="nlFloatingTextDarkFix" value_group="layout" display_order="130" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>""</value>
    </property>
    <property property_name="nlFloatingTextDarkFix" group_name="nlUXSettings" title="Adjust floating text on dark backgrounds" description="Check to override the color of floating text when custom background or slideshow modes are enabled. This can help brighten text when it is hard to read against darker custom backgrounds." property_type="value" value_type="boolean" depends_on="" value_group="layout" display_order="120" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlFooterBlockSpacing" group_name="nlFooterSettings" title="Footer Block Spacing" description="Enter a value in pixels to separate blocks and columns in your footer layout. Columns can also be styled individually by using the properties on the left." property_type="value" value_type="unit" depends_on="nlEnableFooterColumns" value_group="footerBlocks" display_order="510" addon_id="">
      <value>"20px"</value>
    </property>
    <property property_name="nlFooterColumn" group_name="nlFooterSettings" title="Column" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="30000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-image": "@xf-themePath/xenforo/skin/footer_fade_panel.png",
    "padding-top": "50px",
    "padding-right": "48px",
    "padding-bottom": "0",
    "padding-left": "48px",
    "extra": "line-height: 1.8;\nmin-height: 300px;\nbackground-repeat: no-repeat;\nbackground-position: left top;"
}</value>
    </property>
    <property property_name="nlFooterColumnAAddLogo" group_name="nlFooterSettings" title="Add logo to top of column" description="Check to automatically add your logo to the header of Column A" property_type="value" value_type="boolean" depends_on="nlEnableFooterColumnA" value_group="columnOne" display_order="5010" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlFooterColumnAAddSocial" group_name="nlFooterSettings" title="Add social links to column" description="" property_type="value" value_type="boolean" depends_on="nlEnableFooterColumnA" value_group="columnOne" display_order="5030" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlFooterColumnAHTML" group_name="nlFooterSettings" title="Column #1 content" description="" property_type="value" value_type="string" depends_on="nlFooterColumnAShowHTML" value_group="columnOne" display_order="5020" addon_id="">
      <value_parameters>rows=6</value_parameters>
      <value>"&lt;p style=\"text-align:center;\"&gt;\n&lt;a href=\"index.php\" class=\"footerLogo\"&gt;\n&lt;img src=\"https://i.imgur.com/JjFZhud.png\" /&gt;\n&lt;/a&gt;\n&lt;/p&gt;"</value>
    </property>
    <property property_name="nlFooterColumnALogoHideMotto" group_name="nlFooterSettings" title="-- Hide logo subtitle" description="" property_type="value" value_type="boolean" depends_on="nlFooterColumnAAddLogo" value_group="columnOne" display_order="5015" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlFooterColumnAShowHTML" group_name="nlFooterSettings" title="Use custom HTML" description="Check to display custom HTML which you may enter below. Uncheck to hide your custom content, which can be useful when only choosing to display Xenforo widgets within the column." property_type="value" value_type="boolean" depends_on="nlEnableFooterColumnA" value_group="columnOne" display_order="5019" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlFooterColumnAWidth" group_name="nlFooterSettings" title="Set column width (optional)" description="Enter a value in pixels (px) or percent (%) to manually set the column width.&lt;br&gt;&lt;strong&gt;Preferably, you should only set a custom width for 1-2 columns at a time.&lt;/strong&gt;" property_type="value" value_type="unit" depends_on="nlEnableFooterColumnA" value_group="columnOne" display_order="5005" addon_id="">
      <value>"35%"</value>
    </property>
    <property property_name="nlFooterColumnBHTML" group_name="nlFooterSettings" title="Column #2 content" description="" property_type="value" value_type="string" depends_on="nlFooterColumnBShowHTML" value_group="columnTwo" display_order="5220" addon_id="">
      <value_parameters>rows=6</value_parameters>
      <value>"&lt;h3&gt;About Us&lt;/h3&gt;\n&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget venenatis enim, vel viverra lectus. Integer vestibulum erat at ullamcorper congue..&lt;/p&gt;\n&lt;p&gt;&lt;a href=\"#\" class=\"button\"&gt;Read More!&lt;/a&gt;&lt;/p&gt;"</value>
    </property>
    <property property_name="nlFooterColumnBShowHTML" group_name="nlFooterSettings" title="Use custom HTML" description="Check to display custom HTML which you may enter below. Uncheck to hide your custom content, which can be useful when only choosing to display Xenforo widgets within the column." property_type="value" value_type="boolean" depends_on="nlEnableFooterColumnB" value_group="columnTwo" display_order="5219" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlFooterColumnBWidth" group_name="nlFooterSettings" title="Set column width (optional)" description="Enter a value in pixels (px) or percent (%) to manually set the column width.&lt;br&gt;&lt;strong&gt;Preferably, you should only set a custom width for 1-2 columns at a time.&lt;/strong&gt;" property_type="value" value_type="unit" depends_on="nlEnableFooterColumnB" value_group="columnTwo" display_order="5210" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlFooterColumnBulletType" group_name="nlFooterSettings" title="Column bullet list type" description="Check how to display bulleted list icons within the footer block columns. When using FontAwesome mode, you can specify the icon using the style property below (Column list item icon)" property_type="value" value_type="select" depends_on="nlEnableFooterColumns" value_group="columns" display_order="560" addon_id="">
      <value_parameters>none=None
default=Default
fa=FontAwesome</value_parameters>
      <value>"none"</value>
    </property>
    <property property_name="nlFooterColumnCHTML" group_name="nlFooterSettings" title="Column #3 content" description="" property_type="value" value_type="string" depends_on="nlFooterColumnCShowHTML" value_group="columnThree" display_order="5310" addon_id="">
      <value_parameters>rows=6</value_parameters>
      <value>"&lt;h3&gt;Related Links&lt;/h3&gt;\n&lt;ul class=\"footer-list\"&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;About Us&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Esports News&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Tournaments&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;League Standings&lt;/a&gt;&lt;/li&gt;\n&lt;/ul&gt;"</value>
    </property>
    <property property_name="nlFooterColumnCShowHTML" group_name="nlFooterSettings" title="Use custom HTML" description="Check to display custom HTML which you may enter below. Uncheck to hide your custom content, which can be useful when only choosing to display Xenforo widgets within the column." property_type="value" value_type="boolean" depends_on="nlEnableFooterColumnC" value_group="columnThree" display_order="5309" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlFooterColumnCWidth" group_name="nlFooterSettings" title="Set column width (optional)" description="Enter a value in pixels (px) or percent (%) to manually set the column width.&lt;br&gt;&lt;strong&gt;Preferably, you should only set a custom width for 1-2 columns at a time.&lt;/strong&gt;" property_type="value" value_type="unit" depends_on="nlEnableFooterColumnC" value_group="columnThree" display_order="5305" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlFooterColumnDHTML" group_name="nlFooterSettings" title="Column #4 content" description="" property_type="value" value_type="string" depends_on="nlFooterColumnDShowHTML" value_group="columnFour" display_order="5410" addon_id="">
      <value_parameters>rows=6</value_parameters>
      <value>"&lt;h3&gt;Get In Touch&lt;/h3&gt;\n&lt;ul class=\"footer-list\"&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Support Forum&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Help Center&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"mailto:contact@yoursite.com\"&gt;contact@yoursite.com&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"https://www.facebook.com\" target=\"_blank\"&gt;Connect on Facebook&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"https://www.facebook.com\" target=\"_blank\"&gt;VIP Memberships&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=\"https://www.facebook.com\" target=\"_blank\"&gt;Subscriptions&lt;/a&gt;&lt;/li&gt;\n&lt;/ul&gt;"</value>
    </property>
    <property property_name="nlFooterColumnDShowHTML" group_name="nlFooterSettings" title="Use custom HTML" description="Check to display custom HTML which you may enter below. Uncheck to hide your custom content, which can be useful when only choosing to display Xenforo widgets within the column." property_type="value" value_type="boolean" depends_on="nlEnableFooterColumnD" value_group="columnFour" display_order="5409" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlFooterColumnDWidth" group_name="nlFooterSettings" title="Set column width (optional)" description="Enter a value in pixels (px) or percent (%) to manually set the column width.&lt;br&gt;&lt;strong&gt;Preferably, you should only set a custom width for 1-2 columns at a time.&lt;/strong&gt;" property_type="value" value_type="unit" depends_on="nlEnableFooterColumnD" value_group="columnFour" display_order="5405" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlFooterColumnEHTML" group_name="nlFooterSettings" title="Column #5 content" description="" property_type="value" value_type="string" depends_on="nlFooterColumnEShowHTML" value_group="columnFive" display_order="5510" addon_id="">
      <value_parameters>rows=6</value_parameters>
      <value>"&lt;h3&gt;Get In Touch&lt;/h3&gt;\n&lt;ul class=\"footer-list\"&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Support Forum&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Help Center&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"mailto:contact@yoursite.com\"&gt;contact@yoursite.com&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"https://www.facebook.com\" target=\"_blank\"&gt;Connect on Facebook&lt;/a&gt;&lt;/li&gt;\n&lt;/ul&gt;"</value>
    </property>
    <property property_name="nlFooterColumnEShowHTML" group_name="nlFooterSettings" title="Use custom HTML" description="Check to display custom HTML which you may enter below. Uncheck to hide your custom content, which can be useful when only choosing to display Xenforo widgets within the column." property_type="value" value_type="boolean" depends_on="nlEnableFooterColumnE" value_group="columnFive" display_order="5509" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlFooterColumnEWidth" group_name="nlFooterSettings" title="Set column width (optional)" description="Enter a value in pixels (px) or percent (%) to manually set the column width.&lt;br&gt;&lt;strong&gt;Preferably, you should only set a custom width for 1-2 columns at a time.&lt;/strong&gt;" property_type="value" value_type="unit" depends_on="nlEnableFooterColumnE" value_group="columnFive" display_order="5505" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlFooterColumnHeaderMargin" group_name="nlFooterSettings" title="Footer column heading margin" description="Set the spacing between column headings and content" property_type="value" value_type="unit" depends_on="nlEnableFooterColumns" value_group="columns" display_order="550" addon_id="">
      <value>"20px"</value>
    </property>
    <property property_name="nlFooterColumnInnerWrapper" group_name="nlFooterSettings" title="Footer blocks inner wrapper" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="19500" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "padding-top": "60px",
    "padding-bottom": "60px"
}</value>
    </property>
    <property property_name="nlFooterColumnListBulletFa" group_name="nlFooterSettings" title="Column list bullet (Font Awesome)" description="Styles the list bullets when using Font Awesome" property_type="css" value_type="" depends_on="" value_group="" display_order="30310" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-paletteColor3",
    "extra": "font-family: fontawesome;\ncontent: \"\\f105\";\ndisplay: inline-block;\nmargin: 0 6px 0 4px;"
}</value>
    </property>
    <property property_name="nlFooterColumnListItem" group_name="nlFooterSettings" title="Column list item" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="30200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-footerTextColorDimmed",
    "padding-top": "6px",
    "padding-right": "8px",
    "padding-bottom": "6px",
    "padding-left": "8px",
    "extra": "display: inline-block;\nwidth: 100%;"
}</value>
    </property>
    <property property_name="nlFooterColumnListItemHover" group_name="nlFooterSettings" title="Column list item - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="30300" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-linkHoverColor",
    "background-color": "rgba(255,255,255,0.1)"
}</value>
    </property>
    <property property_name="nlFooterColumnListItemIcon" group_name="nlFooterSettings" title="Column list item - icon" description="Styles icons placed within list items, such as contact, address, etc" property_type="css" value_type="" depends_on="" value_group="" display_order="30305" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlFooterColumnLogoAltLink" group_name="nlFooterSettings" title="Specify alternative logo" description="Useful for adding a different color schemed logo within the footer" property_type="value" value_type="string" depends_on="nlFooterColumnAAddLogo" value_group="columnOne" display_order="5011" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlFooterColumnTitle" group_name="nlFooterSettings" title="Column title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="30100" css_components="text,background,border,border_width_simple,border_color_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-paletteColor3",
    "extra": "text-shadow: -1px -1px #000;"
}</value>
    </property>
    <property property_name="nlFooterColumnWrapper" group_name="nlFooterSettings" title="Footer blocks outer wrapper" description="Styles the main container around the footer block layout." property_type="css" value_type="" depends_on="" value_group="" display_order="999" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlFooterContentMax" group_name="footer" title="Footer content max width" description="Override the default page width values set in the Page Setup group." property_type="value" value_type="unit" depends_on="" value_group="layout" display_order="10" addon_id="">
      <value>"@xf-pageWidthMax"</value>
    </property>
    <property property_name="nlFooterCopyright" group_name="footer" title="Footer copyright" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20500" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-footerTextColorMuted",
    "background-color": "#222",
    "padding-top": "30px",
    "padding-bottom": "30px",
    "extra": "text-align: center;"
}</value>
    </property>
    <property property_name="nlFooterCopyrightItemDisplay" group_name="nlFooterSettings" title="Copyright item display" description="By default, items added to the copyright area (such as text by third party services and products) are added to a new line in the copyright. You can change this here." property_type="value" value_type="radio" depends_on="" value_group="layout" display_order="35" addon_id="">
      <value_parameters>default=New line (default)
compact=Together (same line)</value_parameters>
      <value>"compact"</value>
    </property>
    <property property_name="nlFooterCopyrightLink" group_name="footer" title="-- Link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20501" css_components="text,extra" addon_id="">
      <value>{
    "color": "inherit"
}</value>
    </property>
    <property property_name="nlFooterCopyrightLinkHover" group_name="footer" title="-- Link - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20502" css_components="text,extra" addon_id="">
      <value>{
    "color": "@xf-footerLinkColorHover"
}</value>
    </property>
    <property property_name="nlFooterDebug" group_name="footer" title="Footer debug row" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20600" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmallest",
    "color": "rgba(255,255,255,0.5)",
    "background-color": "#222",
    "padding-top": "@xf-paddingSmall",
    "padding-bottom": "@xf-paddingSmall",
    "extra": "a {\n\tcolor: inherit;\n}"
}</value>
    </property>
    <property property_name="nlFooterDualColumnBlockStyle" group_name="nlFooterSettings" title="Dual-column row block" description="Styles the double-column row blocks" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "box-sizing: border-box;\nmargin-right: @xf-nlFooterBlockSpacing;"
}</value>
    </property>
    <property property_name="nlFooterFlexItem" group_name="nlFooterSettings" title="Flexible blocks" description="Styles the container around rows of footer columns" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "flex: 1;\nbox-sizing: border-box;"
}</value>
    </property>
    <property property_name="nlFooterFlexRow" group_name="nlFooterSettings" title="Block row" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "margin-top: @xf-nlFooterBlockSpacing;\ndisplay: flex;\nflex-wrap: wrap;"
}</value>
    </property>
    <property property_name="nlFooterGalleryColumns" group_name="nlFooterSettings" title="Gallery widget thumbnails per row" description="Set the max thumbnails per row in embedded widgets such as Flickr or Instagram galleries" property_type="value" value_type="number" depends_on="nlEnableFooterColumns" value_group="widgets" display_order="600" addon_id="">
      <value_parameters>min=1
max=4
step=1</value_parameters>
      <value>"3"</value>
    </property>
    <property property_name="nlFooterHeadings" group_name="nlFooterSettings" title="Headings" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,border,border_width_simple,border_color_simple,extra" addon_id="">
      <value>{
    "color": "@xf-footerLinkColor",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlFooterHideChooserLinks" group_name="nlFooterSettings" title="Hide footer bar extra links" description="Check to hide the links normally found within the footer chooser bar (Contact, Terms, Help, RSS)" property_type="value" value_type="boolean" depends_on="" value_group="extra" display_order="115" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlFooterHideStyleChooser" group_name="nlFooterSettings" title="Hide style chooser link" description="" property_type="value" value_type="boolean" depends_on="" value_group="extra" display_order="110" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlFooterInput" group_name="footer" title="Text input" description="Overrides styling for footer text fields" property_type="css" value_type="" depends_on="" value_group="" display_order="20051" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "rgba(0,0,0,0.05)"
}</value>
    </property>
    <property property_name="nlFooterLayout" group_name="nlFooterSettings" title="Footer Layout" description="" property_type="value" value_type="radio" depends_on="" value_group="layout" display_order="20" addon_id="">
      <value_parameters>stretch=Stretch footer
fixed=Fixed width footer</value_parameters>
      <value>"stretch"</value>
    </property>
    <property property_name="nlFooterLinksBar" group_name="footer" title="Footer chooser and links bar" description="Styles the row container around style, language menus and additional links" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "padding-top": "14px",
    "padding-bottom": "14px",
    "extra": ".m-pageWidth();\nposition: relative;\nz-index: 100;\nmargin: 0 auto 20px;"
}</value>
    </property>
    <property property_name="nlFooterLinksBarChooserLink" group_name="footer" title="-- Style and language button" description="Styles the popup links for the style and language chooser menus" property_type="css" value_type="" depends_on="" value_group="" display_order="20210" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-element3",
    "background-color": "@xf-element1",
    "border-width": "1px",
    "border-color": "@xf-element2",
    "border-radius": "4px",
    "padding": "5px",
    "extra": "transition: .2s all;"
}</value>
    </property>
    <property property_name="nlFooterLinksBarChooserLinkHover" group_name="footer" title="-- Style and language button - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20220" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-element6",
    "background-color": "@xf-element4",
    "border-color": "@xf-element5"
}</value>
    </property>
    <property property_name="nlFooterLinksBarLink" group_name="footer" title="-- Link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20201" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-footerLinkColor",
    "padding-right": "4px",
    "padding-left": "4px"
}</value>
    </property>
    <property property_name="nlFooterLinksBarLinkHover" group_name="footer" title="-- Link - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20202" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-footerLinkColorHover"
}</value>
    </property>
    <property property_name="nlFooterLinksBarPosition" group_name="nlFooterSettings" title="Footer links bar position" description="Move the footer links bar which contains the style &amp; language chooser, help links etc" property_type="value" value_type="radio" depends_on="" value_group="layout" display_order="30" addon_id="">
      <value_parameters>default=Default (Top of footer, below breadcrumb)
aboveCopyright=Above copyright
belowCopyright=Below copyright
combineCopyright=Combine with copyright</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlFooterLogo" group_name="nlFooterSettings" title="Footer logo" description="Override styling for logos placed in the footer" property_type="css" value_type="" depends_on="" value_group="" display_order="1001" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlFooterLowerRowsBlockLeft" group_name="nlFooterSettings" title="Bottom Row Left Block" description="" property_type="value" value_type="string" depends_on="nlEnableFooterLowerRows" value_group="lowerRows" display_order="6010" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;h3&gt;Left Block Title&lt;/h3&gt;\n&lt;p&gt;Add images, text, or custom HTML&lt;/p&gt;"</value>
    </property>
    <property property_name="nlFooterLowerRowsBlockRight" group_name="nlFooterSettings" title="Bottom Row Right Block" description="" property_type="value" value_type="string" depends_on="nlEnableFooterLowerRows" value_group="lowerRows" display_order="6020" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;h3&gt;Right Block Title&lt;/h3&gt;\n&lt;p&gt;Add images, text, or custom HTML&lt;/p&gt;"</value>
    </property>
    <property property_name="nlFooterPrimaryLogoSpan" group_name="nlFooterSettings" title="-- Primary logo span" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1020" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlFooterRow" group_name="footer" title="Footer row" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20025" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlFooterRowInner" group_name="footer" title="Footer row - inner container" description="Wraps the footer content in the page width area" property_type="css" value_type="" depends_on="" value_group="" display_order="20050" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlFooterScriptInsert" group_name="nlThemeSettings" title="FOOTER (Below body) - Script inserts" description="Here you can enter scripts which will load at the end of the page" property_type="value" value_type="string" depends_on="" value_group="customScripts" display_order="12100" addon_id="">
      <value_parameters>rows=3</value_parameters>
      <value>""</value>
    </property>
    <property property_name="nlFooterSecondaryLogoSpan" group_name="nlFooterSettings" title="-- Secondary logo span" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1030" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlFooterSocialIconStyling" group_name="nlSocialLinks" title="[Footer] Icon styling" description="" property_type="value" value_type="select" depends_on="" value_group="styling" display_order="120" addon_id="">
      <value_parameters>default=Xenforo default
custom=Custom (set via Style Properties on this page)
brand=Brand colors</value_parameters>
      <value>"brand"</value>
    </property>
    <property property_name="nlFooterSocialLinksHover" group_name="nlSocialLinks" title="Footer Social Links Hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10410" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-element6",
    "background-color": "@xf-element4"
}</value>
    </property>
    <property property_name="nlFooterSocialLinksStyle" group_name="nlSocialLinks" title="Footer Social Links" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10400" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "22px",
    "color": "@xf-linkColor",
    "extra": "margin: 4px 4px 0 0;\ndisplay: block;\ntext-align: center;\ntransition: .2s background, .2s color;"
}</value>
    </property>
    <property property_name="nlFooterSocialLinksWrapper" group_name="nlSocialLinks" title="Footer Social Links Container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10300" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlFooterTextLogo" group_name="nlFooterSettings" title="Footer text logo" description="Overrides styling for the text logo when placed in the footer" property_type="css" value_type="" depends_on="" value_group="" display_order="1010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlFooterTexturePath" group_name="nlFooterSettings" title="Footer texture image" description="Path to the footer texture image when this setting is enabled" property_type="css" value_type="" depends_on="" value_group="" display_order="1000" css_components="background,extra" addon_id="">
      <value>{
    "background-image": "https://i.imgur.com/Hcq5a9D.jpg",
    "extra": "background-size: cover;\nopacity: 0.1;"
}</value>
    </property>
    <property property_name="nlFooterTopRow1ImgPath" group_name="nlFooterSettings" title="Parallax Image Path" description="" property_type="value" value_type="string" depends_on="nlFooterTopRowUseParallax" value_group="primaryTopRow" display_order="4030" addon_id="">
      <value>"https://i.imgur.com/9WXcF2V.jpg"</value>
    </property>
    <property property_name="nlFooterTopRow2Block" group_name="nlFooterSettings" title="Secondary top row - inner content" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10600" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlFooterTopRow2Content" group_name="nlFooterSettings" title="Custom HTML content" description="" property_type="value" value_type="string" depends_on="nlEnableFooterTopRow2" value_group="secondaryTopRow" display_order="4120" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;h3&gt;Design powerful footer layouts in seconds using the free built-in footer block system!&lt;/h3&gt;\n&lt;p&gt;Add custom HTML or your favorite Xenforo widgets!&lt;/p&gt;\n&lt;p&gt;&lt;a href=\"https://www.nulumia.com/documentation/xenforo/advanced-footer/\" rel=\"nofollow\" target=\"_blank\"  class=\"button button--m button--cta\"&gt;&lt;i class=\"fas fa-cube\"&gt;&lt;/i&gt;See More Features&lt;/a&gt;&lt;/p&gt;"</value>
    </property>
    <property property_name="nlFooterTopRow2Contents" group_name="nlFooterSettings" title="Contents" description="" property_type="value" value_type="select" depends_on="nlEnableFooterTopRow2" value_group="secondaryTopRow" display_order="4115" addon_id="">
      <value_parameters>html=Custom HTML
iconSlider=Logo/icon carousel</value_parameters>
      <value>"html"</value>
    </property>
    <property property_name="nlFooterTopRow2Style" group_name="nlFooterSettings" title="Secondary top row" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10500" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "16px",
    "background-color": "#333",
    "padding-top": "30px",
    "padding-bottom": "30px",
    "extra": "text-align: center;\nbackground: linear-gradient(#3a3a3a, #191919);"
}</value>
    </property>
    <property property_name="nlFooterTopRow2UseFullWidth" group_name="nlFooterSettings" title="Row Width" description="" property_type="value" value_type="radio" depends_on="nlEnableFooterTopRow2" value_group="secondaryTopRow" display_order="4110" addon_id="">
      <value_parameters>fixed=Fixed width
wide=Stretch wide</value_parameters>
      <value>"wide"</value>
    </property>
    <property property_name="nlFooterTopRowBlock" group_name="nlFooterSettings" title="Primary top row - inner content" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "rgba(0,0,0,0.35)",
    "padding": "20px"
}</value>
    </property>
    <property property_name="nlFooterTopRowBlock2Title" group_name="nlFooterSettings" title="Secondary top row - title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10700" css_components="text,extra" addon_id="">
      <value>{
    "font-size": "24px",
    "color": "@xf-neutralLight3",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlFooterTopRowBlockTitle" group_name="nlFooterSettings" title="Primary top row - title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10400" css_components="text,extra" addon_id="">
      <value>{
    "font-size": "24px",
    "color": "@xf-neutralLight3",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlFooterTopRowContent" group_name="nlFooterSettings" title="Custom HTML content" description="" property_type="value" value_type="string" depends_on="nlEnableFooterTopRow" value_group="primaryTopRow" display_order="4040" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;div style=\"float:left;\"&gt;\n&lt;h3&gt;Sign up for our weekly newsletter!&lt;/h3&gt;\n&lt;p&gt;Enter custom footer callouts here.&lt;/p&gt;\n&lt;/div&gt;\n&lt;a href=\"#\" class=\"button\" style=\"padding: 0 87px; margin: 10px 0; float: right; min-height: 40px; line-height: 40px;\"&gt;Read More Here&lt;/a&gt;"</value>
    </property>
    <property property_name="nlFooterTopRowContents" group_name="nlFooterSettings" title="Contents" description="" property_type="value" value_type="select" depends_on="nlEnableFooterTopRow" value_group="primaryTopRow" display_order="4015" addon_id="">
      <value_parameters>html=Custom HTML
iconSlider=Logo/icon carousel</value_parameters>
      <value>"html"</value>
    </property>
    <property property_name="nlFooterTopRowParallax" group_name="nlFooterSettings" title="Primary top row - parallax mode" description="Style for the top row when parallax mode is enabled" property_type="css" value_type="" depends_on="" value_group="" display_order="10050" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-image": "@xf-nlFooterTopRow1ImgPath",
    "border-width": "0",
    "padding-top": "60px",
    "padding-bottom": "60px",
    "extra": "background-repeat: no-repeat;\nbackground-position: center center;\nbackground-attachment: fixed;\nbackground-size: cover;"
}</value>
    </property>
    <property property_name="nlFooterTopRowStyle" group_name="nlFooterSettings" title="Primary top row" description="Style for the optional footer top row" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "rgb(255, 255, 255)",
    "background-color": "@xf-paletteColor6",
    "padding-top": "@xf-elementSpacer",
    "padding-bottom": "@xf-elementSpacer"
}</value>
    </property>
    <property property_name="nlFooterTopRowUseFullWidth" group_name="nlFooterSettings" title="Row width" description="Make the footer top row stretch to full width of the screen" property_type="value" value_type="radio" depends_on="nlEnableFooterTopRow" value_group="primaryTopRow" display_order="4010" addon_id="">
      <value_parameters>fixed=Page width
wide=Stretch wide</value_parameters>
      <value>"wide"</value>
    </property>
    <property property_name="nlFooterTopRowUseParallax" group_name="nlFooterSettings" title="Use parallax background" description="" property_type="value" value_type="boolean" depends_on="nlEnableFooterTopRow" value_group="primaryTopRow" display_order="4020" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlFooterUpperRowsBlockLeft" group_name="nlFooterSettings" title="Block Left Content" description="Enter content for the left block in the upper row." property_type="value" value_type="string" depends_on="nlEnableFooterUpperRows" value_group="upperRows" display_order="3010" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;h3&gt;Left block title here.&lt;/h3&gt;\n&lt;p&gt;Add images, text, or custom HTML&lt;/p&gt;"</value>
    </property>
    <property property_name="nlFooterUpperRowsBlockRight" group_name="nlFooterSettings" title="Block Right Content" description="" property_type="value" value_type="string" depends_on="nlEnableFooterUpperRows" value_group="upperRows" display_order="3020" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;h3&gt;Block right content&lt;/h3&gt;\n&lt;p&gt;Add images, text, or custom HTML&lt;/p&gt;"</value>
    </property>
    <property property_name="nlFooterWidgetAvatarSize" group_name="nlFooterSettings" title="Widget avatar size" description="Set a custom size for avatars in widgets such as New Posts, New Threads, etc. The default size is 24px / avatar--xxs" property_type="value" value_type="unit" depends_on="nlEnableFooterColumns" value_group="widgets" display_order="610" addon_id="">
      <value>"36px"</value>
    </property>
    <property property_name="nlFooterWidgetGalleryThumb" group_name="nlFooterSettings" title="Widget gallery thumbnails" description="Styles thumbnails in embedded widgets such as Flickr or Instagram galleries" property_type="css" value_type="" depends_on="" value_group="" display_order="31000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-width": "0",
    "padding": "2px",
    "extra": "transition: .2s all;"
}</value>
    </property>
    <property property_name="nlFooterWidgetGalleryThumbHover" group_name="nlFooterSettings" title="Widget gallery thumbnails - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="31000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "opacity: 0.8;"
}</value>
    </property>
    <property property_name="nlForceHeaderFooterBoxedWidth" group_name="nlUXSettings" title="Force full-width header / footer to use boxed width" description="When the header or footer is set to wide / full width, the Boxed Layout setting will force them to use the boxed width (recommended)" property_type="value" value_type="boolean" depends_on="" value_group="layout" display_order="101" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlForceMobileNav" group_name="nlHeaderSettings" title="Navigation mode" description="&lt;strong&gt;In development / Inactive.&lt;/strong&gt; Display the navigation tabs in the traditional nav row, or always collapse the navigation into the mobile nav trigger. Choosing the second option will only show the navigation links in the slide-out nav menu." property_type="value" value_type="radio" depends_on="" value_group="navigation" display_order="510" addon_id="">
      <value_parameters>default=Default (navigation tab row)
forceMobileTrigger=Always use mobile collapsed nav</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlFormLabel" group_name="form" title="Form label" description="Styles label elements within forms" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,padding,extra" addon_id="">
      <value>{
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlFullWidthTrigger" group_name="nlThemeSettings" title="Width trigger" description="Enter a minimum width amount in pixels for when the fluid width layout will be used." property_type="value" value_type="unit" depends_on="nlEnableFullWidth" value_group="fullWidthTheme" display_order="205" addon_id="">
      <value>"@xf-responsiveWide"</value>
    </property>
    <property property_name="nlGoogleFonts" group_name="fonts" title="Google Fonts Embed" description="Paste embed snippet for Google Fonts of your choice." property_type="value" value_type="string" depends_on="" value_group="googleFonts" display_order="50" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;link href=\"https://fonts.googleapis.com/css?family=Roboto:300,400,500&amp;display=swap\" rel=\"stylesheet\"&gt;"</value>
    </property>
    <property property_name="nlGoogleMaps" group_name="nlPageLayouts" title="Google maps" description="Enter the embed code for your Google Maps" property_type="value" value_type="string" depends_on="" value_group="contactUs" display_order="250" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2421.8412237556163!2d-73.98951013489284!3d40.75994675394873!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25855b8fb3083%3A0xa0f9aef176042a5c!2sTheater+District%2C+New+York%2C+NY!5e0!3m2!1sen!2sus!4v1548805766047\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen&gt;&lt;/iframe&gt;"</value>
    </property>
    <property property_name="nlGridNode" group_name="nlNodeSettings" title="Grid node - node" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-radius": "@xf-blockBorderRadius"
}</value>
    </property>
    <property property_name="nlGridNodeIconBlock" group_name="nlNodeSettings" title="Grid node - icon block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "padding-right": "0",
    "padding-left": "0"
}</value>
    </property>
    <property property_name="nlGridNodeLastPost" group_name="nlNodeSettings" title="Grid node - last post block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10030" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "rgba(255,255,255,0.3)"
}</value>
    </property>
    <property property_name="nlGridNodeMainBlock" group_name="nlNodeSettings" title="Grid node - main block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10020" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlGridNodePaddingH" group_name="nlNodeSettings" title="Node padding - horizontal" description="You can override the padding of node inner content cells when using the grid layout" property_type="value" value_type="unit" depends_on="" value_group="gridNodes" display_order="480" addon_id="">
      <value>"@xf-contentPadding"</value>
    </property>
    <property property_name="nlGridNodePaddingV" group_name="nlNodeSettings" title="Node padding - vertical" description="You can override the padding of node inner content cells when using the grid layout" property_type="value" value_type="unit" depends_on="" value_group="gridNodes" display_order="490" addon_id="">
      <value>"@xf-contentPadding"</value>
    </property>
    <property property_name="nlGridNodeSpacing" group_name="nlNodeSettings" title="Spacing between grid nodes" description="Add a value in pixels to add padding around side by side nodes." property_type="value" value_type="unit" depends_on="nlUseGridNodes" value_group="gridNodes" display_order="330" addon_id="">
      <value>"6px"</value>
    </property>
    <property property_name="nlGridNodeStatsBlock" group_name="nlNodeSettings" title="Grid node - stats block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10025" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlGridNodeStretchToFit" group_name="nlNodeSettings" title="Stretch nodes" description="Choose whether to stretch nodes to best fit, or remain in fixed widths" property_type="value" value_type="radio" depends_on="" value_group="gridNodes" display_order="360" addon_id="">
      <value_parameters>stretch=Stretch / best fit
fixed=Fixed widths</value_parameters>
      <value>"stretch"</value>
    </property>
    <property property_name="nlGridNodeTitleOverflow" group_name="nlNodeSettings" title="Node title overflow" description="Choose whether long node titles will wrap to the next line, or limit with &quot;...&quot; ellipsis" property_type="value" value_type="radio" depends_on="" value_group="gridNodes" display_order="360" addon_id="">
      <value_parameters>default=Wrap to new line (default)
ellipsis=Trim to single line with "..."</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlH1" group_name="fonts" title="H1" description="Styles the H1 heading tag" property_type="css" value_type="" depends_on="" value_group="" display_order="10100" css_components="text,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeLargest",
    "font-weight": "@xf-fontWeightHeavy",
    "extra": "font-family: @xf-fontFamilyHeading;"
}</value>
    </property>
    <property property_name="nlH1FontSize" group_name="fonts" title="H1 font size" description="&lt;strong&gt;&lt;i&gt;(Deprecated - will be removed in future update)&lt;/i&gt;&lt;/strong&gt;" property_type="value" value_type="unit" depends_on="" value_group="headings" display_order="3100" addon_id="">
      <value>"@xf-fontSizeLargest"</value>
    </property>
    <property property_name="nlH2" group_name="fonts" title="H2" description="Styles the H2 heading tag" property_type="css" value_type="" depends_on="" value_group="" display_order="10200" css_components="text,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeLarger",
    "font-weight": "@xf-fontWeightHeavy",
    "extra": "font-family: @xf-fontFamilyHeading;"
}</value>
    </property>
    <property property_name="nlH2FontSize" group_name="fonts" title="H2 font size" description="&lt;strong&gt;&lt;i&gt;(Deprecated - will be removed in future update)&lt;/i&gt;&lt;/strong&gt;" property_type="value" value_type="unit" depends_on="" value_group="headings" display_order="3200" addon_id="">
      <value>"@xf-fontSizeLarger"</value>
    </property>
    <property property_name="nlH3" group_name="fonts" title="H3" description="Styles the H3 heading tag" property_type="css" value_type="" depends_on="" value_group="" display_order="10300" css_components="text,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "font-weight": "@xf-fontWeightHeavy",
    "extra": "font-family: @xf-fontFamilyHeading;"
}</value>
    </property>
    <property property_name="nlH3FontSize" group_name="fonts" title="H3 font size" description="&lt;strong&gt;&lt;i&gt;(Deprecated - will be removed in future update)&lt;/i&gt;&lt;/strong&gt;" property_type="value" value_type="unit" depends_on="" value_group="headings" display_order="3300" addon_id="">
      <value>"@xf-fontSizeLarge"</value>
    </property>
    <property property_name="nlH4" group_name="fonts" title="H4" description="Styles the H4 heading tag" property_type="css" value_type="" depends_on="" value_group="" display_order="10400" css_components="text,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlH4FontSize" group_name="fonts" title="H4 font size" description="&lt;strong&gt;&lt;i&gt;(Deprecated - will be removed in future update)&lt;/i&gt;&lt;/strong&gt;" property_type="value" value_type="unit" depends_on="" value_group="headings" display_order="3400" addon_id="">
      <value>"@xf-fontSizeNormal"</value>
    </property>
    <property property_name="nlH5" group_name="fonts" title="H5" description="Styles the H5 heading tag" property_type="css" value_type="" depends_on="" value_group="" display_order="10500" css_components="text,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlH5FontSize" group_name="fonts" title="H5 font size" description="&lt;strong&gt;&lt;i&gt;(Deprecated - will be removed in future update)&lt;/i&gt;&lt;/strong&gt;" property_type="value" value_type="unit" depends_on="" value_group="headings" display_order="3500" addon_id="">
      <value>"@xf-fontSizeNormal"</value>
    </property>
    <property property_name="nlHasCompactNav" group_name="nlHelperSettings" title="Has compact header" description="" property_type="value" value_type="boolean" depends_on="" value_group="themeSettings" display_order="1000" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlHasFullWidthFooter" group_name="nlHelperSettings" title="Has full width footer" description="" property_type="value" value_type="boolean" depends_on="" value_group="themeSettings" display_order="1020" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlHasFullWidthHeader" group_name="nlHelperSettings" title="Has full width header" description="" property_type="value" value_type="boolean" depends_on="" value_group="themeSettings" display_order="1010" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlHeaderLayout" group_name="nlHeaderSettings" title="Full width header (off = fixed width)" description="" property_type="value" value_type="boolean" depends_on="" value_group="headerLayout" display_order="220" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlHeaderScriptInsert" group_name="nlThemeSettings" title="HEADER (Above body) - Script inserts" description="Here you can enter script, style and link insertions within the head tag of your theme" property_type="value" value_type="string" depends_on="" value_group="customScripts" display_order="12000" addon_id="">
      <value_parameters>rows=3</value_parameters>
      <value>""</value>
    </property>
    <property property_name="nlHeaderShowRightBlock" group_name="nlHeaderSettings" title="Show custom right content" description="Display a custom content block to the right of your logo.&lt;br&gt;Place your custom content in &lt;a href=&quot;admin.php?templates/search&amp;search=1&amp;style_id=_any&amp;type=public&amp;title=nl_header_content_right&amp;addon_id=_any&quot;&gt;nl_header_content_right&lt;/a&gt; template." property_type="value" value_type="boolean" depends_on="" value_group="headerLayout" display_order="270" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlHeaderSocialLinks" group_name="nlSocialLinks" title="Header Social Links" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "inherit",
    "border-radius": "4px",
    "padding-top": "0",
    "padding-right": "4px",
    "padding-bottom": "0",
    "padding-left": "4px"
}</value>
    </property>
    <property property_name="nlHeaderSocialLinksHover" group_name="nlSocialLinks" title="Header Social Links Hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColorFeature"
}</value>
    </property>
    <property property_name="nlHeaderSocialLinksWrapper" group_name="nlSocialLinks" title="Header Social Links Container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-radius": "5px",
    "extra": "margin-right: 8px;"
}</value>
    </property>
    <property property_name="nlHeaderWrapper" group_name="headerNav" title="Header Wrapper" description="Styles the .p-headerWrapper container. Surrounds both the header logo row and the navigation area" property_type="css" value_type="" depends_on="" value_group="" display_order="19000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlHeadings" group_name="fonts" title="Headings" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlHideBottomBreadcrumb" group_name="nlBreadcrumbSettings" title="Hide bottom breadcrumb" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="10" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlHideForumListTitle" group_name="nodeList" title="Hide forum list title" description="Check to hide the page title on the forum list. Can be helpful when your forum title and logo have similar content, and prevents seeing the same info twice." property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="1" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlHideLastPost" group_name="nodeList" title="Hide last post block" description="Check to hide the last post block" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="540" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlHideLastPostDate" group_name="nodeList" title="Hide last post date" description="Hides the &quot;Date at time..&quot; label before the last poster username" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="550" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlHidePageElements" group_name="nlPageLayouts" title="Hide page title &amp; breadcrumb on advanced wrapper pages" description="Check this option to hide page title, description and breadcrumb elements on custom page nodes, when the &quot;Advanced mode' option is enabled" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlHideReadIcon" group_name="nodeList" title="Hide read/unread icon" description="Check to hide the read/unread node status icon" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="500" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlHideSidebar" group_name="nlSidebarSettings" title="Hide Sidebar" description="Check to hide the sidebar on all forum templates." property_type="value" value_type="boolean" depends_on="" value_group="general" display_order="1" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlHideStatsBlock" group_name="nodeList" title="Hide stats block" description="Check to hide the stats block, such as &quot;Threads:&quot; and &quot;Messages:&quot;" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="530" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlHorizontalCategoryListItem" group_name="nlUXSettings" title="Horizontal category list item" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-bottom-width": "4px",
    "border-bottom-color": "transparent"
}</value>
    </property>
    <property property_name="nlHorizontalCategoryListItemHover" group_name="nlUXSettings" title="Horizontal category list item - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10210" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-bottom-color": "@xf-element5"
}</value>
    </property>
    <property property_name="nlHorizontalCategoryListSublink" group_name="nlUXSettings" title="Horizontal category list - sub links item" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10220" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColor",
    "border-width": "0",
    "padding-top": "6px",
    "padding-right": "14px",
    "padding-bottom": "6px",
    "padding-left": "14px"
}</value>
    </property>
    <property property_name="nlHorizontalCategoryListSublinkHeight" group_name="nlUXSettings" title="Sub-category item height" description="" property_type="value" value_type="unit" depends_on="" value_group="horizontalCategoryLists" display_order="1100" addon_id="">
      <value>"35px"</value>
    </property>
    <property property_name="nlHorizontalCategoryListSublinkHover" group_name="nlUXSettings" title="Horizontal category list - sub links item - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10230" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "text-decoration": "underline",
    "background-color": "transparent"
}</value>
    </property>
    <property property_name="nlHoverTransitionSpeed" group_name="nlThemeEffects" title="Global hover transition speed" description="" property_type="value" value_type="number" depends_on="nlUseHoverTransitions" value_group="general" display_order="15" addon_id="">
      <value_parameters>min=0.1
max=1.0
step=0.1</value_parameters>
      <value>"0.2"</value>
    </property>
    <property property_name="nlITDScrollbarActive" group_name="nlAddonCompatibilitySettings" title="[ITD] Page scroll progress bar - active bar" description="" property_type="value" value_type="color" depends_on="" value_group="itdScrollbar" display_order="1010" addon_id="">
      <value>"@xf-element1"</value>
    </property>
    <property property_name="nlITDScrollbarTrack" group_name="nlAddonCompatibilitySettings" title="[ITD] Page scroll progress bar - track" description="" property_type="value" value_type="color" depends_on="" value_group="itdScrollbar" display_order="1000" addon_id="">
      <value>"@xf-pageBg"</value>
    </property>
    <property property_name="nlIconCircleBgColor" group_name="nlUXSettings" title="Icon circle background" description="" property_type="value" value_type="color" depends_on="" value_group="pageElements" display_order="400" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconCircleIconColor" group_name="nlUXSettings" title="Icon circle - icon" description="" property_type="value" value_type="color" depends_on="" value_group="pageElements" display_order="410" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderAddTitle" group_name="nlLogoIconSliderSettings" title="Show Title" description="Check to add a text title at the top of your slider" property_type="value" value_type="boolean" depends_on="nlEnableIconSlider" value_group="title" display_order="40" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlIconSliderAppendDots" group_name="nlLogoIconSliderSettings" title="Dot controls location" description="" property_type="value" value_type="radio" depends_on="nlIconSliderUseDotControls" value_group="controls" display_order="561" addon_id="">
      <value_parameters>block=Within container
below=Below container</value_parameters>
      <value>"block"</value>
    </property>
    <property property_name="nlIconSliderAutoPlay" group_name="nlLogoIconSliderSettings" title="Auto Play" description="Check to auto play your icon slider by default" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="140" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlIconSliderAutoPlayTime" group_name="nlLogoIconSliderSettings" title="Auto Play Delay" description="Enter the number (in milliseconds) to add a delay between changing slides when auto play is enabled" property_type="value" value_type="number" depends_on="" value_group="settings" display_order="145" addon_id="">
      <value_parameters>min=1000
max=9000
step=500</value_parameters>
      <value>"7000"</value>
    </property>
    <property property_name="nlIconSliderContainer" group_name="nlLogoIconSliderSettings" title="Slider container" description="The slider container by default uses the Xenforo block content styling. You may override the styling here." property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-width": "0",
    "border-radius": "0",
    "border-bottom-width": "2px",
    "border-bottom-color": "@xf-paletteColor4",
    "extra": "background: linear-gradient(#e1e1e1,#ffffff 41%,#e1e1e1 100%);"
}</value>
    </property>
    <property property_name="nlIconSliderCustomLink1" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="customIcons" display_order="15100" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderCustomLink2" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="customIcons" display_order="16100" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderDotContainer" group_name="nlLogoIconSliderSettings" title="Dot controls container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10400" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlIconSliderDotControl" group_name="nlLogoIconSliderSettings" title="Slider dot control" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10500" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlIconSliderDotControlHover" group_name="nlLogoIconSliderSettings" title="Slider dot control - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10500" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlIconSliderHideOptions" group_name="nlLogoIconSliderSettings" title="Hide on device:" description="Choose the type or size of device on which you'd like to hide the icon slider." property_type="value" value_type="radio" depends_on="nlEnableIconSlider" value_group="general" display_order="3" addon_id="">
      <value_parameters>all=Show on all devices
tablet=Hide on tablet or smaller
mobile=Hide on mobile</value_parameters>
      <value>"all"</value>
    </property>
    <property property_name="nlIconSliderImg1" group_name="nlLogoIconSliderSettings" title="Icon #1 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="1000" addon_id="">
      <value>"https://i.imgur.com/sxNu4V1.png"</value>
    </property>
    <property property_name="nlIconSliderImg10" group_name="nlLogoIconSliderSettings" title="Icon #10 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="10000" addon_id="">
      <value>"https://i.imgur.com/7xNf1kD.png"</value>
    </property>
    <property property_name="nlIconSliderImg11" group_name="nlLogoIconSliderSettings" title="Icon #11 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="11000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderImg12" group_name="nlLogoIconSliderSettings" title="Icon #12 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="12000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderImg13" group_name="nlLogoIconSliderSettings" title="Icon #13 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="13000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderImg14" group_name="nlLogoIconSliderSettings" title="Icon #14 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="14000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderImg15" group_name="nlLogoIconSliderSettings" title="Icon #15 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="15000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderImg16" group_name="nlLogoIconSliderSettings" title="Icon #16 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="16000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderImg17" group_name="nlLogoIconSliderSettings" title="Icon #17 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="17000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderImg18" group_name="nlLogoIconSliderSettings" title="Icon #18 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="18000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderImg19" group_name="nlLogoIconSliderSettings" title="Icon #19 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="19000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderImg2" group_name="nlLogoIconSliderSettings" title="Icon #2 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="2000" addon_id="">
      <value>"https://i.imgur.com/ddceLfi.png"</value>
    </property>
    <property property_name="nlIconSliderImg20" group_name="nlLogoIconSliderSettings" title="Icon #20 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="20000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderImg3" group_name="nlLogoIconSliderSettings" title="Icon #3 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="3000" addon_id="">
      <value>"https://i.imgur.com/zaJH50b.png"</value>
    </property>
    <property property_name="nlIconSliderImg4" group_name="nlLogoIconSliderSettings" title="Icon #4 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="4000" addon_id="">
      <value>"https://i.imgur.com/zNx7l6Q.png"</value>
    </property>
    <property property_name="nlIconSliderImg5" group_name="nlLogoIconSliderSettings" title="Icon #5 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="5000" addon_id="">
      <value>"https://i.imgur.com/qyLFRvC.png"</value>
    </property>
    <property property_name="nlIconSliderImg6" group_name="nlLogoIconSliderSettings" title="Icon #6 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="6000" addon_id="">
      <value>"https://i.imgur.com/LpSMeDL.png"</value>
    </property>
    <property property_name="nlIconSliderImg7" group_name="nlLogoIconSliderSettings" title="Icon #7 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="7000" addon_id="">
      <value>"https://i.imgur.com/I2x6OoM.png"</value>
    </property>
    <property property_name="nlIconSliderImg8" group_name="nlLogoIconSliderSettings" title="Icon #8 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="8000" addon_id="">
      <value>"https://i.imgur.com/w8pTHUF.png"</value>
    </property>
    <property property_name="nlIconSliderImg9" group_name="nlLogoIconSliderSettings" title="Icon #9 - Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="9000" addon_id="">
      <value>"https://i.imgur.com/iTsKT4C.png"</value>
    </property>
    <property property_name="nlIconSliderImgHeight" group_name="nlLogoIconSliderSettings" title="Icon Max Height (Px)" description="" property_type="value" value_type="unit" depends_on="" value_group="settings" display_order="570" addon_id="">
      <value>"90px"</value>
    </property>
    <property property_name="nlIconSliderInfiniteScroll" group_name="nlLogoIconSliderSettings" title="Infinite Scroll" description="" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="505" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlIconSliderItem" group_name="nlLogoIconSliderSettings" title="Slider item" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10200" css_components="background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlIconSliderItemHover" group_name="nlLogoIconSliderSettings" title="Slider item - hover state" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10250" css_components="background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlIconSliderItemImg" group_name="nlLogoIconSliderSettings" title="Slider item - image" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10300" css_components="background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlIconSliderItemImgHover" group_name="nlLogoIconSliderSettings" title="Slider item - image - hover state" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10350" css_components="background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlIconSliderLink1" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="1100" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlIconSliderLink10" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="10100" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlIconSliderLink11" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="11000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderLink12" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="12100" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderLink13" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="13100" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderLink14" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="14100" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderLink15" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="15100" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderLink16" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="16100" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderLink17" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="17100" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderLink18" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="18100" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderLink19" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="19100" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderLink2" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="2100" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlIconSliderLink20" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="20100" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlIconSliderLink3" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="3100" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlIconSliderLink4" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="4100" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlIconSliderLink5" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="5100" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlIconSliderLink6" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="6000" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlIconSliderLink7" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="7100" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlIconSliderLink8" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="8100" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlIconSliderLink9" group_name="nlLogoIconSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="Icons" display_order="9100" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlIconSliderMaxSlides" group_name="nlLogoIconSliderSettings" title="Number of Visible Slides" description="" property_type="value" value_type="number" depends_on="" value_group="settings" display_order="520" addon_id="">
      <value_parameters>min=1
max=6
step=1</value_parameters>
      <value>"3"</value>
    </property>
    <property property_name="nlIconSliderMobileMaxSlides" group_name="nlLogoIconSliderSettings" title="(Mobile Device) Visible Slides" description="" property_type="value" value_type="number" depends_on="" value_group="settings" display_order="540" addon_id="">
      <value_parameters>min=1
max=3
step=2</value_parameters>
      <value>"1"</value>
    </property>
    <property property_name="nlIconSliderRandomize" group_name="nlLogoIconSliderSettings" title="Randomize slides" description="&lt;span style=&quot;color: #ffffff;font-weight: bold;background: #46a7eb;padding: 2px;border-radius: 3px;&quot;&gt;NEW&lt;/span&gt; Check to randomize the order of slides on each page visit." property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="155" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlIconSliderSidebarPageLayout" group_name="nlLogoIconSliderSettings" title="Sidebar page location" description="Check which location you'd like to place your slider on pages with sidebars" property_type="value" value_type="radio" depends_on="" value_group="locations" display_order="110" addon_id="">
      <value_parameters>wide=Full width
narrow=Next to sidebar, narrow width</value_parameters>
      <value>"wide"</value>
    </property>
    <property property_name="nlIconSliderSlidesToScroll" group_name="nlLogoIconSliderSettings" title="Number Of Slides To Scroll" description="Enter the number of slides to scroll when clicking on the navigation controls. For example, scroll one image at a time, or by groups of three." property_type="value" value_type="number" depends_on="" value_group="settings" display_order="545" addon_id="">
      <value_parameters>min=1
max=8
step=1</value_parameters>
      <value>"1"</value>
    </property>
    <property property_name="nlIconSliderStartSlide" group_name="nlLogoIconSliderSettings" title="Slides start at" description="&lt;span style=&quot;color: #ffffff;font-weight: bold;background: #46a7eb;padding: 2px;border-radius: 3px;&quot;&gt;NEW&lt;/span&gt; Choose to begin the order of slides starting from the left/first slide, or placing the first slide in the center" property_type="value" value_type="radio" depends_on="" value_group="settings" display_order="150" addon_id="">
      <value_parameters>left=Left
center=Center</value_parameters>
      <value>"left"</value>
    </property>
    <property property_name="nlIconSliderTabletMaxSlides" group_name="nlLogoIconSliderSettings" title="(Tablet Device) Visible Slides" description="" property_type="value" value_type="number" depends_on="" value_group="settings" display_order="530" addon_id="">
      <value_parameters>min=1
max=4
step=1</value_parameters>
      <value>"2"</value>
    </property>
    <property property_name="nlIconSliderTitle" group_name="nlLogoIconSliderSettings" title="Title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "#bbb",
    "font-weight": "@xf-fontWeightHeavy",
    "extra": "margin: -8px auto;\ndisplay: block;\ntext-align: center;\ntext-transform: uppercase;"
}</value>
    </property>
    <property property_name="nlIconSliderTitleText" group_name="nlLogoIconSliderSettings" title="Title" description="Enter a title to display for your icon slider" property_type="value" value_type="string" depends_on="nlIconSliderAddTitle" value_group="title" display_order="50" addon_id="">
      <value>"Partners"</value>
    </property>
    <property property_name="nlIconSliderToEdge" group_name="nlLogoIconSliderSettings" title="Stretch slider to edge of content" description="Check to align your slider with the full width of the @content area. This will make sure your slider is not set inside the padding of the @content container." property_type="value" value_type="boolean" depends_on="nlEnableIconSlider" value_group="general" display_order="8" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlIconSliderTrackList" group_name="nlLogoIconSliderSettings" title="Slider track list" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlIconSliderUseArrowControls" group_name="nlLogoIconSliderSettings" title="Show arrow controls" description="" property_type="value" value_type="boolean" depends_on="" value_group="controls" display_order="555" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlIconSliderUseDotControls" group_name="nlLogoIconSliderSettings" title="Show Dot Controls" description="" property_type="value" value_type="boolean" depends_on="" value_group="controls" display_order="560" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlImgNodeBgMode" group_name="nlNodeSettings" title="Node background mode" description="Select which background type to use for nodes. The settings to customize your node backgrounds (both images or solid colors) are found in the template nl_node_backgrounds.less" property_type="value" value_type="radio" depends_on="nlUseImgNodes" value_group="imageNodes" display_order="505" addon_id="">
      <value_parameters>img=Image background
solid=Solid color(s)</value_parameters>
      <value>"img"</value>
    </property>
    <property property_name="nlImgNodeBgOrigin" group_name="nlNodeSettings" title="Node background orientation (Horizontal / Vertical)" description="Select the orientation of your image when placed as a background of your forum node. Uses center/center by default." property_type="value" value_type="select" depends_on="" value_group="imageNodes" display_order="535" addon_id="">
      <value_parameters>center center=Center / Center
center top=Center / Top
center bottom=Center / Bottom
left center=Left / Center
left top=Left / Top
left bottom=Left / Bottom
right center=Right / Center
right top=Right / Top
right bottom=Right / Bottom</value_parameters>
      <value>"center center"</value>
    </property>
    <property property_name="nlImgNodeIcon" group_name="nlNodeSettings" title="Image node - icon" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11025" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlImgNodeIconBlock" group_name="nlNodeSettings" title="Image node - icon block" description="Overrides styling when node images are enabled" property_type="css" value_type="" depends_on="" value_group="" display_order="11020" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlImgNodeIconUnread" group_name="nlNodeSettings" title="Image node - icon - unread" description="Styles the node icon when there is new/unread content" property_type="css" value_type="" depends_on="" value_group="" display_order="11030" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "#fff"
}</value>
    </property>
    <property property_name="nlImgNodeLastPost" group_name="nlNodeSettings" title="Image node - last post block" description="Overrides styling when node images are enabled" property_type="css" value_type="" depends_on="" value_group="" display_order="11050" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-paletteNeutral1",
    "background-color": "rgba(0,0,0,0.5)",
    "background-image": "none"
}</value>
    </property>
    <property property_name="nlImgNodeLayout" group_name="nlNodeSettings" title="Image placement" description="Choose to place your node image as a background behind the node contents, or as a banner above the node" property_type="value" value_type="radio" depends_on="nlUseImgNodes" value_group="imageNodes" display_order="530" addon_id="">
      <value_parameters>behind=Background (Behind node content)
above=Above node (Display as banner)</value_parameters>
      <value>"behind"</value>
    </property>
    <property property_name="nlImgNodeLink" group_name="nlNodeSettings" title="Image node - links" description="Overrides styling when node images are enabled" property_type="css" value_type="" depends_on="" value_group="" display_order="11015" css_components="text,extra" addon_id="">
      <value>{
    "color": "rgb(255, 255, 255)",
    "extra": "&amp;:hover {\n\tcolor: @xf-paletteColor1;\n}"
}</value>
    </property>
    <property property_name="nlImgNodeMainBlock" group_name="nlNodeSettings" title="Image node - main block" description="Overrides styling when node images are enabled" property_type="css" value_type="" depends_on="" value_group="" display_order="11030" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-paletteNeutral1",
    "background-color": "transparent",
    "background-image": "none"
}</value>
    </property>
    <property property_name="nlImgNodeOverlayAbove" group_name="nlNodeSettings" title="Image node (above) - overlay" description="Styles the overlay over your node image when set to the above/banner position" property_type="css" value_type="" depends_on="" value_group="" display_order="11500" css_components="background,extra" addon_id="">
      <value>{
    "extra": "background: radial-gradient(circle,rgba(0,0,0, 0.2) 40%,rgb(0,0,0) 150%);"
}</value>
    </property>
    <property property_name="nlImgNodeOverlayAboveHover" group_name="nlNodeSettings" title="Image node (above) - overlay - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11550" css_components="background,extra" addon_id="">
      <value>{
    "extra": "opacity: .4;"
}</value>
    </property>
    <property property_name="nlImgNodeOverlayBehind" group_name="nlNodeSettings" title="Image node (behind) - overlay" description="Styles the overlay over your node image when set to behind the nodes as background" property_type="css" value_type="" depends_on="" value_group="" display_order="11600" css_components="background,extra" addon_id="">
      <value>{
    "extra": "background: radial-gradient(circle,rgba(0,0,0, 0.4) 40%,rgb(0,0,0) 150%);"
}</value>
    </property>
    <property property_name="nlImgNodeOverlayBehindHover" group_name="nlNodeSettings" title="Image node (behind) - overlay - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11650" css_components="background,extra" addon_id="">
      <value>{
    "extra": "opacity: .85;"
}</value>
    </property>
    <property property_name="nlImgNodeStatsBlock" group_name="nlNodeSettings" title="Image node - stats block" description="Overrides styling when node images are enabled" property_type="css" value_type="" depends_on="" value_group="" display_order="11040" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-paletteNeutral1",
    "background-color": "transparent",
    "background-image": "none"
}</value>
    </property>
    <property property_name="nlImgNodeTitle" group_name="nlNodeSettings" title="Image node - title" description="Overrides styling when node images are enabled" property_type="css" value_type="" depends_on="" value_group="" display_order="11010" css_components="text,padding,extra" addon_id="">
      <value>{
    "color": "#fff",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlImgNodeUseOverlay" group_name="nlNodeSettings" title="Enable image overlay" description="" property_type="value" value_type="boolean" depends_on="nlUseImgNodes" value_group="imageNodes" display_order="540" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlImportCSSAnimateIt" group_name="nlThemeEffects" title="[CSS Library] CSS3 Animate It" description="Check to load the CSS Animate It library via CDN" property_type="value" value_type="boolean" depends_on="" value_group="libraries" display_order="1200" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlImportParallaxJs" group_name="nlThemeEffects" title="[Jquery Library] Parallax.js" description="Check to load this feature. This library may or may not be used by your theme. If selected by default, it is recommended to leave this enabled." property_type="value" value_type="boolean" depends_on="" value_group="libraries" display_order="1100" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlImportParticlesJs" group_name="nlThemeEffects" title="[Jquery Library] Enable Particles.js" description="Check to load this feature via CDN delivery. This library may or may not be used by your theme. If selected by default, it is recommended to leave this enabled." property_type="value" value_type="boolean" depends_on="" value_group="libraries" display_order="1000" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlInlineJs" group_name="nlThemeEffects" title="Custom inline Javascript (Deprecated)" description="&lt;span style=&quot;color:#ff0000;font-weight:bold;&quot;&gt;This feature is deprecated and no longer in use.&lt;/span&gt; If you have leftover code in this section, please move the contents to [Nulumia] Theme Settings -&gt; Script Insert - Below body." property_type="value" value_type="string" depends_on="" value_group="custom" display_order="90000" addon_id="">
      <value_parameters>rows=2</value_parameters>
      <value>""</value>
    </property>
    <property property_name="nlInlineModBarButton" group_name="inlineMod" title="Button" description="Override styling for submit buttons in the moderation bar" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlInlineModBarButtonHover" group_name="inlineMod" title="Button - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlInlineNoticeCSS" group_name="nlNotices" title="Inline notice styling" description="You can enter custom inline CSS here to style your notices" property_type="value" value_type="string" depends_on="" value_group="" display_order="100" addon_id="">
      <value_parameters>rows=6</value_parameters>
      <value>""</value>
    </property>
    <property property_name="nlLabelAccent" group_name="misc" title="Label - accent" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10250" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColorAccentContent",
    "background-color": "@xf-contentAccentBg",
    "border-color": "@xf-borderColorAccentContent"
}</value>
    </property>
    <property property_name="nlLabelPrimary" group_name="misc" title="Label - primary" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "12px",
    "color": "@xf-buttonTextColor",
    "background-color": "@xf-buttonBg",
    "border-color": "@xf-buttonBg"
}</value>
    </property>
    <property property_name="nlLabelSubtle" group_name="misc" title="Label - subtle" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10260" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlLicenseKey" group_name="nlThemeSettings" title="Theme License Key" description="Enter your License Key for your purchase. You may find this by visiting:&lt;br&gt;&lt;a href=&quot;https://www.nulumia.com/shop/my-downloads/&quot;&gt;www.nulumia.com/shop/my-downloads/&lt;/a&gt;" property_type="value" value_type="string" depends_on="" value_group="license" display_order="10000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlLinkColor" group_name="nlHelperSettings" title="Link Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="8300" addon_id="">
      <value>"rgb(107, 255, 255)"</value>
    </property>
    <property property_name="nlLoggedInVtabLabels" group_name="nlHeaderSettings" title="Logged-in visitor tab labels" description="Check to hide the visitor tab text labels (displays FontAwesome icons only)" property_type="value" value_type="radio" depends_on="" value_group="visitorTabs" display_order="700" addon_id="">
      <value_parameters>hide=Hide
show=Show</value_parameters>
      <value>"hide"</value>
    </property>
    <property property_name="nlLoggedOutVtabLabels" group_name="nlHeaderSettings" title="Logged-out visitor tab labels" description="" property_type="value" value_type="radio" depends_on="" value_group="visitorTabs" display_order="710" addon_id="">
      <value_parameters>hide=Hide
show=Show</value_parameters>
      <value>"show"</value>
    </property>
    <property property_name="nlLogoGlitchEffects" group_name="nlThemeEffects" title="Enable logo glitch effect" description="Check to enable a glitch effect when hovering over logo images" property_type="value" value_type="boolean" depends_on="nlEnableThemeEffects" value_group="" display_order="50" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlLogoIconSliderAllPages" group_name="nlLogoIconSliderSettings" title="Pages to display" description="Check which page types you'd like to display your icon slider" property_type="value" value_type="radio" depends_on="" value_group="locations" display_order="100" addon_id="">
      <value_parameters>forum=Forum list only
all=All pages</value_parameters>
      <value>"all"</value>
    </property>
    <property property_name="nlLogoIconSliderDisplayMode" group_name="nlLogoIconSliderSettings" title="Slider display mode" description="Check whether to display the slider in a block, or floating with transparent background" property_type="value" value_type="radio" depends_on="nlEnableIconSlider" value_group="general" display_order="7" addon_id="">
      <value_parameters>block=Block (solid)
floating=Floating (transparent background)</value_parameters>
      <value>"block"</value>
    </property>
    <property property_name="nlLogoIconSliderDisplayOrder" group_name="nlLogoIconSliderSettings" title="Feature display order" description="Assigns the display order when other features are enabled, such as Slideshow, Icon Slider, and Featured Widgets" property_type="value" value_type="select" depends_on="nlEnableIconSlider" value_group="general" display_order="2" addon_id="">
      <value_parameters>top=Top
middle=Middle
bottom=Bottom</value_parameters>
      <value>"middle"</value>
    </property>
    <property property_name="nlLogoIconSliderFullWidthInner" group_name="nlLogoIconSliderSettings" title="-- Full width inner row" description="" property_type="value" value_type="boolean" depends_on="nlLogoIconSliderFullWidthRow" value_group="general" display_order="11" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlLogoIconSliderFullWidthRow" group_name="nlLogoIconSliderSettings" title="Full width row" description="Check to stretch the slider to the full width of the screen" property_type="value" value_type="boolean" depends_on="" value_group="general" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlLogoIconSliderLocation" group_name="nlLogoIconSliderSettings" title="Location" description="&lt;div class=&quot;blockMessage blockMessage--highlight&quot;&gt;Custom insertion snippet:&lt;br&gt;&#10;&amp;lt;xf:if is=&quot;property('nlEnableIconSlider') == true&quot;&amp;gt;&lt;br&gt;&#10;&amp;lt;xf:include template=&quot;nl_slick_rotator&quot; /&amp;gt;&lt;br&gt;&#10;&amp;lt;/xf:if&amp;gt;&#10;&lt;/div&gt;" property_type="value" value_type="radio" depends_on="" value_group="locations" display_order="110" addon_id="">
      <value_parameters>belowNav=Above content, below navigation
aboveFooter=Below content, above footer
custom=Custom location</value_parameters>
      <value>"belowNav"</value>
    </property>
    <property property_name="nlLogoPosition" group_name="nlHeaderSettings" title="Logo position" description="" property_type="value" value_type="radio" depends_on="" value_group="logoSettings" display_order="310" addon_id="">
      <value_parameters>default=Left (default)
center=Center</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlLogoSubtitle" group_name="nlHeaderSettings" title="Logo subtitle" description="" property_type="value" value_type="string" depends_on="nlEnableLogoSubtitle" value_group="logoSubtitle" display_order="370" addon_id="">
      <value>"My Website Motto Here"</value>
    </property>
    <property property_name="nlLogoSubtitleStyle" group_name="nlHeaderSettings" title="Logo subtitle" description="Styles your logo subtitle text." property_type="css" value_type="" depends_on="" value_group="" display_order="11300" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "#eee",
    "font-style": "italic"
}</value>
    </property>
    <property property_name="nlMGEnableFooterContentBar" group_name="nlFooterSettings" title="Add Modern Gamer footer bar" description="Check to add a content bar above the default Xenforo footer links &amp; chooser bar" property_type="value" value_type="boolean" depends_on="" value_group="contentBar" display_order="60" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlMGEnableHeaderFeatureImg" group_name="nlHeaderSettings" title="Enable header featured banner image (DEPRECATED)" description="** This feature has been deprecated and will no longer function **. If you have used this feature in a previous version, please utilize the ad_header location of the Xenforo Advertisements system." property_type="value" value_type="boolean" depends_on="" value_group="featurebanner" display_order="100" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlMGFooterBarLeftBlockLayout" group_name="nlFooterSettings" title="Left block layout" description="" property_type="value" value_type="select" depends_on="nlMGEnableFooterContentBar" value_group="contentBar" display_order="61" addon_id="">
      <value_parameters>logo=Logo
social=Social links
html=Custom HTML</value_parameters>
      <value>"logo"</value>
    </property>
    <property property_name="nlMGFooterBarLeftCustomHTML" group_name="nlFooterSettings" title="Left custom HTML" description="" property_type="value" value_type="string" depends_on="nlMGEnableFooterContentBar" value_group="contentBar" display_order="62" addon_id="">
      <value_parameters>rows=3</value_parameters>
      <value>""</value>
    </property>
    <property property_name="nlMGFooterBarRightBlockLayout" group_name="nlFooterSettings" title="Right block layout" description="" property_type="value" value_type="select" depends_on="nlMGEnableFooterContentBar" value_group="contentBar" display_order="63" addon_id="">
      <value_parameters>logo=Logo
social=Social links
html=Custom HTML</value_parameters>
      <value>"social"</value>
    </property>
    <property property_name="nlMGFooterBarRightCustomHTML" group_name="nlFooterSettings" title="Right custom HTML" description="" property_type="value" value_type="string" depends_on="nlMGEnableFooterContentBar" value_group="contentBar" display_order="64" addon_id="">
      <value_parameters>rows=3</value_parameters>
      <value>""</value>
    </property>
    <property property_name="nlMGHeaderFeatureImgLink" group_name="nlHeaderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="nlMGEnableHeaderFeatureImg" value_group="feature_banner" display_order="120" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlMGHeaderFeatureImgPath" group_name="nlHeaderSettings" title="Image Path" description="" property_type="value" value_type="string" depends_on="nlMGEnableHeaderFeatureImg" value_group="feature_banner" display_order="110" addon_id="">
      <value>"https://i.imgur.com/ZXOBx52.jpg"</value>
    </property>
    <property property_name="nlMGHeadingStripImage" group_name="nlThemeSettings" title="Theme heading overlay image" description="Enter the path for the theme's gradient overlay png image. This gives block and widget headings a glossy appearance. You may choose from block_head1.png - block_head5.png" property_type="value" value_type="string" depends_on="" value_group="settings" display_order="400" addon_id="">
      <value>"@xf-themePath/xenforo/skin/block_head5.png"</value>
    </property>
    <property property_name="nlMGWrapMessages" group_name="message" title="Wrap messages in Modern Gamer frame" description="Check to use the 3D theme wrapper around messages, which includes the Post Tabs and bottom block footer" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="10" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlMemberProfileMoveTags" group_name="member" title="Move member tabs below profile header" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="100" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlMenuDividerBorderColor" group_name="menu" title="Menu divider border color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="110" addon_id="">
      <value>"@xf-borderColor"</value>
    </property>
    <property property_name="nlMenuFooterLink" group_name="menu" title="Menu footer link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20610" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "inherit"
}</value>
    </property>
    <property property_name="nlMenuFooterLinkHover" group_name="menu" title="Menu footer link - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20620" css_components="text,extra" addon_id="">
      <value>{
    "color": "@xf-linkHoverColor"
}</value>
    </property>
    <property property_name="nlMenuInput" group_name="menu" title="Menu text input" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20560" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMenuInputFocus" group_name="menu" title="Menu text input - focus" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20565" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMenuLinkAfterIcons" group_name="menu" title="Add menu link follow icons" description="Check to add some FontAwesome icons (usually a caret or angle) to menu link rows" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="510" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlMenuLinkRowAfterIcon" group_name="menu" title="Menu link after icon" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20505" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "11px",
    "padding-top": "2px",
    "padding-right": "0",
    "padding-bottom": "2px",
    "padding-left": "0",
    "extra": "content: \"\\f054\";\nfont-family: FontAwesome;\ndisplay: inline-block;\nfloat: right;"
}</value>
    </property>
    <property property_name="nlMenuOverlayWrapper" group_name="menu" title="Menu overlay wrapper" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="19999" css_components="border_radius,border_radius_simple,extra" addon_id="">
      <value>{
    "extra": ".m-dropShadow(0, 1px, 6px, 1px, 0.25);\ntransform: scale(.9);\ntransform: transform .2s,opacity .2s,visibility .2s .2s,-webkit-transform .2s;\n&amp;.is-active {\n\ttransform: scale(1);\n}\n// override menu--structural\n&amp;, &amp;.menu--structural {\n    margin-top: 14px;\n}"
}</value>
    </property>
    <property property_name="nlMenuRow" group_name="menu" title="Menu content row" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20510" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMenuRowAlt" group_name="menu" title="Menu content row alt" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20511" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMenuRowHighlighted" group_name="menu" title="Menu content row - highlighted" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20515" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMenuRowHover" group_name="menu" title="Menu content row - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20520" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMenuRowLink" group_name="menu" title="Menu content row link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20550" css_components="text,extra" addon_id="">
      <value>{
    "color": "@xf-linkColor",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlMenuRowLinkHover" group_name="menu" title="Menu content row link - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20555" css_components="text,extra" addon_id="">
      <value>{
    "color": "@xf-linkHoverColor"
}</value>
    </property>
    <property property_name="nlMenuRowPaddingH" group_name="menu" title="Menu row padding horizontal" description="" property_type="value" value_type="unit" depends_on="" value_group="" display_order="300" addon_id="">
      <value>"@xf-paddingLarge"</value>
    </property>
    <property property_name="nlMenuRowPaddingV" group_name="menu" title="Menu row padding vertical" description="" property_type="value" value_type="unit" depends_on="" value_group="" display_order="310" addon_id="">
      <value>"@xf-paddingLarge"</value>
    </property>
    <property property_name="nlMenuTabHeaderHover" group_name="menu" title="Menu tab header - hover tab" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20295" css_components="text,background,border_color_simple,extra" addon_id="">
      <value>{
    "color": "@xf-textColorMuted",
    "background-color": "@xf-blockTabHeaderBg"
}</value>
    </property>
    <property property_name="nlMessageActionLinks" group_name="message" title="Action links" description="Styles the edit and moderation links below the message content" property_type="css" value_type="" depends_on="" value_group="" display_order="20700" css_components="text,extra" addon_id="">
      <value>{
    "font-size": "90%",
    "color": "@xf-textColorMuted",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlMessageAttributionItem" group_name="message" title="Message attribution balloon" description="Styles small extra details such as date, version, rating etc" property_type="css" value_type="" depends_on="" value_group="" display_order="21000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "88%",
    "color": "@xf-textColorMuted",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-contentAltBg",
    "border-width": "1px",
    "border-color": "@xf-borderColorFaint",
    "border-radius": "@xf-borderRadiusSmall",
    "padding-top": "5px",
    "padding-right": "8px",
    "padding-bottom": "5px",
    "padding-left": "8px"
}</value>
    </property>
    <property property_name="nlMessageAvatarOnline" group_name="message" title="User online indicator" description="Styling for the message avatar online indicator" property_type="css" value_type="" depends_on="" value_group="" display_order="20070" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMessageAvatarSize" group_name="message" title="User avatar size" description="" property_type="value" value_type="radio" depends_on="" value_group="user" display_order="510" addon_id="">
      <value_parameters>m=Medium (default)
l=Large (stretch to width)
c=Custom</value_parameters>
      <value>"m"</value>
    </property>
    <property property_name="nlMessageAvatarWidth" group_name="message" title="Avatar custom size" description="" property_type="value" value_type="unit" depends_on="" value_group="user" display_order="515" addon_id="">
      <value>"150px"</value>
    </property>
    <property property_name="nlMessageButtonLinks" group_name="message" title="Button-ify Like &amp; Reply links" description="" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="700" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlMessageButtonLinksStyle" group_name="message" title="Button style" description="" property_type="value" value_type="select" depends_on="" value_group="" display_order="710" addon_id="">
      <value_parameters>buttonPrimary=Primary button
buttonCta=CTA button
buttonLink=Link button</value_parameters>
      <value>"buttonPrimary"</value>
    </property>
    <property property_name="nlMessageContent" group_name="message" title="Message content area" description="Styles the message container which holds the message text" property_type="css" value_type="" depends_on="" value_group="" display_order="20120" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMessageLink" group_name="message" title="Message links" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20500" css_components="text,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMessageLinkHover" group_name="message" title="Message links - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20550" css_components="text,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMessageSpacer" group_name="message" title="Message spacing" description="The amount in pixels to separate between messages" property_type="value" value_type="unit" depends_on="" value_group="" display_order="100" addon_id="">
      <value>"@xf-elementSpacer"</value>
    </property>
    <property property_name="nlMessageUserBlockResponsive" group_name="message" title="Message user info block - compact/responsive" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMessageUserDetails" group_name="message" title="Message user details group" description="Styles the group containing the username, user title and user banners" property_type="css" value_type="" depends_on="" value_group="" display_order="20020" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMessageUserExtrasGroup" group_name="message" title="Message user info group" description="Contains extra user info such as join date, reaction score, and custom fields" property_type="css" value_type="" depends_on="" value_group="" display_order="20030" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMessageUserExtrasLabel" group_name="message" title="Message user info group label" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20035" css_components="text,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMessageUserInfo" group_name="message" title="User info group" description="Styles the group of user info such as age, location, website etc" property_type="css" value_type="" depends_on="" value_group="" display_order="20069" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMessageUsername" group_name="message" title="Message username" description="Styles the message author username in the user info container" property_type="css" value_type="" depends_on="" value_group="" display_order="20050" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "font-weight": "@xf-fontWeightHeavy",
    "padding-top": "@xf-paddingSmall",
    "padding-bottom": "@xf-paddingSmall"
}</value>
    </property>
    <property property_name="nlMessageUsernameResponsive" group_name="message" title="Message username - compact/responsive" description="Styles the message author username on mobile layouts" property_type="css" value_type="" depends_on="" value_group="" display_order="20051" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMessageWrapper" group_name="message" title="Message" description="Styles message containers&lt;br&gt;&#10;Targets the &lt;i&gt;.block--messages .message&lt;/i&gt; element" property_type="css" value_type="" depends_on="" value_group="" display_order="19000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMessageWrapperModSelected" group_name="message" title="Message - mod selected" description="Styles message containers when selected for moderation" property_type="css" value_type="" depends_on="" value_group="" display_order="19100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlMobileFooterCenterContent" group_name="nlFooterSettings" title="Center footer content on mobile" description="Check to center your footer content on mobile devices" property_type="value" value_type="boolean" depends_on="" value_group="layout" display_order="40" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlMobileNavTriggerLocation" group_name="nlHeaderSettings" title="Align mobile nav trigger &amp; menu" description="" property_type="value" value_type="radio" depends_on="" value_group="navigation" display_order="510" addon_id="">
      <value_parameters>left=Left (default)
right=Right</value_parameters>
      <value>"left"</value>
    </property>
    <property property_name="nlNavTabHeight" group_name="headerNav" title="Nav Tab Height" description="" property_type="value" value_type="unit" depends_on="" value_group="" display_order="5200" addon_id="">
      <value>"48px"</value>
    </property>
    <property property_name="nlNavigationIconSize" group_name="nlHeaderSettings" title="Navigation icon size adjuster" description="Enter a value in pixels for controlling the size of FontAwesome icons within navigation and visitor tabs. Leave blank to use the default navigation tab font size." property_type="value" value_type="unit" depends_on="" value_group="navigation" display_order="510" addon_id="">
      <value>"16px"</value>
    </property>
    <property property_name="nlNavigationLocation" group_name="nlHeaderSettings" title="Location" description="You can move the navigation above or below the header." property_type="value" value_type="radio" depends_on="" value_group="navigation" display_order="500" addon_id="">
      <value_parameters>above=Above header
default=Below header (default)</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlNavigationSmallLogoMaxWidth" group_name="nlHeaderSettings" title="Max width" description="" property_type="value" value_type="unit" depends_on="" value_group="navigationSmallLogo" display_order="200" addon_id="">
      <value>"170px"</value>
    </property>
    <property property_name="nlNeutralAlt1" group_name="nlHelperSettings" title="Neutral Alt 1" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="7100" addon_id="">
      <value>"rgb(191, 255, 0)"</value>
    </property>
    <property property_name="nlNeutralAlt2" group_name="nlHelperSettings" title="Neutral Alt 2" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="7200" addon_id="">
      <value>"rgb(176, 234, 0)"</value>
    </property>
    <property property_name="nlNeutralAlt3" group_name="nlHelperSettings" title="Neutral Alt 3" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="7300" addon_id="">
      <value>"rgb(163, 217, 0)"</value>
    </property>
    <property property_name="nlNeutralAlt4" group_name="nlHelperSettings" title="Neutral Alt 4" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="7400" addon_id="">
      <value>"rgb(148, 198, 0)"</value>
    </property>
    <property property_name="nlNeutralAlt5" group_name="nlHelperSettings" title="Neutral Alt 5" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="7500" addon_id="">
      <value>"rgb(137, 182, 0)"</value>
    </property>
    <property property_name="nlNeutralAlt6" group_name="nlHelperSettings" title="Neutral Alt 6" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="7600" addon_id="">
      <value>"rgb(125, 167, 0)"</value>
    </property>
    <property property_name="nlNodeAlternatingRows" group_name="nodeList" title="Use alternating row styling" description="Check to use alternating row colors for your node listing. You can set the colors below." property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlNodeCategoryContainer" group_name="nodeList" title="Node category container" description="Styles the inner category group container&lt;br /&gt;&#10;Targets .block-container" property_type="css" value_type="" depends_on="" value_group="" display_order="96" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "transparent"
}</value>
    </property>
    <property property_name="nlNodeCategoryListContainer" group_name="nodeList" title="Node row list container" description="Styles the inner container around node rows&lt;br /&gt;&#10;Targets .block-body" property_type="css" value_type="" depends_on="" value_group="" display_order="97" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "xf-intensify(@xf-neutralLight6, 10%)"
}</value>
    </property>
    <property property_name="nlNodeCell" group_name="nodeList" title="Node cell" description="Styles the inner cells of node row containers" property_type="css" value_type="" depends_on="" value_group="" display_order="130" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlNodeCollapseTriggerClosed" group_name="nodeList" title="Collapse toggle - closed" description="" property_type="value" value_type="string" depends_on="nlEnableCollapsibleNodes" value_group="collapsibleCategories" display_order="820" addon_id="">
      <value>"\\f205"</value>
    </property>
    <property property_name="nlNodeCollapseTriggerOpen" group_name="nodeList" title="Collapse toggle - opened" description="Enter the Font Awesome unicode value for the toggle-opened icon" property_type="value" value_type="string" depends_on="nlEnableCollapsibleNodes" value_group="collapsibleCategories" display_order="810" addon_id="">
      <value>"\\f205"</value>
    </property>
    <property property_name="nlNodeDescription" group_name="nodeList" title="Node description" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="151" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlNodeGridMinWidth" group_name="nlNodeSettings" title="Minimum screen size for the grid node layout" description="Enter a value in pixels for the minimum width to use Side by Side Nodes. It is not recommended to use this feature on small mobile screens, such as smartphones." property_type="value" value_type="unit" depends_on="nlUseGridNodes" value_group="gridNodes" display_order="330" addon_id="">
      <value>"680px"</value>
    </property>
    <property property_name="nlNodeGridNodeMinWidth" group_name="nlNodeSettings" title="Node min width" description="Nodes will never shrink below this value. Can be helpful when using more than two nodes per row to ensure node contents remain well readable." property_type="value" value_type="unit" depends_on="nlUseGridNodes" value_group="gridNodes" display_order="350" addon_id="">
      <value>"260px"</value>
    </property>
    <property property_name="nlNodeGridNodePerRow" group_name="nlNodeSettings" title="Max nodes per row" description="Select a maximum limit for nodes per row. Nodes will automatically stretch and fit up to this limit, based on the space available." property_type="value" value_type="number" depends_on="nlUseGridNodes" value_group="gridNodes" display_order="340" addon_id="">
      <value_parameters>step=1
min=1
max=4</value_parameters>
      <value>"3"</value>
    </property>
    <property property_name="nlNodeGridStatsIconify" group_name="nlNodeSettings" title="Iconify node stats" description="Check to use FontAwesome icons in place of the node stats labels" property_type="value" value_type="boolean" depends_on="" value_group="gridNodes" display_order="420" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlNodeGridStatsLocation" group_name="nlNodeSettings" title="Node stats location" description="You can override the placement of the node stats while using the node grid layout." property_type="value" value_type="radio" depends_on="" value_group="gridNodes" display_order="410" addon_id="">
      <value_parameters>default=Default
belowDesc=Under description</value_parameters>
      <value>"belowDesc"</value>
    </property>
    <property property_name="nlNodeGroupContainer" group_name="nodeList" title="Node group container" description="Styles the container around groups of nodes or node categories&lt;br/&gt;&#10;Targets .block--category" property_type="css" value_type="" depends_on="" value_group="" display_order="95" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "transparent"
}</value>
    </property>
    <property property_name="nlNodeIcon" group_name="nodeList" title="-- Node icon" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="143" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "20px",
    "background-color": "@xf-neutralDark4",
    "border-radius": "50%",
    "extra": "width: 42px;\nheight: 42px;\nline-height: 42px;\nbackground: linear-gradient(@xf-neutralDark5, @xf-neutralDark4);"
}</value>
    </property>
    <property property_name="nlNodeIconBlock" group_name="nodeList" title="Node icon block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="140" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-blockTabHeaderBg",
    "padding-top": "14px",
    "padding-right": "0",
    "padding-bottom": "14px",
    "padding-left": "0",
    "extra": "text-align: center;\nbackground: linear-gradient(#595959 0%, #3a3a3a 49%, #2f2f2f 50%, #151515 100%);"
}</value>
    </property>
    <property property_name="nlNodeIconBlockWidth" group_name="nodeList" title="Icon block width" description="Recommended: 60-70px" property_type="value" value_type="unit" depends_on="" value_group="styling" display_order="900" addon_id="">
      <value>"60px"</value>
    </property>
    <property property_name="nlNodeIconForum" group_name="nodeList" title="Forum node icon" description="" property_type="value" value_type="string" depends_on="" value_group="nodeIcons" display_order="60" addon_id="">
      <value>"&lt;i class=\"fas fa-comment-alt\"&gt;&lt;/i&gt;"</value>
    </property>
    <property property_name="nlNodeIconImgForum" group_name="nodeList" title="Node image icon - forum" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="background,extra" addon_id="">
      <value>{
    "extra": "background-position: -36px 0;"
}</value>
    </property>
    <property property_name="nlNodeIconImgForumUnread" group_name="nodeList" title="Node image icon - forum unread" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="background,padding,extra" addon_id="">
      <value>{
    "extra": "background-position: 0 0;"
}</value>
    </property>
    <property property_name="nlNodeIconImgLink" group_name="nodeList" title="Node image icon - link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="background,padding,extra" addon_id="">
      <value>{
    "extra": "background-position: -108px 0;"
}</value>
    </property>
    <property property_name="nlNodeIconImgPage" group_name="nodeList" title="Node image icon - page" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="background,padding,extra" addon_id="">
      <value>{
    "extra": "background-position: -72px 0;"
}</value>
    </property>
    <property property_name="nlNodeIconLink" group_name="nodeList" title="Link node icon" description="" property_type="value" value_type="string" depends_on="" value_group="nodeIcons" display_order="70" addon_id="">
      <value>"&lt;i class=\"fas fa-link\"&gt;&lt;/i&gt;"</value>
    </property>
    <property property_name="nlNodeIconPage" group_name="nodeList" title="Page node icon" description="" property_type="value" value_type="string" depends_on="" value_group="nodeIcons" display_order="80" addon_id="">
      <value>"&lt;i class=\"fas fa-file\"&gt;&lt;/i&gt;"</value>
    </property>
    <property property_name="nlNodeIconReadWrapper" group_name="nodeList" title="-- Icon block - read" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="141" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlNodeIconStyle" group_name="nodeList" title="FontAwesome node icon style" description="" property_type="value" value_type="select" depends_on="" value_group="nodeIcons" display_order="90" addon_id="">
      <value_parameters>400=Outline
900=Solid</value_parameters>
      <value>"900"</value>
    </property>
    <property property_name="nlNodeIconUnread" group_name="nodeList" title="-- Node icon - unread" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="144" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlNodeIconUnreadWrapper" group_name="nodeList" title="-- Icon block - unread" description="Styles the icon span element around the icon" property_type="css" value_type="" depends_on="" value_group="" display_order="142" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlNodeImgIcon" group_name="nodeList" title="Node image icon" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="background,padding,extra" addon_id="">
      <value>{
    "background-image": "@xf-themePath/xenforo/node-sprites/node-sprite-red.png",
    "extra": "width: 36px;\nheight: 36px;\nmargin: 0 auto;\nbackground-position: -36px 0;"
}</value>
    </property>
    <property property_name="nlNodeImgMinHeight" group_name="nlNodeSettings" title="Image minimum height" description="" property_type="value" value_type="unit" depends_on="nlImgAboveNode" value_group="imageNodes" display_order="510" addon_id="">
      <value>"200px"</value>
    </property>
    <property property_name="nlNodeLastPost" group_name="nodeList" title="Node last post" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="160" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "background-color": "rgba(255, 255, 255, 0.2)",
    "padding-top": "14px",
    "padding-right": "10px",
    "padding-bottom": "14px",
    "padding-left": "10px",
    "extra": "display: table-cell;\nvertical-align: middle;"
}</value>
    </property>
    <property property_name="nlNodeLastPostAuthor" group_name="nodeList" title="-- Last post author" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="163" css_components="text,padding,extra" addon_id="">
      <value>{
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlNodeLastPostAuthorColor" group_name="nodeList" title="Last post author" description="" property_type="value" value_type="color" depends_on="" value_group="colors" display_order="52" addon_id="">
      <value>"@xf-linkColor"</value>
    </property>
    <property property_name="nlNodeLastPostAvatarSize" group_name="nodeList" title="Last post avatar size" description="" property_type="value" value_type="radio" depends_on="" value_group="settings" display_order="560" addon_id="">
      <value_parameters>xs=Small (default)
xxs=Extra small</value_parameters>
      <value>"xs"</value>
    </property>
    <property property_name="nlNodeLastPostInner" group_name="nodeList" title="-- Last post inner group" description="Styles the group of last post items, such as avatar, title and author" property_type="css" value_type="" depends_on="" value_group="" display_order="161" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlNodeLastPostResponsive" group_name="nodeList" title="Node last post - responsive" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="170" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "display: block;\nwidth: auto;"
}</value>
    </property>
    <property property_name="nlNodeLastPostTitle" group_name="nodeList" title="-- Last post title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="162" css_components="text,padding,extra" addon_id="">
      <value>{
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlNodeLastPostTitleColor" group_name="nodeList" title="Last post title" description="" property_type="value" value_type="color" depends_on="" value_group="colors" display_order="51" addon_id="">
      <value>"@xf-linkColor"</value>
    </property>
    <property property_name="nlNodeListWrapper" group_name="nodeList" title="Node list" description="Styles the overall wrapper around nodes and category groups on the forum list page" property_type="css" value_type="" depends_on="" value_group="" display_order="90" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "transparent",
    "border-radius": "5px"
}</value>
    </property>
    <property property_name="nlNodeMainBlock" group_name="nodeList" title="Node main block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="145" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColorMuted"
}</value>
    </property>
    <property property_name="nlNodePaddingH" group_name="nodeList" title="Node padding - horizontal" description="Horizontal inner padding of node rows (also affects padding of inner elements such as Node Title block, Last Post block, etc)" property_type="value" value_type="unit" depends_on="" value_group="styling" display_order="900" addon_id="">
      <value>"@xf-contentPadding"</value>
    </property>
    <property property_name="nlNodePaddingV" group_name="nodeList" title="Node padding - vertical" description="Inner vertical padding of node rows" property_type="value" value_type="unit" depends_on="" value_group="styling" display_order="900" addon_id="">
      <value>"10px"</value>
    </property>
    <property property_name="nlNodeRow" group_name="nodeList" title="Node row" description="Styles the container of rows in the node list" property_type="css" value_type="" depends_on="" value_group="" display_order="120" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "background-color": "@xf-contentBg",
    "extra": "margin-bottom: 1px;\n.m-lightGradient();\nbackground-size: 100% 100%;\ntransition: .2s background-size;"
}</value>
    </property>
    <property property_name="nlNodeRowAlternate" group_name="nodeList" title="Node row - alternate" description="Styles1 alternate (even) node rows when Use Alternate Node Rows option is enabled. (See [Nulumia] Node Settings property group.)" property_type="css" value_type="" depends_on="" value_group="" display_order="121" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentAltBg"
}</value>
    </property>
    <property property_name="nlNodeRowHover" group_name="nodeList" title="Node row - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="122" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "background-size: 100% 200%;"
}</value>
    </property>
    <property property_name="nlNodeStatsBlock" group_name="nodeList" title="Node stats" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="155" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "padding-right": "@xf-paddingSmall"
}</value>
    </property>
    <property property_name="nlNodeStatsIconify" group_name="nodeList" title="Iconify node stats" description="Check to use FontAwesome icons in place of the node stats labels" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="530" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlNodeStatsLabelPair" group_name="nodeList" title="-- Stats label pair" description="Styles the pair of stat labels, such as Threads and Messages" property_type="css" value_type="" depends_on="" value_group="" display_order="156" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-right-width": "1px",
    "border-right-color": "@xf-borderColorHeavy",
    "extra": "&amp;:nth-of-type(2) {\n\tborder: none;\n}"
}</value>
    </property>
    <property property_name="nlNodeStatsLocation" group_name="nodeList" title="Node stats location" description="" property_type="value" value_type="radio" depends_on="" value_group="settings" display_order="510" addon_id="">
      <value_parameters>default=Default
belowDesc=Under description
iconBlock=Floating icon block</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlNodeTitle" group_name="nodeList" title="Node title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="145" css_components="text,extra" addon_id="">
      <value>{
    "font-size": "16px",
    "color": "@xf-textColor",
    "font-weight": "@xf-fontWeightHeavy",
    "text-decoration": "none"
}</value>
    </property>
    <property property_name="nlNodeTitleColor" group_name="nodeList" title="Node title color" description="" property_type="value" value_type="color" depends_on="" value_group="colors" display_order="50" addon_id="">
      <value>"@xf-linkColor"</value>
    </property>
    <property property_name="nlNodeTitleHover" group_name="nodeList" title="Node title - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="150" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-linkHoverColor"
}</value>
    </property>
    <property property_name="nlNodeTitleOverflow" group_name="nodeList" title="Node title overflow" description="Choose whether long node titles will wrap to the next line, or limit with &quot;...&quot; ellipsis" property_type="value" value_type="radio" depends_on="" value_group="styling" display_order="900" addon_id="">
      <value_parameters>default=Wrap to new line (default)
ellipsis=Trim to single line with "..."</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlNodelastPostBlockWidth" group_name="nodeList" title="Last post block width" description="Default: 280px" property_type="value" value_type="unit" depends_on="" value_group="styling" display_order="900" addon_id="">
      <value>"280px"</value>
    </property>
    <property property_name="nlNoticeAccent" group_name="nlNotices" title="Notice - accent" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="300" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlNoticeAccentLink" group_name="nlNotices" title="Notice - accent link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="310" css_components="text,extra" addon_id="">
      <value>{
    "color": "inherit",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlNoticeAccentLinkHover" group_name="nlNotices" title="Notice - accent link hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="320" css_components="text,extra" addon_id="">
      <value>{
    "color": "@xf-linkHoverColor",
    "text-decoration": "underline"
}</value>
    </property>
    <property property_name="nlNoticeAddIconColumn" group_name="nlNotices" title="Show  Font Awesome icon column" description="Check to show a column next to notices with a Font Awesome icon" property_type="value" value_type="boolean" depends_on="" value_group="icon" display_order="100" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlNoticeContent" group_name="nlNotices" title="Notice - content base" description="Styles the main notice panel" property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlNoticeDark" group_name="nlNotices" title="Notice - dark" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="400" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-blockTabHeaderTextColor",
    "background-color": "@xf-blockTabHeaderBg",
    "extra": ".m-darkGradient();"
}</value>
    </property>
    <property property_name="nlNoticeDarkLink" group_name="nlNotices" title="Notice - dark link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="410" css_components="text,extra" addon_id="">
      <value>{
    "color": "@xf-neutralLight6",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlNoticeDarkLinkHover" group_name="nlNotices" title="Notice - dark link hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="420" css_components="text,extra" addon_id="">
      <value>{
    "color": "@xf-linkHoverColor",
    "text-decoration": "underline"
}</value>
    </property>
    <property property_name="nlNoticeDotControl" group_name="nlNotices" title="Bottom dot control" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="50000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "position: relative;"
}</value>
    </property>
    <property property_name="nlNoticeDotControlHover" group_name="nlNotices" title="Bottom dot control - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="50100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlNoticeIcon" group_name="nlNotices" title="Font Awesome icon" description="Enter the full icon code for your Font Awesome icon" property_type="value" value_type="string" depends_on="nlNoticeAddIconColumn" value_group="icon" display_order="110" addon_id="">
      <value>"&lt;i class=\"fas fa-bullhorn\"&gt;&lt;/i&gt;"</value>
    </property>
    <property property_name="nlNoticeIconColumn" group_name="nlNotices" title="Icon column" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="600" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "48px",
    "color": "#fff",
    "background-color": "@xf-paletteColor4",
    "extra": "background: linear-gradient(@xf-paletteColor4, @xf-paletteColor8);"
}</value>
    </property>
    <property property_name="nlNoticeIconWidth" group_name="nlNotices" title="Icon column width" description="" property_type="value" value_type="unit" depends_on="nlNoticeAddIconColumn" value_group="icon" display_order="105" addon_id="">
      <value>"80px"</value>
    </property>
    <property property_name="nlNoticeLight" group_name="nlNotices" title="Notice - light" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="500" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentBg"
}</value>
    </property>
    <property property_name="nlNoticeLightLink" group_name="nlNotices" title="Notice - light link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="500" css_components="text,extra" addon_id="">
      <value>{
    "color": "@xf-linkColor"
}</value>
    </property>
    <property property_name="nlNoticeLightLinkHover" group_name="nlNotices" title="Notice - light link hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="520" css_components="text,extra" addon_id="">
      <value>{
    "color": "@xf-linkHoverColor",
    "text-decoration": "underline"
}</value>
    </property>
    <property property_name="nlNoticePaddingH" group_name="nlNotices" title="Notice horizontal padding" description="" property_type="value" value_type="unit" depends_on="" value_group="" display_order="20" addon_id="">
      <value>"@xf-contentPadding"</value>
    </property>
    <property property_name="nlNoticePaddingV" group_name="nlNotices" title="Notice vertical padding" description="" property_type="value" value_type="unit" depends_on="" value_group="" display_order="20" addon_id="">
      <value>"@xf-contentPadding"</value>
    </property>
    <property property_name="nlNoticePrimary" group_name="nlNotices" title="Notice - primary" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "#fff",
    "background-color": "@xf-majorHeadingBg",
    "extra": ".m-primaryGradient();"
}</value>
    </property>
    <property property_name="nlNoticePrimaryLink" group_name="nlNotices" title="Notice - primary link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="110" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "inherit",
    "text-decoration": "underline"
}</value>
    </property>
    <property property_name="nlNoticePrimaryLinkHover" group_name="nlNotices" title="Notice - primary link hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="120" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "inherit",
    "text-decoration": "underline"
}</value>
    </property>
    <property property_name="nlNulumiaBaseVersion" group_name="nlThemeSettings" title="NulumiaBase Framework Version" description="Indicates the current version of the NulumiaBase Framework powering your theme. Useful for checking updates and available feature releases. Please visit www.nulumia.com/nulumiabase-framework/ for more details on the latest version." property_type="value" value_type="string" depends_on="" value_group="version" display_order="10500" addon_id="">
      <value>"2.3.5.1"</value>
    </property>
    <property property_name="nlOverlayCloser" group_name="overlay" title="Overlay closer" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text" addon_id="">
      <value>{
    "color": "@xf-majorHeadingTextColor"
}</value>
    </property>
    <property property_name="nlOverlayPanel" group_name="overlay" title="Overlay container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="19500" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColor",
    "background-color": "@xf-contentBg",
    "border-width": "0",
    "extra": ".m-dropShadow(0, 4px, 14px, 1px, 0.25);"
}</value>
    </property>
    <property property_name="nlPNavInnerAdjuster" group_name="nlHelperSettings" title="Nav inner adjuster" description="Helper: Deprecate if navPadded function is preferred" property_type="value" value_type="unit" depends_on="" value_group="header" display_order="200" addon_id="">
      <value>"0px"</value>
    </property>
    <property property_name="nlPNavPadded" group_name="nlHelperSettings" title="Has padded nav" description="Helper: Theme has contained/padded navigation. Used to bypass pageInset removal." property_type="value" value_type="boolean" depends_on="" value_group="header" display_order="210" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlPageBody" group_name="content" title="Page body" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="18000" css_components="text,background,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlPageBodyInner" group_name="content" title="Page body - inner" description="Styles the main body content container" property_type="css" value_type="" depends_on="" value_group="" display_order="18100" css_components="text,background,extra" addon_id="">
      <value>{
    "background-color": "#fefefe",
    "padding": "@xf-contentPadding"
}</value>
    </property>
    <property property_name="nlPageBodyInnerFloating" group_name="content" title="Page body inner - floating" description="Styles the main page content container when Floating Content mode is enabled" property_type="css" value_type="" depends_on="" value_group="" display_order="18100" css_components="text,background,extra" addon_id="">
      <value>{
    "background-color": "transparent"
}</value>
    </property>
    <property property_name="nlPageDescription" group_name="page" title="Page description" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="22000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlPageDescriptionIcon" group_name="page" title="Page description - icon" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="22100" css_components="text,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlPageDescriptionTag" group_name="page" title="Page description - tag" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="22200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlPageHeader" group_name="nlPageLayouts" title="Page header row" description="Styles the dedicated Page Header row when the option is enabled. Note that your page title and breadcrumb elements may display differently within this area." property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-blockTabHeaderBg",
    "border-bottom-width": "2px",
    "border-bottom-color": "@xf-borderColorAccentContent",
    "padding": "20px",
    "extra": "background: linear-gradient(to top,#313131,#1a1a1a 100%);"
}</value>
    </property>
    <property property_name="nlPageHeaderBcrumbItem" group_name="nlPageLayouts" title="-- Breadcrumb item" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10030" css_components="text,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlPageHeaderBcrumbItemHover" group_name="nlPageLayouts" title="-- Breadcrumb item - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10040" css_components="text,extra" addon_id="">
      <value>{
    "color": "@xf-linkHoverColor"
}</value>
    </property>
    <property property_name="nlPageHeaderBgAttachment" group_name="nlPageLayouts" title="Background image vertical attachment" description="Select the vertical attachment for backgrounds images behind the page header row. Works with both Style Property assigned images and Parallax.JS background mode." property_type="value" value_type="select" depends_on="" value_group="pageHeaderRow" display_order="110" addon_id="">
      <value_parameters>top=Top
center=Center (default)
bottom=Bottom</value_parameters>
      <value>"center"</value>
    </property>
    <property property_name="nlPageHeaderContentRow" group_name="nlPageLayouts" title="-- Content groups" description="Styles groups of content which display on certain pages, such as Resources" property_type="css" value_type="" depends_on="" value_group="" display_order="10029" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlPageHeaderDescription" group_name="nlPageLayouts" title="-- Description" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10015" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "inherit"
}</value>
    </property>
    <property property_name="nlPageHeaderHideDescription" group_name="nlPageLayouts" title="Hide description" description="" property_type="value" value_type="boolean" depends_on="" value_group="pageHeaderRow" display_order="115" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlPageHeaderHideForumList" group_name="nlPageLayouts" title="Hide on forum list" description="Check to hide the page header row on the forum list. Useful when displaying other features placed at the top of the body area." property_type="value" value_type="boolean" depends_on="" value_group="pageHeaderRow" display_order="120" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlPageHeaderHideMeta" group_name="nlPageLayouts" title="Hide meta (author, date, tags)" description="Check this to hide the page meta info within the page header row" property_type="value" value_type="boolean" depends_on="" value_group="pageHeaderRow" display_order="111" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlPageHeaderHideXenporta" group_name="nlPageLayouts" title="Hide on XenPorta 2 article list" description="Check to hide the page header row on the XenPorta 2 article list. Useful when using XenPorta as a homepage to prioritize displaying the articles." property_type="value" value_type="boolean" depends_on="" value_group="pageHeaderRow" display_order="125" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlPageHeaderLink" group_name="nlPageLayouts" title="-- Link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10025" css_components="text,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlPageHeaderRowAddParticles" group_name="nlPageLayouts" title="Add Particles.js effect" description="Check to add the Particles.js effect behind your page header row. &lt;strong&gt;You must enable the feature first via the [Nulumia] Theme Effects &amp; Animation property group&lt;/strong&gt;." property_type="value" value_type="boolean" depends_on="" value_group="pageHeaderRow" display_order="120" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlPageHeaderTitle" group_name="nlPageLayouts" title="-- Title" description="Styles the page title within the page header" property_type="css" value_type="" depends_on="" value_group="" display_order="10010" css_components="text,extra" addon_id="">
      <value>{
    "color": "@xf-paletteNeutral1",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlPageHeaderUseJsParallax" group_name="nlPageLayouts" title="Use parallax smooth scrolling background" description="Check to enable a smooth scrolling background image. &lt;strong&gt;Requires Parallax JS feature to be enabled in [Nulumia] Theme Effects &amp; Animation property group.&lt;/strong&gt;" property_type="value" value_type="boolean" depends_on="" value_group="pageHeaderRow" display_order="109" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlPageNavContainer" group_name="nlPageNavigation" title="Page nav container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlPageNavItem" group_name="nlPageNavigation" title="Page nav item" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-textColor",
    "background-color": "@xf-contentBg",
    "border-width": "1px",
    "border-color": "@xf-borderColor",
    "border-radius": "0",
    "extra": "min-width: 36px;\ntext-align: center;\nline-height: normal;"
}</value>
    </property>
    <property property_name="nlPageNavItemHover" group_name="nlPageNavigation" title="Page nav item - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,extra" addon_id="">
      <value>{
    "color": "@xf-majorHeadingTextColor",
    "background-color": "@xf-paletteColor3"
}</value>
    </property>
    <property property_name="nlPageScrollButton" group_name="misc" title="Page scroll button" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "width: 40px;\nheight: 40px;\nline-height: 40px;\npadding: 0;"
}</value>
    </property>
    <property property_name="nlPageTitle" group_name="page" title="Page title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="21000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-nlH1FontSize",
    "color": "@xf-linkColor",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlPageTitleBoxed" group_name="page" title="Page title - boxed" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="21050" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentBg",
    "border-width": "1px",
    "border-color": "@xf-borderColor",
    "border-radius": "@xf-borderRadiusMedium",
    "padding": "6px",
    "extra": "margin-bottom: @xf-elementSpacer;"
}</value>
    </property>
    <property property_name="nlPageTitleLayout" group_name="nlPageLayouts" title="Page title &amp; breadcrumb" description="Choose where to place your page heading sections" property_type="value" value_type="radio" depends_on="" value_group="pageTitleAndBreadcrumb" display_order="100" addon_id="">
      <value_parameters>welcome=Page Header Row: Place in a new row below the main navigation
aside=Xenforo 1 Layout: Next to sidebar
default=Xenforo 2 Layout: Full width above content</value_parameters>
      <value>"aside"</value>
    </property>
    <property property_name="nlPageWidthFluid" group_name="page" title="Page width controller - fluid width" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20350" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "width: 100% !important;\nmax-width: 100% !important;"
}</value>
    </property>
    <property property_name="nlPageWidthMin" group_name="page" title="Minimum page width" description="Set a minimum page width for when the window size is in within the full width rules" property_type="value" value_type="unit" depends_on="" value_group="" display_order="200" addon_id="">
      <value>"1100px"</value>
    </property>
    <property property_name="nlPairedListLabel" group_name="misc" title="Paired list - label" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20700" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlParticlesBgSiteBgMode" group_name="nlThemeEffects" title="Theme background toggle" description="When using Particles.js as your theme background, you may specify whether to keep your theme's background or make it transparent behind the particles." property_type="value" value_type="radio" depends_on="nlEnableParticlesJsBg" value_group="particlesJS" display_order="20005" addon_id="">
      <value_parameters>default=Visible behind particles
transparent=Transparent (only show particles)</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlParticlesJsBgConfigPath" group_name="nlThemeEffects" title="Path to custom configuration file" description="If enabled, you may specify your custom configuration path here" property_type="value" value_type="string" depends_on="nlParticlesJsUseCustomPath" value_group="particlesJS" display_order="20020" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlParticlesJsCustomConfigSource" group_name="nlThemeEffects" title="Custom configuration URL type" description="Choose what type of URL you will specify for your custom configuration file. You may use an absolute link to your site or an external site. Or, choose Style Folder Path to represent the link to your theme supplied in Basic Options property group." property_type="value" value_type="radio" depends_on="nlParticlesJsUseCustomPath" value_group="particlesJS" display_order="20015" addon_id="">
      <value_parameters>absolute=Absolute URL (begins with https://www..)
themePath=Style folder path (styles/themeName)</value_parameters>
      <value>"themePath"</value>
    </property>
    <property property_name="nlParticlesJsUseCustomPath" group_name="nlThemeEffects" title="Use custom configuration file" description="Check to specify a custom configuration file. You may then choose where your file is hosted. &lt;strong&gt;If left blank&lt;/strong&gt;, the default file will be used, which is found in your theme folder at:&lt;br&gt;&#10;&lt;strong&gt;styles/styleName/xenforo/assets/&lt;/strong&gt;" property_type="value" value_type="boolean" depends_on="nlEnableParticlesJsBg" value_group="particlesJS" display_order="20010" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlPinterestSaveButtonContainer" group_name="nlSocialLinks" title="Pinterest save button container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="9000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "rgba(0,0,0,0.5)",
    "padding-top": "20px",
    "padding-right": "10px",
    "padding-bottom": "10px",
    "padding-left": "10px"
}</value>
    </property>
    <property property_name="nlPinterestSaveButtonShowSaveCount" group_name="nlSocialLinks" title="Show save count" description="Choose whether to show the save count of each pin image" property_type="value" value_type="select" depends_on="nlAddPinterestSaveButtons" value_group="sharing" display_order="11" addon_id="">
      <value_parameters>none=Not shown
above=Above the button
side=Beside the button</value_parameters>
      <value>"above"</value>
    </property>
    <property property_name="nlPinterestSaveButtonSize" group_name="nlSocialLinks" title="Button size" description="You can preview all button options at the following Pinterest Widget Builder:&#10;https://developers.pinterest.com/tools/widget-builder/" property_type="value" value_type="select" depends_on="nlAddPinterestSaveButtons" value_group="sharing" display_order="10" addon_id="">
      <value_parameters>small=Small
large=Large</value_parameters>
      <value>"large"</value>
    </property>
    <property property_name="nlPinterestSaveButtonVisibility" group_name="nlSocialLinks" title="Button visibility" description="" property_type="value" value_type="select" depends_on="nlAddPinterestSaveButtons" value_group="sharing" display_order="12" addon_id="">
      <value_parameters>always=Always show
hover=Show on hover</value_parameters>
      <value>"hover"</value>
    </property>
    <property property_name="nlPinterestSaveDBTechFeaturedImg" group_name="nlSocialLinks" title="-- Ecommerce featured images" description="" property_type="value" value_type="boolean" depends_on="nlAddPinterestSaveButtons" value_group="sharing" display_order="3" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlPinterestSaveXFMG" group_name="nlSocialLinks" title="-- Xenforo Media Gallery" description="" property_type="value" value_type="boolean" depends_on="nlAddPinterestSaveButtons" value_group="sharing" display_order="1" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlPrimaryAlt1" group_name="nlHelperSettings" title="Primary Alt 1" description="" property_type="value" value_type="color" depends_on="" value_group="primaryColors" display_order="6010" addon_id="">
      <value>"#111"</value>
    </property>
    <property property_name="nlPrimaryAlt2" group_name="nlHelperSettings" title="Primary Alt 2" description="" property_type="value" value_type="color" depends_on="" value_group="primaryColors" display_order="6020" addon_id="">
      <value>"#2a2a2a"</value>
    </property>
    <property property_name="nlPrimaryAlt3" group_name="nlHelperSettings" title="Primary Alt 3" description="" property_type="value" value_type="color" depends_on="" value_group="primaryColors" display_order="6030" addon_id="">
      <value>"#63666f"</value>
    </property>
    <property property_name="nlPrimaryAlt4" group_name="nlHelperSettings" title="Primary Alt 4" description="" property_type="value" value_type="color" depends_on="" value_group="primaryColors" display_order="6090" addon_id="">
      <value>"rgb(129, 131, 140)"</value>
    </property>
    <property property_name="nlPrimaryAlt5" group_name="nlHelperSettings" title="Primary Alt 5" description="" property_type="value" value_type="color" depends_on="" value_group="primaryColors" display_order="6100" addon_id="">
      <value>"rgb(147, 148, 151)"</value>
    </property>
    <property property_name="nlPrimaryAlt6" group_name="nlHelperSettings" title="Primary Alt 6" description="" property_type="value" value_type="color" depends_on="" value_group="primaryColors" display_order="6110" addon_id="">
      <value>"rgb(163, 164, 170)"</value>
    </property>
    <property property_name="nlPrimaryContent" group_name="nlHelperSettings" title="Primary content" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="8000" addon_id="">
      <value>"rgb(197, 0, 0)"</value>
    </property>
    <property property_name="nlPrimaryGradient" group_name="nlHelperSettings" title="Primary gradient" description="" property_type="value" value_type="string" depends_on="" value_group="gradients" display_order="40" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlPrimaryLogoSpan" group_name="nlHeaderSettings" title="- Primary logo span" description="Styles for the first word(s) of your logo" property_type="css" value_type="" depends_on="" value_group="" display_order="11100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-paletteColor3"
}</value>
    </property>
    <property property_name="nlPrimaryLogoText" group_name="nlHeaderSettings" title="Logo Text" description="This is the primary text for your logo." property_type="value" value_type="string" depends_on="nlEnableTextLogo" value_group="textLogo" display_order="320" addon_id="">
      <value>"Modern"</value>
    </property>
    <property property_name="nlPublicFooterLinkHover" group_name="footer" title="Footer links - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20150" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-footerLinkColorHover"
}</value>
    </property>
    <property property_name="nlPublicFooterWrapper" group_name="footer" title="Footer wrapper" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlPublicHeaderContent" group_name="headerNav" title="Header/logo row inner content" description="Target: .p-header-content" property_type="css" value_type="" depends_on="" value_group="" display_order="20010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "padding-top": "20px",
    "padding-bottom": "20px"
}</value>
    </property>
    <property property_name="nlPublicNavResponsive" group_name="headerNav" title="Navigation row - responsive" description="Used to override styling of the navigation row on mobile devices" property_type="css" value_type="" depends_on="" value_group="" display_order="20150" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColorMuted",
    "padding-top": "14px",
    "padding-right": "0",
    "padding-bottom": "14px",
    "padding-left": "0",
    "extra": "background: linear-gradient(#313131, #1a1a1a 49%, #000000 50%, #1a1a1a 100%);\nbackground-size: cover;"
}</value>
    </property>
    <property property_name="nlPublicNavResponsiveLink" group_name="headerNav" title="Navigation row - responsive link &amp; icon" description="Styles items in the responsive navigation, such as the menu icon trigger, text logo and visitor tabs" property_type="css" value_type="" depends_on="" value_group="" display_order="20160" css_components="text,extra" addon_id="">
      <value>{
    "color": "@xf-borderColorFeature"
}</value>
    </property>
    <property property_name="nlPublicNavResponsiveVtabs" group_name="headerNav" title="Navigation row - responsive visitor tabs" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20155" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "padding-right": "3px",
    "padding-left": "3px"
}</value>
    </property>
    <property property_name="nlPublicNavSticky" group_name="headerNav" title="Navigation row - sticky" description="Styles the navigation row when sticky mode is activated" property_type="css" value_type="" depends_on="" value_group="" display_order="20170" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlPublicStaffBarBadge" group_name="headerNav" title="Staff tools bar - alert balloon" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20730" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlPublicStaffBarLink" group_name="headerNav" title="Staff tools bar - link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20710" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlPublicStaffBarLinkHover" group_name="headerNav" title="Staff tools bar - link hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20720" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlPublicSubNavSticky" group_name="headerNav" title="Sub navigation row - sticky" description="Styles the sub navigation when sticky mode is activated" property_type="css" value_type="" depends_on="" value_group="" display_order="20505" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlRMItemCost" group_name="nlResourceManager" title="Item cost balloon" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-paletteColor1",
    "background-color": "@xf-paletteColor6"
}</value>
    </property>
    <property property_name="nlRMItemCostType" group_name="nlResourceManager" title="Item cost balloon style" description="Choose the style for the item cost balloon. Uses the standard Highlight and Accent content styles as configured in the Basic Colors property group." property_type="value" value_type="radio" depends_on="" value_group="settings" display_order="200" addon_id="">
      <value_parameters>highlight=Highlighted (default)
accent=Accent</value_parameters>
      <value>"accent"</value>
    </property>
    <property property_name="nlRMMPGridItem" group_name="nlRMMP" title="Grid item" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentBg",
    "border-width": "1px",
    "border-color": "@xf-borderColor",
    "border-radius": "4px",
    "padding": "8px",
    "extra": "width: 32%;\nheight: auto;\nmargin: auto;\nbox-shadow: none;\nmargin-bottom: 14px;\nmin-height: 310px;\ntext-align: left;"
}</value>
    </property>
    <property property_name="nlRMMPGridItemContainer" group_name="nlRMMP" title="Grid item container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlRMMPGridItemDesc" group_name="nlRMMP" title="Grid item description" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlRMMPGridItemImgBlock" group_name="nlRMMP" title="Grid item img block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10125" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "position: relative;\n    height: 150px;\n    width: 100%;\n    overflow: hidden;"
}</value>
    </property>
    <property property_name="nlRMMPGridItemInfoContainer" group_name="nlRMMP" title="Grid item data container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10130" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "padding": "4px",
    "extra": "text-align: left;"
}</value>
    </property>
    <property property_name="nlRMMPGridItemPrice" group_name="nlRMMP" title="Grid item price" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10250" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColor",
    "font-weight": "@xf-fontWeightHeavy",
    "extra": "display: inline-block;\n          width: 105px;\n          line-height: 18px;\n          padding: 2px;\n          border-right: @xf-borderSize solid @xf-borderColorFaint;"
}</value>
    </property>
    <property property_name="nlRMMPGridItemTitle" group_name="nlRMMP" title="Grid item title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10150" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "18px",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlRMSidebarGroupTitle" group_name="nlResourceManager" title="Sidebar group title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1010" css_components="text,border_color_simple,padding,extra" addon_id="">
      <value>{
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlRatingCircleBarColor" group_name="nlUISettings" title="Rating circle bar color" description="Set the color for the circle rating bar" property_type="value" value_type="color" depends_on="" value_group="ratings" display_order="530" addon_id="">
      <value>"@xf-paletteColor3"</value>
    </property>
    <property property_name="nlRatingCircleBarWidth" group_name="nlUISettings" title="Rating circle bar width" description="Set a width in pixels for the circle bar" property_type="value" value_type="unit" depends_on="" value_group="ratings" display_order="510" addon_id="">
      <value>"10px"</value>
    </property>
    <property property_name="nlRatingCircleTrackColor" group_name="nlUISettings" title="Rating circle track color" description="Background color of the circle track" property_type="value" value_type="color" depends_on="" value_group="ratings" display_order="520" addon_id="">
      <value>"@xf-pageBg"</value>
    </property>
    <property property_name="nlRatingCircleWidth" group_name="nlUISettings" title="Rating circle width" description="Sets the width of circle rating bars within sidebar widgets" property_type="value" value_type="unit" depends_on="" value_group="ratings" display_order="500" addon_id="">
      <value>"200px"</value>
    </property>
    <property property_name="nlResponsiveNavTextLogoSize" group_name="nlHeaderSettings" title="- Responsive navigation logo font size" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11250" css_components="text" addon_id="">
      <value>{
    "font-size": "24px"
}</value>
    </property>
    <property property_name="nlScrollToTopMarginV" group_name="misc" title="Scroll to Top button - bottom distance" description="Enter an amount in pixels to set the distance between the Scroll to Top button from the bottom of the page." property_type="value" value_type="unit" depends_on="" value_group="" display_order="1000" addon_id="">
      <value>"20px"</value>
    </property>
    <property property_name="nlScrollbarThumb" group_name="nlThemeSettings" title="Browser Scrollbar - Thumb" description="Styles the handle of the browser scrollbar" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="background" addon_id="">
      <value>{
    "background-color": "@xf-element1"
}</value>
    </property>
    <property property_name="nlScrollbarThumbHover" group_name="nlThemeSettings" title="Browser Scrollbar - Thumb Hover" description="Styles the scrollbar handle on mouseover" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="background" addon_id="">
      <value>{
    "background-color": "@xf-element4"
}</value>
    </property>
    <property property_name="nlScrollbarTrack" group_name="nlThemeSettings" title="Browser Scrollbar - Track" description="Style for the browser scrollbar track piece" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="background" addon_id="">
      <value>{
    "background-color": "@xf-contentBg",
    "background-image": "styles"
}</value>
    </property>
    <property property_name="nlSecondaryContent" group_name="nlHelperSettings" title="Secondary Content" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="8100" addon_id="">
      <value>"rgb(174, 0, 0)"</value>
    </property>
    <property property_name="nlSecondaryLogoSpan" group_name="nlHeaderSettings" title="- Secondary logo span" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlSecondaryLogoText" group_name="nlHeaderSettings" title="Logo Text - Secondary (Optional)" description="Optional text if you would like to separate your logo into two &lt;span&gt; elements. Useful when using two different fonts or colors for each word." property_type="value" value_type="string" depends_on="nlEnableTextLogo" value_group="textLogo" display_order="320" addon_id="">
      <value>"Gamer"</value>
    </property>
    <property property_name="nlSectionLinksMode" group_name="nlHeaderSettings" title="Sub-navigation mode" description="Check to disable the sub navigation links row, under the main navigation. Instead, sub-navigation links will be moved back to the parent tab's dropdown menu." property_type="value" value_type="radio" depends_on="" value_group="navigation" display_order="520" addon_id="">
      <value_parameters>default=Display in sub-navigation row (Xenforo default)
dropdown=Display in dropdown menu / remove sub-navigation row</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlSeparateNodeDesc" group_name="nodeList" title="Separate node title &amp; descriptions" description="Check this setting to move the node category below the title, into its own row." property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="5" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlSharpenLogo" group_name="nlHeaderSettings" title="Sharpen mini-logo on mobile navigation" description="Check to sharpen your logo when displayed in the compact mobile navigation. Useful if your logo image appears slightly blurry on small screens." property_type="value" value_type="boolean" depends_on="" value_group="logoSettings" display_order="300" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlShowMenuHeaders" group_name="menu" title="Show menu headers" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="400" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlShowThemeHookLocations" group_name="nlThemeSettings" title="Add theme hook locations preview toggle" description="Check to add a toggle switch to the staff bar, which will show all available theme hooks on the viewed page. Although this setting will work on the front-end for admins, you should still disable this option once you are finished." property_type="value" value_type="boolean" depends_on="" value_group="advanced" display_order="13000" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlSidebarAltRowColor" group_name="nlSidebarSettings" title="Alternate row color" description="" property_type="value" value_type="color" depends_on="nlSidebarUseAltRows" value_group="styling" display_order="51" addon_id="">
      <value>"fade(@xf-contentAltBg, 60%)"</value>
    </property>
    <property property_name="nlSidebarBlock" group_name="nlSidebarGroup" title="Sidebar block" description="Styles sidebar block and widget containers" property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-textColorDimmed"
}</value>
    </property>
    <property property_name="nlSidebarBlockRow" group_name="nlSidebarGroup" title="Content row" description="Styling for itemized rows within sidebar blocks" property_type="css" value_type="" depends_on="" value_group="" display_order="20" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlSidebarCategoryMode" group_name="nlSidebarSettings" title="Category accordion list start behavior" description="Choose whether accordion type menu lists should start closed or open at page load." property_type="value" value_type="radio" depends_on="" value_group="categories" display_order="30" addon_id="">
      <value_parameters>default=Closed (Default)
open=Open/Expanded</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlSidebarLink" group_name="nlSidebarGroup" title="Links" description="Styling for links within the sidebar" property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlSidebarPosCategoryView" group_name="nlSidebarSettings" title="Category view" description="" property_type="value" value_type="radio" depends_on="" value_group="positions" display_order="101" addon_id="">
      <value_parameters>left=Left
right=Right (default)</value_parameters>
      <value>"left"</value>
    </property>
    <property property_name="nlSidebarPosCustomPages" group_name="nlSidebarSettings" title="Custom page nodes" description="" property_type="value" value_type="radio" depends_on="" value_group="positions" display_order="140" addon_id="">
      <value_parameters>left=Left
right=Right (default)</value_parameters>
      <value>"left"</value>
    </property>
    <property property_name="nlSidebarPosDBTechEcomm" group_name="nlSidebarSettings" title="Ecommerce overview" description="" property_type="value" value_type="radio" depends_on="" value_group="positions" display_order="150" addon_id="">
      <value_parameters>left=Left (default)
right=Right</value_parameters>
      <value>"left"</value>
    </property>
    <property property_name="nlSidebarPosDBTechEcommProduct" group_name="nlSidebarSettings" title="Product pages" description="" property_type="value" value_type="radio" depends_on="" value_group="positions" display_order="155" addon_id="">
      <value_parameters>left=Left
right=Right (default)</value_parameters>
      <value>"right"</value>
    </property>
    <property property_name="nlSidebarPosForumView" group_name="nlSidebarSettings" title="Forum view" description="" property_type="value" value_type="radio" depends_on="" value_group="positions" display_order="102" addon_id="">
      <value_parameters>left=Left
right=Right (default)</value_parameters>
      <value>"left"</value>
    </property>
    <property property_name="nlSidebarPosForums" group_name="nlSidebarSettings" title="Forum list" description="" property_type="value" value_type="radio" depends_on="" value_group="positions" display_order="100" addon_id="">
      <value_parameters>left=Left
right=Right (default)</value_parameters>
      <value>"left"</value>
    </property>
    <property property_name="nlSidebarPosMG" group_name="nlSidebarSettings" title="Media Gallery" description="" property_type="value" value_type="radio" depends_on="" value_group="positions" display_order="130" addon_id="">
      <value_parameters>left=Left (default)
right=Right</value_parameters>
      <value>"left"</value>
    </property>
    <property property_name="nlSidebarPosRM" group_name="nlSidebarSettings" title="Resource Manager" description="" property_type="value" value_type="radio" depends_on="" value_group="positions" display_order="125" addon_id="">
      <value_parameters>left=Left (default)
right=Right</value_parameters>
      <value>"left"</value>
    </property>
    <property property_name="nlSidebarPosThreadView" group_name="nlSidebarSettings" title="Thread view" description="" property_type="value" value_type="radio" depends_on="" value_group="positions" display_order="103" addon_id="">
      <value_parameters>left=Left
right=Right (default)</value_parameters>
      <value>"right"</value>
    </property>
    <property property_name="nlSidebarPosXenPorta" group_name="nlSidebarSettings" title="Articles list" description="" property_type="value" value_type="radio" depends_on="" value_group="positions" display_order="110" addon_id="">
      <value_parameters>left=Left
right=Right (default)</value_parameters>
      <value>"left"</value>
    </property>
    <property property_name="nlSidebarUseAltRows" group_name="nlSidebarSettings" title="Use alternating row colors" description="Check this setting to use alternating row colors for sidebar widgets that use row-based content listings" property_type="value" value_type="boolean" depends_on="" value_group="styling" display_order="50" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlSidebarUseTabbedHeadings" group_name="nlHelperSettings" title="Use block-style widget headings" description="&lt;strong&gt;Deprecated&lt;/strong&gt; Adds a block-styled appearance to the heading title of widgets" property_type="value" value_type="boolean" depends_on="" value_group="headings" display_order="20" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlSiropuAdsManagerCompat" group_name="nlAddonCompatibilitySettings" title="[Siropu] Ads manager compatibility" description="Check to add style compatibility with Siropu Ads manager" property_type="value" value_type="boolean" depends_on="" value_group="siropuAdsManager" display_order="500" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlSlickCompatMode" group_name="nlAddonCompatibilitySettings" title="Run Slick Image Sliders in no-conflict mode" description="Nulumia themes use Slick image slider for various features, such as Partner Icons and Featured Widgets. Check this option to run them in no-conflict mode if you have other plugins which use Slick Slider. This will prevent odd styling from occurring." property_type="value" value_type="boolean" depends_on="" value_group="slickImageSlider" display_order="50" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlSlickDirectionalControls" group_name="nlUXSettings" title="Carousel direction controls" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "26px",
    "color": "@xf-textColor"
}</value>
    </property>
    <property property_name="nlSlickDirectionalControlsHover" group_name="nlUXSettings" title="Carousel direction controls - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-borderColorFeature"
}</value>
    </property>
    <property property_name="nlSlide10CaptionPos" group_name="nlSliderSettings" title="Caption position" description="" property_type="value" value_type="select" depends_on="" value_group="slide10" display_order="100450" addon_id="">
      <value_parameters>default=Use default slider setting
bottom=Bottom
left=Left floating
right=Right floating</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlSlide10Desc" group_name="nlSliderSettings" title="Description (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide10" display_order="100400" addon_id="">
      <value_parameters>rows=2</value_parameters>
      <value>"Donec mollis nisl sed viverra interdum. Nunc ut suscipit sapien."</value>
    </property>
    <property property_name="nlSlide10Img" group_name="nlSliderSettings" title="[SLIDE 10] Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide10" display_order="100100" addon_id="">
      <value>"https://i.imgur.com/HnWKYQZ.jpg"</value>
    </property>
    <property property_name="nlSlide10Link" group_name="nlSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="slide10" display_order="100200" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlSlide10Mode" group_name="nlSliderSettings" title="[Slide 10] Mode" description="" property_type="value" value_type="radio" depends_on="" value_group="slide10" display_order="100000" addon_id="">
      <value_parameters>img=Image
video=Video</value_parameters>
      <value>"img"</value>
    </property>
    <property property_name="nlSlide10Title" group_name="nlSliderSettings" title="Title (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide10" display_order="100300" addon_id="">
      <value>"Nam at eleifend nunc, quis scelerisque ligula"</value>
    </property>
    <property property_name="nlSlide10Video" group_name="nlSliderSettings" title="Video Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide10" display_order="100500" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSlide1CaptionPos" group_name="nlSliderSettings" title="Caption position" description="You may specify a custom caption location for this slide, which will override the default position." property_type="value" value_type="select" depends_on="" value_group="slide1" display_order="10450" addon_id="">
      <value_parameters>default=Use default slider setting
bottom=Bottom
left=Left floating
right=Right floating</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlSlide1Desc" group_name="nlSliderSettings" title="Description (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide1" display_order="10400" addon_id="">
      <value_parameters>rows=2</value_parameters>
      <value>"Check out the latest on crafting, recipes, base building and more"</value>
    </property>
    <property property_name="nlSlide1Img" group_name="nlSliderSettings" title="[SLIDE 1] Image Path" description="Enter the URL to your image (use the default as example), or use the Embed link from Youtube or other video sharing sites" property_type="value" value_type="string" depends_on="" value_group="slide1" display_order="10100" addon_id="">
      <value>"https://i.imgur.com/7l9sx93.jpg"</value>
    </property>
    <property property_name="nlSlide1Link" group_name="nlSliderSettings" title="Link" description="Enter the link when clicking your slide" property_type="value" value_type="string" depends_on="" value_group="slide1" display_order="10200" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlSlide1Mode" group_name="nlSliderSettings" title="[Slide 1] Mode" description="" property_type="value" value_type="radio" depends_on="" value_group="slide1" display_order="10000" addon_id="">
      <value_parameters>img=Image
video=Video</value_parameters>
      <value>"img"</value>
    </property>
    <property property_name="nlSlide1Title" group_name="nlSliderSettings" title="Title (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide1" display_order="10300" addon_id="">
      <value>"Free slideshow feature included"</value>
    </property>
    <property property_name="nlSlide1Video" group_name="nlSliderSettings" title="Video Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide1" display_order="10500" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSlide2CaptionPos" group_name="nlSliderSettings" title="Caption position" description="" property_type="value" value_type="select" depends_on="" value_group="slide2" display_order="20450" addon_id="">
      <value_parameters>default=Use default slider setting
bottom=Bottom
left=Left floating
right=Right floating</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlSlide2Desc" group_name="nlSliderSettings" title="Description (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide2" display_order="20400" addon_id="">
      <value_parameters>rows=2</value_parameters>
      <value>"Add up to 10 amazing slides, including video support from your favorite providers!"</value>
    </property>
    <property property_name="nlSlide2Img" group_name="nlSliderSettings" title="[SLIDE 2] Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide2" display_order="20100" addon_id="">
      <value>"https://i.imgur.com/g1qtidM.jpg"</value>
    </property>
    <property property_name="nlSlide2Link" group_name="nlSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="slide2" display_order="20200" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlSlide2Mode" group_name="nlSliderSettings" title="[Slide 2] Mode" description="" property_type="value" value_type="radio" depends_on="" value_group="slide2" display_order="20000" addon_id="">
      <value_parameters>img=Image
video=Video</value_parameters>
      <value>"video"</value>
    </property>
    <property property_name="nlSlide2Title" group_name="nlSliderSettings" title="Title (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide2" display_order="20200" addon_id="">
      <value>"Free slideshow feature included"</value>
    </property>
    <property property_name="nlSlide2Video" group_name="nlSliderSettings" title="Video Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide2" display_order="20500" addon_id="">
      <value>"&lt;iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/J7Ivdq5E-fs\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen&gt;&lt;/iframe&gt;"</value>
    </property>
    <property property_name="nlSlide3CaptionPos" group_name="nlSliderSettings" title="Caption position" description="" property_type="value" value_type="select" depends_on="" value_group="slide3" display_order="30450" addon_id="">
      <value_parameters>default=Use default slider setting
bottom=Bottom
left=Left floating
right=Right floating</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlSlide3Desc" group_name="nlSliderSettings" title="Description (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide3" display_order="30400" addon_id="">
      <value_parameters>rows=2</value_parameters>
      <value>"Duis ac lacus consectetur, congue quam ut, interdum neque."</value>
    </property>
    <property property_name="nlSlide3Img" group_name="nlSliderSettings" title="[SLIDE 3] Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide3" display_order="30100" addon_id="">
      <value>"https://i.imgur.com/zCmbalW.jpg"</value>
    </property>
    <property property_name="nlSlide3Link" group_name="nlSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="slide3" display_order="30200" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlSlide3Mode" group_name="nlSliderSettings" title="[Slide 3] Mode" description="" property_type="value" value_type="radio" depends_on="" value_group="slide3" display_order="30000" addon_id="">
      <value_parameters>img=Image
video=Video</value_parameters>
      <value>"img"</value>
    </property>
    <property property_name="nlSlide3Title" group_name="nlSliderSettings" title="Title (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide3" display_order="30300" addon_id="">
      <value>"Lorem ipsum dolor sit amet"</value>
    </property>
    <property property_name="nlSlide3Video" group_name="nlSliderSettings" title="Video Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide3" display_order="30500" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSlide4CaptionPos" group_name="nlSliderSettings" title="Caption position" description="" property_type="value" value_type="select" depends_on="" value_group="slide4" display_order="40450" addon_id="">
      <value_parameters>default=Use default slider setting
bottom=Bottom
left=Left floating
right=Right floating</value_parameters>
      <value>"right"</value>
    </property>
    <property property_name="nlSlide4Desc" group_name="nlSliderSettings" title="Description (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide4" display_order="40400" addon_id="">
      <value_parameters>rows=2</value_parameters>
      <value>"Donec mollis nisl sed viverra interdum. Nunc ut suscipit sapien."</value>
    </property>
    <property property_name="nlSlide4Img" group_name="nlSliderSettings" title="[SLIDE 4] Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide4" display_order="40100" addon_id="">
      <value>"https://i.imgur.com/ruolNK6.jpg"</value>
    </property>
    <property property_name="nlSlide4Link" group_name="nlSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="slide4" display_order="40200" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlSlide4Mode" group_name="nlSliderSettings" title="[Slide 4] Mode" description="" property_type="value" value_type="radio" depends_on="" value_group="slide4" display_order="40000" addon_id="">
      <value_parameters>img=Image
video=Video</value_parameters>
      <value>"img"</value>
    </property>
    <property property_name="nlSlide4Title" group_name="nlSliderSettings" title="Title (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide4" display_order="40300" addon_id="">
      <value>"Nam at eleifend nunc, quis scelerisque ligula"</value>
    </property>
    <property property_name="nlSlide4Video" group_name="nlSliderSettings" title="Video Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide4" display_order="40500" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSlide5CaptionPos" group_name="nlSliderSettings" title="Caption position" description="" property_type="value" value_type="select" depends_on="" value_group="slide5" display_order="50450" addon_id="">
      <value_parameters>default=Use default slider setting
bottom=Bottom
left=Left floating
right=Right floating</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlSlide5Desc" group_name="nlSliderSettings" title="Description (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide5" display_order="50400" addon_id="">
      <value_parameters>rows=2</value_parameters>
      <value>"Duis ac lacus consectetur, congue quam ut, interdum neque."</value>
    </property>
    <property property_name="nlSlide5Img" group_name="nlSliderSettings" title="[SLIDE 5] Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide5" display_order="50100" addon_id="">
      <value>"https://i.imgur.com/j9VU26s.jpg"</value>
    </property>
    <property property_name="nlSlide5Link" group_name="nlSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="slide5" display_order="50200" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlSlide5Mode" group_name="nlSliderSettings" title="[Slide 5] Mode" description="" property_type="value" value_type="radio" depends_on="" value_group="slide5" display_order="50000" addon_id="">
      <value_parameters>img=Image
video=Video</value_parameters>
      <value>"img"</value>
    </property>
    <property property_name="nlSlide5Title" group_name="nlSliderSettings" title="Title (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide5" display_order="50300" addon_id="">
      <value>"Lorem ipsum dolor sit amet"</value>
    </property>
    <property property_name="nlSlide5Video" group_name="nlSliderSettings" title="Video Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide5" display_order="50500" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSlide6CaptionPos" group_name="nlSliderSettings" title="Caption position" description="" property_type="value" value_type="select" depends_on="" value_group="slide6" display_order="60450" addon_id="">
      <value_parameters>default=Use default slider setting
bottom=Bottom
left=Left floating
right=Right floating</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlSlide6Desc" group_name="nlSliderSettings" title="Description (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide6" display_order="60400" addon_id="">
      <value_parameters>rows=2</value_parameters>
      <value>"Donec mollis nisl sed viverra interdum. Nunc ut suscipit sapien."</value>
    </property>
    <property property_name="nlSlide6Img" group_name="nlSliderSettings" title="[SLIDE 6] Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide6" display_order="60100" addon_id="">
      <value>"https://i.imgur.com/vwuQse5.jpg"</value>
    </property>
    <property property_name="nlSlide6Link" group_name="nlSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="slide6" display_order="60200" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlSlide6Mode" group_name="nlSliderSettings" title="[Slide 6] Mode" description="" property_type="value" value_type="radio" depends_on="" value_group="slide6" display_order="60000" addon_id="">
      <value_parameters>img=Image
video=Video</value_parameters>
      <value>"img"</value>
    </property>
    <property property_name="nlSlide6Title" group_name="nlSliderSettings" title="Title (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide6" display_order="60300" addon_id="">
      <value>"Nam at eleifend nunc, quis scelerisque ligula"</value>
    </property>
    <property property_name="nlSlide6Video" group_name="nlSliderSettings" title="Video Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide6" display_order="60500" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSlide7CaptionPos" group_name="nlSliderSettings" title="Caption position" description="" property_type="value" value_type="select" depends_on="" value_group="slide7" display_order="70450" addon_id="">
      <value_parameters>default=Use default slider setting
bottom=Bottom
left=Left floating
right=Right floating</value_parameters>
      <value>"right"</value>
    </property>
    <property property_name="nlSlide7Desc" group_name="nlSliderSettings" title="Description (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide7" display_order="70400" addon_id="">
      <value_parameters>rows=2</value_parameters>
      <value>"Duis ac lacus consectetur, congue quam ut, interdum neque."</value>
    </property>
    <property property_name="nlSlide7Img" group_name="nlSliderSettings" title="[SLIDE 7] Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide7" display_order="70100" addon_id="">
      <value>"https://i.imgur.com/AWqlSBB.jpg"</value>
    </property>
    <property property_name="nlSlide7Link" group_name="nlSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="slide7" display_order="70200" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlSlide7Mode" group_name="nlSliderSettings" title="[Slide 7] Mode" description="" property_type="value" value_type="radio" depends_on="" value_group="slide7" display_order="70000" addon_id="">
      <value_parameters>img=Image
video=Video</value_parameters>
      <value>"img"</value>
    </property>
    <property property_name="nlSlide7Title" group_name="nlSliderSettings" title="Title (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide7" display_order="70300" addon_id="">
      <value>"Lorem ipsum dolor sit amet"</value>
    </property>
    <property property_name="nlSlide7Video" group_name="nlSliderSettings" title="Video Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide7" display_order="70500" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSlide8CaptionPos" group_name="nlSliderSettings" title="Caption position" description="" property_type="value" value_type="select" depends_on="" value_group="slide8" display_order="80450" addon_id="">
      <value_parameters>default=Use default slider setting
bottom=Bottom
left=Left floating
right=Right floating</value_parameters>
      <value>"bottom"</value>
    </property>
    <property property_name="nlSlide8Desc" group_name="nlSliderSettings" title="Description (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide8" display_order="80400" addon_id="">
      <value_parameters>rows=2</value_parameters>
      <value>"Donec mollis nisl sed viverra interdum. Nunc ut suscipit sapien."</value>
    </property>
    <property property_name="nlSlide8Img" group_name="nlSliderSettings" title="[SLIDE 8] Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide8" display_order="80100" addon_id="">
      <value>"https://i.imgur.com/kZQQ80Z.jpg"</value>
    </property>
    <property property_name="nlSlide8Link" group_name="nlSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="slide8" display_order="80200" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlSlide8Mode" group_name="nlSliderSettings" title="[Slide 8] Mode" description="" property_type="value" value_type="radio" depends_on="" value_group="slide8" display_order="80000" addon_id="">
      <value_parameters>img=Image
video=Video</value_parameters>
      <value>"img"</value>
    </property>
    <property property_name="nlSlide8Title" group_name="nlSliderSettings" title="Title (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide8" display_order="80300" addon_id="">
      <value>"Nam at eleifend nunc, quis scelerisque ligula"</value>
    </property>
    <property property_name="nlSlide8Video" group_name="nlSliderSettings" title="Video Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide8" display_order="80500" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSlide9CaptionPos" group_name="nlSliderSettings" title="Caption position" description="" property_type="value" value_type="select" depends_on="" value_group="slide9" display_order="90450" addon_id="">
      <value_parameters>default=Use default slider setting
bottom=Bottom
left=Left floating
right=Right floating</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlSlide9Desc" group_name="nlSliderSettings" title="Description (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide9" display_order="90400" addon_id="">
      <value_parameters>rows=2</value_parameters>
      <value>"Duis ac lacus consectetur, congue quam ut, interdum neque."</value>
    </property>
    <property property_name="nlSlide9Img" group_name="nlSliderSettings" title="[SLIDE 9] Image Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide9" display_order="90100" addon_id="">
      <value>"https://i.imgur.com/f6sQFo0.jpg"</value>
    </property>
    <property property_name="nlSlide9Link" group_name="nlSliderSettings" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="slide9" display_order="90200" addon_id="">
      <value>"https://#"</value>
    </property>
    <property property_name="nlSlide9Mode" group_name="nlSliderSettings" title="[Slide 9] Mode" description="" property_type="value" value_type="radio" depends_on="" value_group="slide9" display_order="90000" addon_id="">
      <value_parameters>img=Image
video=Video</value_parameters>
      <value>"img"</value>
    </property>
    <property property_name="nlSlide9Title" group_name="nlSliderSettings" title="Title (optional)" description="" property_type="value" value_type="string" depends_on="" value_group="slide9" display_order="90300" addon_id="">
      <value>"Lorem ipsum dolor sit amet"</value>
    </property>
    <property property_name="nlSlide9Video" group_name="nlSliderSettings" title="Video Path" description="" property_type="value" value_type="string" depends_on="" value_group="slide9" display_order="90500" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSlideMenuHeader" group_name="nlSlideNavigationSettings" title="Menu header" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlSlideMenuHeaderMode" group_name="nlSlideNavigationSettings" title="Menu header display" description="Choose between showing the &quot;Menu&quot; label, or a small logo image in the header of the slide out menu." property_type="value" value_type="radio" depends_on="" value_group="settings" display_order="100" addon_id="">
      <value_parameters>label="Menu" label (default)
logo=Logo image</value_parameters>
      <value>"label"</value>
    </property>
    <property property_name="nlSlideMenuItem" group_name="nlSlideNavigationSettings" title="Menu item" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlSlideMenuItemLvl1" group_name="nlSlideNavigationSettings" title="- 1st level item" description="Styles first-level sub links within the slide out menu" property_type="css" value_type="" depends_on="" value_group="" display_order="1110" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlSlideMenuItemLvl2" group_name="nlSlideNavigationSettings" title="-- 2nd level item" description="Styles first-level sub links within the slide out menu" property_type="css" value_type="" depends_on="" value_group="" display_order="1120" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlSlideMenuItemSelected" group_name="nlSlideNavigationSettings" title="Menu item - selected" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1300" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlSlideNavMenu" group_name="nlSlideNavigationSettings" title="Off canvas menu" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentBg",
    "padding": "0"
}</value>
    </property>
    <property property_name="nlSliderAddReadMoreButton" group_name="nlSliderSettings" title="Add &quot;Read More&quot; button to description" description="" property_type="value" value_type="boolean" depends_on="" value_group="caption" display_order="250" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlSliderArrowControlOffset" group_name="nlSliderSettings" title="Arrow control offset" description="Controls the offset of the arrow controls from the edge of the slider. Use a negative value to move the arrows outside the slide container." property_type="value" value_type="unit" depends_on="" value_group="controls" display_order="130" addon_id="">
      <value>"0px"</value>
    </property>
    <property property_name="nlSliderArrowControlType" group_name="nlSliderSettings" title="Arrow control mode" description="" property_type="value" value_type="radio" depends_on="nlSliderUseArrowControls" value_group="controls" display_order="120" addon_id="">
      <value_parameters>image=Image
fontawesome=Font Awesome (default)</value_parameters>
      <value>"image"</value>
    </property>
    <property property_name="nlSliderBottomCtrlButton" group_name="nlSliderSettings" title="Bottom control dot" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1030" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-linkColor",
    "border-width": "1px",
    "border-color": "#f3f3f3",
    "border-radius": "12px",
    "extra": "width: 14px;\nheight: 14px;\ndisplay: block;\ncursor: pointer;\nmargin: 0 4px 0;\ntext-indent: -9999px;\nbackground: linear-gradient(#a3a3a3, #676767 49%,#505050 50%, #717171 75%, #787878 100%);\nbox-shadow: inset 0 1px 1px #333;"
}</value>
    </property>
    <property property_name="nlSliderBottomCtrlButtonHover" group_name="nlSliderSettings" title="Bottom control dot - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1040" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-paletteColor3"
}</value>
    </property>
    <property property_name="nlSliderBottomCtrlContainer" group_name="nlSliderSettings" title="Bottom controls container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1015" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-blockTabHeaderBg",
    "border-width": "1px",
    "border-color": "rgb(0, 0, 0)",
    "border-top-left-radius": "0",
    "border-top-right-radius": "0",
    "border-bottom-right-radius": "5px",
    "border-bottom-left-radius": "5px",
    "extra": "text-align: center;\nbox-sizing: border-box;\nbackground: linear-gradient(#595959 0%, #3a3a3a 49%, #2f2f2f 50%, #151515 100%);\nz-index: 5;\nwidth: 100%;\nheight: 22px;"
}</value>
    </property>
    <property property_name="nlSliderBottomCtrlInner" group_name="nlSliderSettings" title="Bottom controls container - inner" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1020" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-radius": "6px",
    "padding-top": "11px",
    "padding-right": "15px",
    "padding-bottom": "11px",
    "padding-left": "15px",
    "extra": "display: inline-block;\nbox-sizing: border-box;\nbackground: linear-gradient(#fefefe, #c7c7c7);\nposition: relative;\nz-index: 20;\nmargin: -6px auto auto;"
}</value>
    </property>
    <property property_name="nlSliderCaptionAnimationDelay" group_name="nlSliderSettings" title="Delay between items" description="Enter a value in seconds for the delay between inner items within the caption, when using an animation type. For example, using a delay will stagger the slide-in animations between the slide title, description, and Read More button." property_type="value" value_type="string" depends_on="" value_group="caption" display_order="220" addon_id="">
      <value>".2s"</value>
    </property>
    <property property_name="nlSliderCaptionAnimationLength" group_name="nlSliderSettings" title="Animation speed" description="" property_type="value" value_type="string" depends_on="" value_group="caption" display_order="217" addon_id="">
      <value>".3s"</value>
    </property>
    <property property_name="nlSliderCaptionAnimationOffset" group_name="nlSliderSettings" title="Animation offset" description="Controls the distance which items slide in when using the caption animation" property_type="value" value_type="unit" depends_on="" value_group="caption" display_order="216" addon_id="">
      <value>"150px"</value>
    </property>
    <property property_name="nlSliderCaptionAnimationTiming" group_name="nlSliderSettings" title="Animation type" description="" property_type="value" value_type="select" depends_on="" value_group="caption" display_order="216" addon_id="">
      <value_parameters>linear=Linear
ease=Ease (default)
ease-in=Ease in
ease-out=Ease out</value_parameters>
      <value>"ease"</value>
    </property>
    <property property_name="nlSliderCaptionBoxAside" group_name="nlSliderSettings" title="Caption box (aside)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1300" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColor",
    "background-color": "@xf-contentBg"
}</value>
    </property>
    <property property_name="nlSliderCaptionBoxAsideTitle" group_name="nlSliderSettings" title="-- Title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1350" css_components="text,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlSliderCaptionBoxBottom" group_name="nlSliderSettings" title="Caption box (bottom)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "#fff",
    "background-color": "rgba(0,0,0,0.4)",
    "padding-top": "10px",
    "padding-right": "@xf-contentPadding",
    "padding-bottom": "10px",
    "padding-left": "@xf-contentPadding"
}</value>
    </property>
    <property property_name="nlSliderCaptionBoxBottomTitle" group_name="nlSliderSettings" title="--Title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1150" css_components="text,extra" addon_id="">
      <value>{
    "font-size": "20px",
    "color": "#fff"
}</value>
    </property>
    <property property_name="nlSliderCaptionBoxFloating" group_name="nlSliderSettings" title="Caption box (floating)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "#fff",
    "background-color": "rgba(0,0,0,0.4)",
    "padding": "@xf-contentPadding"
}</value>
    </property>
    <property property_name="nlSliderCaptionBoxFloatingTitle" group_name="nlSliderSettings" title="-- Title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1250" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "30px",
    "color": "#fff",
    "extra": "text-transform: uppercase;"
}</value>
    </property>
    <property property_name="nlSliderCaptionBoxMobileBelow" group_name="nlSliderSettings" title="Mobile caption box (moved below slide)" description="When using the setting to move the caption below the slide on mobile devices, you can override caption box styling here" property_type="css" value_type="" depends_on="" value_group="" display_order="1400" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-textColor",
    "background-color": "@xf-contentAltBg",
    "padding": "@xf-paddingSmall",
    "extra": "h2 {\n\tfont-size: @xf-fontSizeLarge;\n}"
}</value>
    </property>
    <property property_name="nlSliderCaptionDisplay" group_name="nlSliderSettings" title="Default caption position" description="Set the default position for the slider captions. You can manually set the caption for each individual slide below, or leave them to use this default setting." property_type="value" value_type="select" depends_on="nlEnableSlider" value_group="caption" display_order="200" addon_id="">
      <value_parameters>bottom=Bottom (default)
left=Left floating
right=Right floating
leftAside=Left aside
rightAside=Right aside</value_parameters>
      <value>"left"</value>
    </property>
    <property property_name="nlSliderCaptionElementSpacer" group_name="nlSliderSettings" title="Floating caption content spacing" description="Enter a value in pixels for the vertical spacing between HTML elements within your caption description. Affects items such as paragraphs, buttons, lists, etc." property_type="value" value_type="unit" depends_on="" value_group="caption" display_order="206" addon_id="">
      <value_parameters>8px</value_parameters>
      <value>"6px"</value>
    </property>
    <property property_name="nlSliderCaptionOffset" group_name="nlSliderSettings" title="Floating caption offset" description="Controls the distance from the edge of the slider when using the Floating left/right positions" property_type="value" value_type="unit" depends_on="" value_group="caption" display_order="205" addon_id="">
      <value>"40px"</value>
    </property>
    <property property_name="nlSliderContainer" group_name="nlSliderSettings" title="Slider container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-radius": "0",
    "extra": "zoom: 1;\nmargin: 0 auto 30px;\nposition: relative;"
}</value>
    </property>
    <property property_name="nlSliderCustomCSS" group_name="nlSliderSettings" title="Inline custom CSS" description="You can place any additional inline CSS here to style your slider or content." property_type="value" value_type="string" depends_on="" value_group="custom" display_order="110000" addon_id="">
      <value_parameters>rows=3</value_parameters>
      <value>""</value>
    </property>
    <property property_name="nlSliderCustomInsert" group_name="nlSliderSettings" title="Custom location snippet" description="Copy and paste this code into your templates to display the slider in a custom location&lt;br&gt;&#10;&lt;strong&gt;Do not edit&lt;/strong&gt;" property_type="value" value_type="string" depends_on="" value_group="locations" display_order="2001" addon_id="">
      <value_parameters>rows=3</value_parameters>
      <value>"&lt;xf:if is=\"property('nlEnableSlider') == true\"&gt;\n    &lt;xf:include template=\"nl_flexslider\" /&gt;\n&lt;/xf:if&gt;"</value>
    </property>
    <property property_name="nlSliderDirectionalCtrlFa" group_name="nlSliderSettings" title="Directional controls - Font Awesome" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1011" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "22px",
    "color": "#fff",
    "background-color": "rgba(0,0,0,0.5)",
    "padding-top": "6px",
    "padding-right": "10px",
    "padding-bottom": "6px",
    "padding-left": "10px"
}</value>
    </property>
    <property property_name="nlSliderDirectionalCtrlFaHover" group_name="nlSliderSettings" title="Directional controls - Font Awesome - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1012" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-element6",
    "background-color": "@xf-element4"
}</value>
    </property>
    <property property_name="nlSliderDirectionalCtrlImg" group_name="nlSliderSettings" title="Directional controls - image" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-image": "@xf-themePath/xenforo/skin/slider_controls.png",
    "extra": "width: 36px;\nheight: 56px;"
}</value>
    </property>
    <property property_name="nlSliderDisplayOrder" group_name="nlSliderSettings" title="Feature display order" description="Assigns the display order when other features are enabled, such as Slideshow, Icon Slider, and Featured Widgets" property_type="value" value_type="select" depends_on="nlEnableSlider" value_group="general" display_order="2" addon_id="">
      <value_parameters>top=Top
middle=Middle
bottom=Bottom</value_parameters>
      <value>"middle"</value>
    </property>
    <property property_name="nlSliderEnableOnMobile" group_name="nlSliderSettings" title="Enable on mobile devices" description="Controls whether your slide loads on tablets and smartphones. Setting this feature to off will prevent slide images from loading and save on user bandwidth." property_type="value" value_type="boolean" depends_on="nlEnableSlider" value_group="general" display_order="2" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlSliderHideBannedMembers" group_name="nlSliderSettings" title="Hide from Banned members" description="Always hide from Banned members. This will override all other settings." property_type="value" value_type="boolean" depends_on="nlEnableSlider" value_group="permissions" display_order="945" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlSliderHideCustomGroups" group_name="nlSliderSettings" title="Hide from custom groups" description="Enter the ID numbers of each usergroup, separated by commas.&lt;br&gt;Example: &lt;strong&gt;&lt;em&gt;7,12,17&lt;/em&gt;&lt;/strong&gt;&lt;br&gt;&lt;strong&gt;Priority: 2&lt;/strong&gt;" property_type="value" value_type="string" depends_on="nlEnableSlider" value_group="permissions" display_order="930" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSliderLocationCustomPages" group_name="nlSliderSettings" title="4. Show On Custom Page Nodes" description="" property_type="value" value_type="boolean" depends_on="" value_group="locations" display_order="1300" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlSliderLocationDiscussionList" group_name="nlSliderSettings" title="2. Show On Discussion List" description="" property_type="value" value_type="boolean" depends_on="" value_group="locations" display_order="1100" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlSliderLocationForumList" group_name="nlSliderSettings" title="1. (Locations)  Show On Forum List" description="" property_type="value" value_type="boolean" depends_on="" value_group="locations" display_order="1000" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlSliderLocationResourceList" group_name="nlSliderSettings" title="3. Show On Resource List" description="" property_type="value" value_type="boolean" depends_on="" value_group="locations" display_order="1200" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlSliderMaxHeight" group_name="nlSliderSettings" title="Slider max height" description="Enter a value in pixels to set the maximum height your slider can take on the page. Helpful when using full-width slider with very large images." property_type="value" value_type="unit" depends_on="" value_group="general" display_order="3" addon_id="">
      <value>"500px"</value>
    </property>
    <property property_name="nlSliderMobileCaptionLoc" group_name="nlSliderSettings" title="Mobile caption location" description="" property_type="value" value_type="radio" depends_on="" value_group="caption" display_order="290" addon_id="">
      <value_parameters>overlay=Stay as overlay
below=Move below image (default)</value_parameters>
      <value>"below"</value>
    </property>
    <property property_name="nlSliderShowCustomGroups" group_name="nlSliderSettings" title="Show to custom groups" description="Enter the ID numbers of each usergroup, separated by commas.&lt;br&gt;Example: &lt;strong&gt;&lt;em&gt;7,12,17&lt;/em&gt;&lt;/strong&gt;&lt;br&gt;&lt;strong&gt;Priority: 1&lt;/strong&gt;" property_type="value" value_type="string" depends_on="nlEnableSlider" value_group="permissions" display_order="920" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSliderShowGuests" group_name="nlSliderSettings" title="Show to guests" description="" property_type="value" value_type="boolean" depends_on="nlEnableSlider" value_group="permissions" display_order="900" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlSliderShowRegistered" group_name="nlSliderSettings" title="Show to all Registered users" description="If you want to only show the slider to custom groups with a &lt;strong&gt;higher priority&lt;/strong&gt; than registered users, you should disable this option and specify your custom groups below.&lt;br&gt;Examples: &lt;em&gt;VIP Users, Premium Members, Subscribers&lt;/em&gt;, etc." property_type="value" value_type="boolean" depends_on="nlEnableSlider" value_group="permissions" display_order="910" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlSliderSidebarPageLayout" group_name="nlSliderSettings" title="Pages with sidebars layout" description="Choose where you'd like to display your slider on pages that use sidebars" property_type="value" value_type="radio" depends_on="" value_group="locations" display_order="2000" addon_id="">
      <value_parameters>wide=Full width above sidebar
narrow=Narrow width next to sidebar</value_parameters>
      <value>"narrow"</value>
    </property>
    <property property_name="nlSliderSlidesContainer" group_name="nlSliderSettings" title="Slides container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1005" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-blockTabHeaderBg",
    "extra": "zoom: 1;"
}</value>
    </property>
    <property property_name="nlSliderUseArrowControls" group_name="nlSliderSettings" title="Show arrow controls" description="" property_type="value" value_type="boolean" depends_on="nlEnableSlider" value_group="controls" display_order="110" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlSliderUseDotControls" group_name="nlSliderSettings" title="Show dot controls" description="" property_type="value" value_type="boolean" depends_on="nlEnableSlider" value_group="controls" display_order="100" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlSocialCustomIcon1" group_name="nlSocialLinks" title="FontAwesome icon code #1" description="Enter the icon code for a custom FontAwesome icon which isn't provided in the above options. For example your code should be in the following format:&lt;br&gt;&#10;&lt;strong&gt;&amp;lt;i class=&quot;fab fa-pinterest&quot;&amp;gt;&amp;lt;/i&amp;gt;&lt;/strong&gt;" property_type="value" value_type="string" depends_on="" value_group="customIcons" display_order="15000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSocialCustomIcon2" group_name="nlSocialLinks" title="FontAwesome icon code #2" description="" property_type="value" value_type="string" depends_on="" value_group="customIcons" display_order="16000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSocialCustomImgIcon1" group_name="nlSocialLinks" title="PNG icon path #1" description="Add a custom png image icon when it is not available from FontAwesome. Transparent png format is recommended in size matching the value above for property &quot;Social icon button size&quot;." property_type="value" value_type="string" depends_on="" value_group="customImageIcons" display_order="17000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSocialCustomImgIcon2" group_name="nlSocialLinks" title="PNG icon path #2" description="" property_type="value" value_type="string" depends_on="" value_group="customImageIcons" display_order="18000" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSocialCustomImgIconLink1" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="customImageIcons" display_order="17100" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSocialCustomImgIconLink2" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="customImageIcons" display_order="18100" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlSocialIcon10Link" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="followUsOn" display_order="10200" addon_id="">
      <value>"#"</value>
    </property>
    <property property_name="nlSocialIcon11Link" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="followUsOn" display_order="11200" addon_id="">
      <value>"#"</value>
    </property>
    <property property_name="nlSocialIcon12Link" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="followUsOn" display_order="12200" addon_id="">
      <value>"#"</value>
    </property>
    <property property_name="nlSocialIcon13Link" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="followUsOn" display_order="13200" addon_id="">
      <value>"#"</value>
    </property>
    <property property_name="nlSocialIcon1Link" group_name="nlSocialLinks" title="Link" description="Link to your social media profile" property_type="value" value_type="string" depends_on="" value_group="followUsOn" display_order="1100" addon_id="">
      <value>"https://facebook.com"</value>
    </property>
    <property property_name="nlSocialIcon2Link" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="followUsOn" display_order="2100" addon_id="">
      <value>"https://twitter.com"</value>
    </property>
    <property property_name="nlSocialIcon3Link" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="followUsOn" display_order="3200" addon_id="">
      <value>"https://youtube.com"</value>
    </property>
    <property property_name="nlSocialIcon4Link" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="followUsOn" display_order="4200" addon_id="">
      <value>"https://pinterest.com"</value>
    </property>
    <property property_name="nlSocialIcon5Link" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="followUsOn" display_order="5200" addon_id="">
      <value>"#"</value>
    </property>
    <property property_name="nlSocialIcon6Link" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="followUsOn" display_order="6200" addon_id="">
      <value>"#"</value>
    </property>
    <property property_name="nlSocialIcon7Link" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="followUsOn" display_order="7200" addon_id="">
      <value>"#"</value>
    </property>
    <property property_name="nlSocialIcon8Link" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="followUsOn" display_order="8200" addon_id="">
      <value>"#"</value>
    </property>
    <property property_name="nlSocialIcon9Link" group_name="nlSocialLinks" title="Link" description="" property_type="value" value_type="string" depends_on="" value_group="followUsOn" display_order="9200" addon_id="">
      <value>"#"</value>
    </property>
    <property property_name="nlSocialIconSize" group_name="nlSocialLinks" title="Social icon button size" description="Enter a value in pixels for social icons within the body and footer. Social icons within the top bar are sized separately." property_type="value" value_type="unit" depends_on="" value_group="styling" display_order="120" addon_id="">
      <value>"36px"</value>
    </property>
    <property property_name="nlSocialLinksLoc1" group_name="nlHeaderSettings" title="Show social links" description="" property_type="value" value_type="boolean" depends_on="nlEnableTopBar" value_group="topBar" display_order="10" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlSocialSite1" group_name="nlSocialLinks" title="Profile #1" description="" property_type="value" value_type="select" depends_on="" value_group="followUsOn" display_order="1000" addon_id="">
      <value_parameters>blank=- none -
fa-facebook-f=Facebook
fa-twitter=Twitter
fa-google-plus-g=Google Plus
fa-youtube=Youtube
fa-reddit-alien=Reddit
fa-pinterest-p=Pinterest
fa-tumblr=Tumblr
fa-instagram=Instagram
fa-dribbble=Dribbble
fa-linkedin-in=LinkedIn
fa-deviantart=DeviantArt
fa-telegram-plane=Telegram
fa-discord=Discord
fa-twitch=Twitch
fa-steam=Steam
fa-xbox=Xbox
fa-playstation=PlayStation</value_parameters>
      <value>"fa-facebook-f"</value>
    </property>
    <property property_name="nlSocialSite10" group_name="nlSocialLinks" title="Profile #10" description="" property_type="value" value_type="select" depends_on="" value_group="followUsOn" display_order="10000" addon_id="">
      <value_parameters>blank=- none -
fa-facebook-f=Facebook
fa-twitter=Twitter
fa-google-plus-g=Google Plus
fa-youtube=Youtube
fa-reddit-alien=Reddit
fa-pinterest-p=Pinterest
fa-tumblr=Tumblr
fa-instagram=Instagram
fa-dribble=Dribble
fa-linkedin-in=LinkedIn
fa-deviantart=DeviantArt
fa-telegram-plane=Telegram
fa-discord=Discord
fa-twitch=Twitch
fa-steam=Steam
fa-xbox=Xbox
fa-playstation=PlayStation</value_parameters>
      <value>"blank"</value>
    </property>
    <property property_name="nlSocialSite11" group_name="nlSocialLinks" title="Profile #11" description="" property_type="value" value_type="select" depends_on="" value_group="followUsOn" display_order="11000" addon_id="">
      <value_parameters>blank=- none -
fa-facebook-f=Facebook
fa-twitter=Twitter
fa-google-plus-g=Google Plus
fa-youtube=Youtube
fa-reddit-alien=Reddit
fa-pinterest-p=Pinterest
fa-tumblr=Tumblr
fa-instagram=Instagram
fa-dribble=Dribble
fa-linkedin-in=LinkedIn
fa-deviantart=DeviantArt
fa-telegram-plane=Telegram
fa-discord=Discord
fa-twitch=Twitch
fa-steam=Steam
fa-xbox=Xbox
fa-playstation=PlayStation</value_parameters>
      <value>"blank"</value>
    </property>
    <property property_name="nlSocialSite12" group_name="nlSocialLinks" title="Profile #12" description="" property_type="value" value_type="select" depends_on="" value_group="followUsOn" display_order="12000" addon_id="">
      <value_parameters>blank=- none -
fa-facebook-f=Facebook
fa-twitter=Twitter
fa-google-plus-g=Google Plus
fa-youtube=Youtube
fa-reddit-alien=Reddit
fa-pinterest-p=Pinterest
fa-tumblr=Tumblr
fa-instagram=Instagram
fa-dribble=Dribble
fa-linkedin-in=LinkedIn
fa-deviantart=DeviantArt
fa-telegram-plane=Telegram
fa-discord=Discord
fa-twitch=Twitch
fa-steam=Steam
fa-xbox=Xbox
fa-playstation=PlayStation</value_parameters>
      <value>"blank"</value>
    </property>
    <property property_name="nlSocialSite13" group_name="nlSocialLinks" title="Profile #13" description="" property_type="value" value_type="select" depends_on="" value_group="followUsOn" display_order="13000" addon_id="">
      <value_parameters>blank=- none -
fa-facebook-f=Facebook
fa-twitter=Twitter
fa-google-plus-g=Google Plus
fa-youtube=Youtube
fa-reddit-alien=Reddit
fa-pinterest-p=Pinterest
fa-tumblr=Tumblr
fa-instagram=Instagram
fa-dribbble=Dribbble
fa-linkedin-in=LinkedIn
fa-deviantart=DeviantArt
fa-telegram-plane=Telegram
fa-discord=Discord
fa-twitch=Twitch
fa-steam=Steam
fa-xbox=Xbox
fa-playstation=PlayStation</value_parameters>
      <value>"blank"</value>
    </property>
    <property property_name="nlSocialSite2" group_name="nlSocialLinks" title="Profile #2" description="" property_type="value" value_type="select" depends_on="" value_group="followUsOn" display_order="2000" addon_id="">
      <value_parameters>blank=- none -
fa-facebook-f=Facebook
fa-twitter=Twitter
fa-google-plus-g=Google Plus
fa-youtube=Youtube
fa-reddit-alien=Reddit
fa-pinterest-p=Pinterest
fa-tumblr=Tumblr
fa-instagram=Instagram
fa-dribble=Dribble
fa-linkedin-in=LinkedIn
fa-deviantart=DeviantArt
fa-telegram-plane=Telegram
fa-discord=Discord
fa-twitch=Twitch
fa-steam=Steam
fa-xbox=Xbox
fa-playstation=PlayStation</value_parameters>
      <value>"fa-twitter"</value>
    </property>
    <property property_name="nlSocialSite3" group_name="nlSocialLinks" title="Profile #3" description="" property_type="value" value_type="select" depends_on="" value_group="followUsOn" display_order="3000" addon_id="">
      <value_parameters>blank=- none -
fa-facebook-f=Facebook
fa-twitter=Twitter
fa-google-plus-g=Google Plus
fa-youtube=Youtube
fa-reddit-alien=Reddit
fa-pinterest-p=Pinterest
fa-tumblr=Tumblr
fa-instagram=Instagram
fa-dribble=Dribble
fa-linkedin-in=LinkedIn
fa-deviantart=DeviantArt
fa-telegram-plane=Telegram
fa-discord=Discord
fa-twitch=Twitch
fa-steam=Steam
fa-xbox=Xbox
fa-playstation=PlayStation</value_parameters>
      <value>"fa-youtube"</value>
    </property>
    <property property_name="nlSocialSite4" group_name="nlSocialLinks" title="Profile #4" description="" property_type="value" value_type="select" depends_on="" value_group="followUsOn" display_order="4000" addon_id="">
      <value_parameters>blank=- none -
fa-facebook-f=Facebook
fa-twitter=Twitter
fa-google-plus-g=Google Plus
fa-youtube=Youtube
fa-reddit-alien=Reddit
fa-pinterest-p=Pinterest
fa-tumblr=Tumblr
fa-instagram=Instagram
fa-dribble=Dribble
fa-linkedin-in=LinkedIn
fa-deviantart=DeviantArt
fa-telegram-plane=Telegram
fa-discord=Discord
fa-twitch=Twitch
fa-steam=Steam
fa-xbox=Xbox
fa-playstation=PlayStation</value_parameters>
      <value>"fa-pinterest-p"</value>
    </property>
    <property property_name="nlSocialSite5" group_name="nlSocialLinks" title="Profile #5" description="" property_type="value" value_type="select" depends_on="" value_group="followUsOn" display_order="5000" addon_id="">
      <value_parameters>blank=- none -
fa-facebook-f=Facebook
fa-twitter=Twitter
fa-google-plus-g=Google Plus
fa-youtube=Youtube
fa-reddit-alien=Reddit
fa-pinterest-p=Pinterest
fa-tumblr=Tumblr
fa-instagram=Instagram
fa-dribble=Dribble
fa-linkedin-in=LinkedIn
fa-deviantart=DeviantArt
fa-telegram-plane=Telegram
fa-discord=Discord
fa-twitch=Twitch
fa-steam=Steam
fa-xbox=Xbox
fa-playstation=PlayStation</value_parameters>
      <value>"fa-instagram"</value>
    </property>
    <property property_name="nlSocialSite6" group_name="nlSocialLinks" title="Profile #6" description="" property_type="value" value_type="select" depends_on="" value_group="followUsOn" display_order="6000" addon_id="">
      <value_parameters>blank=- none -
fa-facebook-f=Facebook
fa-twitter=Twitter
fa-google-plus-g=Google Plus
fa-youtube=Youtube
fa-reddit-alien=Reddit
fa-pinterest-p=Pinterest
fa-tumblr=Tumblr
fa-instagram=Instagram
fa-dribble=Dribble
fa-linkedin-in=LinkedIn
fa-deviantart=DeviantArt
fa-telegram-plane=Telegram
fa-discord=Discord
fa-twitch=Twitch
fa-steam=Steam
fa-xbox=Xbox
fa-playstation=PlayStation</value_parameters>
      <value>"blank"</value>
    </property>
    <property property_name="nlSocialSite7" group_name="nlSocialLinks" title="Profile #7" description="" property_type="value" value_type="select" depends_on="" value_group="followUsOn" display_order="7000" addon_id="">
      <value_parameters>blank=- none -
fa-facebook-f=Facebook
fa-twitter=Twitter
fa-google-plus-g=Google Plus
fa-youtube=Youtube
fa-reddit-alien=Reddit
fa-pinterest-p=Pinterest
fa-tumblr=Tumblr
fa-instagram=Instagram
fa-dribble=Dribble
fa-linkedin-in=LinkedIn
fa-deviantart=DeviantArt
fa-telegram-plane=Telegram
fa-discord=Discord
fa-twitch=Twitch
fa-steam=Steam
fa-xbox=Xbox
fa-playstation=PlayStation</value_parameters>
      <value>"blank"</value>
    </property>
    <property property_name="nlSocialSite8" group_name="nlSocialLinks" title="Profile #8" description="" property_type="value" value_type="select" depends_on="" value_group="followUsOn" display_order="8000" addon_id="">
      <value_parameters>blank=- none -
fa-facebook-f=Facebook
fa-twitter=Twitter
fa-google-plus-g=Google Plus
fa-youtube=Youtube
fa-reddit-alien=Reddit
fa-pinterest-p=Pinterest
fa-tumblr=Tumblr
fa-instagram=Instagram
fa-dribble=Dribble
fa-linkedin-in=LinkedIn
fa-deviantart=DeviantArt
fa-telegram-plane=Telegram
fa-discord=Discord
fa-twitch=Twitch
fa-steam=Steam
fa-xbox=Xbox
fa-playstation=PlayStation</value_parameters>
      <value>"blank"</value>
    </property>
    <property property_name="nlSocialSite9" group_name="nlSocialLinks" title="Profile #9" description="" property_type="value" value_type="select" depends_on="" value_group="followUsOn" display_order="9000" addon_id="">
      <value_parameters>blank=- none -
fa-facebook-f=Facebook
fa-twitter=Twitter
fa-google-plus-g=Google Plus
fa-youtube=Youtube
fa-reddit-alien=Reddit
fa-pinterest-p=Pinterest
fa-tumblr=Tumblr
fa-instagram=Instagram
fa-dribble=Dribble
fa-linkedin-in=LinkedIn
fa-deviantart=DeviantArt
fa-telegram-plane=Telegram
fa-discord=Discord
fa-twitch=Twitch
fa-steam=Steam
fa-xbox=Xbox
fa-playstation=PlayStation</value_parameters>
      <value>"blank"</value>
    </property>
    <property property_name="nlSocialTooltipText" group_name="nlSocialLinks" title="Tooltip default text:" description="Enter the text to display in your tooltip. The social media site names as entered below will be added to the end of the phrase." property_type="value" value_type="string" depends_on="" value_group="tooltips" display_order="250" addon_id="">
      <value>"Follow us!"</value>
    </property>
    <property property_name="nlSocialUseRelMe" group_name="nlSocialLinks" title="[SEO] Use rel=&quot;me&quot; tag on social links" description="Check to use rel=&quot;me&quot; tags on your outbound social links." property_type="value" value_type="boolean" depends_on="" value_group="seo" display_order="310" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlSocialUseRelNofollow" group_name="nlSocialLinks" title="[SEO] Use rel=&quot;nofollow&quot; tags on social links (Recommended)" description="Check to place rel=&quot;nofollow&quot; tags in your outbound social media links. This helps to keep your site's SEO value contained at your URL." property_type="value" value_type="boolean" depends_on="" value_group="seo" display_order="300" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlSocialUseTooltips" group_name="nlSocialLinks" title="Show &quot;Follow Us&quot; tooltips on icon hover" description="" property_type="value" value_type="boolean" depends_on="" value_group="tooltips" display_order="200" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlStaffBanner" group_name="message" title="User banner - staff" description="Customize the styling of the staff banner in message layouts" property_type="css" value_type="" depends_on="" value_group="" display_order="20060" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-linkHoverColor",
    "font-weight": "@xf-fontWeightHeavy",
    "extra": "background: linear-gradient(#595959 0%, #3a3a3a 49%, #2f2f2f 50%, #151515 100%);\n.m-dropShadow();"
}</value>
    </property>
    <property property_name="nlStatsSubforumsIconColor" group_name="nodeList" title="Node stats &amp; subforums icon color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="210" addon_id="">
      <value>"@xf-textColorDimmed"</value>
    </property>
    <property property_name="nlStickySeparator" group_name="nlStructuredItemLists" title="Sticky separator heading" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="115" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "#81838c",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "#333",
    "border-width": "1px",
    "border-color": "rgb(0, 0, 0)",
    "padding-top": "6px",
    "padding-right": "12px",
    "padding-bottom": "6px",
    "padding-left": "12px",
    "extra": "background: linear-gradient(#595959 0%, #3a3a3a 49%, #2f2f2f 50%, #151515 100%);"
}</value>
    </property>
    <property property_name="nlStretchHeaderInnerContents" group_name="nlHeaderSettings" title="-- Full width inner contents" description="Check to also stretch the inner contents of header areas" property_type="value" value_type="boolean" depends_on="nlHeaderLayout" value_group="headerLayout" display_order="225" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlStretchNavigation" group_name="nlHeaderSettings" title="- Full width navigation" description="" property_type="value" value_type="boolean" depends_on="nlHeaderLayout" value_group="headerLayout" display_order="250" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlStrongFontColor" group_name="fonts" title="Strong label color (inactive)" description="Styles text within bold or strong tags (This property has temporarily been deactivated)" property_type="value" value_type="color" depends_on="" value_group="general" display_order="4000" addon_id="">
      <value>"xf-intensify(@xf-textColor, 15%)"</value>
    </property>
    <property property_name="nlStructItem" group_name="nlStructuredItemLists" title="Discussion row" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentBg",
    "extra": "margin-bottom: 1px;\n.m-lightGradient();\nbackground-size: 100% 100%;\ntransition: .2s background;"
}</value>
    </property>
    <property property_name="nlStructItemAlternate" group_name="nlStructuredItemLists" title="Discussion row - alternate" description="Styles structured item list rows when Alternating Color mode is enabled." property_type="css" value_type="" depends_on="" value_group="" display_order="1110" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding" addon_id="">
      <value>{
    "background-color": "@xf-contentAltBg"
}</value>
    </property>
    <property property_name="nlStructItemAlternatingRows" group_name="nlStructuredItemLists" title="Use alternating row styling" description="Check to use alternating row colors for your node listing. You can set the colors below." property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlStructItemAvatarSize" group_name="nlStructuredItemLists" title="Avatar size" description="" property_type="value" value_type="unit" depends_on="" value_group="settings" display_order="100" addon_id="">
      <value>"36px"</value>
    </property>
    <property property_name="nlStructItemAvatarSizeExpanded" group_name="nlStructuredItemLists" title="Avatar size expanded" description="" property_type="value" value_type="unit" depends_on="" value_group="settings" display_order="110" addon_id="">
      <value>"48px"</value>
    </property>
    <property property_name="nlStructItemCell" group_name="nlStructuredItemLists" title="Discussion row cell" description="Styles the inner cells of discussion rows" property_type="css" value_type="" depends_on="" value_group="" display_order="1200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlStructItemCellIcon" group_name="nlStructuredItemLists" title="Discussion row cell - avatar" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="2000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlStructItemCellIconEnd" group_name="nlStructuredItemLists" title="Discussion row cell - avatar end" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="2400" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlStructItemCellLatest" group_name="nlStructuredItemLists" title="Discussion row cell - latest" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="2300" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-textColorDimmed"
}</value>
    </property>
    <property property_name="nlStructItemCellMain" group_name="nlStructuredItemLists" title="Discussion row cell - main" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="2100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlStructItemCellMeta" group_name="nlStructuredItemLists" title="Structured item cell - stats" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="2200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlStructItemCellMetaInner" group_name="nlStructuredItemLists" title="-- Stats inner group" description="Styles the group of views and replies" property_type="css" value_type="" depends_on="" value_group="" display_order="2205" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "@xf-textColorDimmed"
}</value>
    </property>
    <property property_name="nlStructItemCellMetaLabel" group_name="nlStructuredItemLists" title="-- Stats label" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="2206" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlStructItemCellMetaNumber" group_name="nlStructuredItemLists" title="-- Stats amount" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="2207" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlStructItemHover" group_name="nlStructuredItemLists" title="Discussion row - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1120" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "background-size: 100% 200%;"
}</value>
    </property>
    <property property_name="nlStructItemHoverRows" group_name="nlStructuredItemLists" title="Use hover row styling" description="Check to style discussion rows when hovered" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="20" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlStructItemLatestInner" group_name="nlStructuredItemLists" title="-- Latest inner group" description="Styles the group of last post items, such as avatar, title and author" property_type="css" value_type="" depends_on="" value_group="" display_order="2310" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlStructItemListContainer" group_name="nlStructuredItemLists" title="Discussion list container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "xf-intensify(@xf-neutralLight6, 10%)",
    "padding": "0",
    "extra": "border-collapse: collapse;\nlist-style: none;\nmargin: 0;\nwidth: 100%;"
}</value>
    </property>
    <property property_name="nlStructItemNewIndicatorLabel" group_name="nlStructuredItemLists" title="Discussion row - new indicator label (title)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1152" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "11px",
    "color": "#fff",
    "background-color": "@xf-paletteColor3",
    "border-radius": "3px",
    "padding-top": "3px",
    "padding-right": "6px",
    "padding-bottom": "3px",
    "padding-left": "6px",
    "extra": "text-transform: uppercase;"
}</value>
    </property>
    <property property_name="nlStructItemNewIndicatorLabelDot" group_name="nlStructuredItemLists" title="Discussion row - new indicator label (dot)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1153" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-paletteColor3"
}</value>
    </property>
    <property property_name="nlStructItemNewIndicatorLabelThreadStatus" group_name="nlStructuredItemLists" title="Discussion row - new indicator label (status group)" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1152" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "10px",
    "color": "#fff",
    "background-color": "@xf-neutralDark4",
    "border-radius": "3px",
    "padding-top": "1px",
    "padding-right": "4px",
    "padding-bottom": "1px",
    "padding-left": "4px",
    "extra": "text-transform: uppercase;"
}</value>
    </property>
    <property property_name="nlStructItemNewIndicatorMode" group_name="nlStructuredItemLists" title="New posts indicator" description="Display an indicator for new posts in the discussion/thread list." property_type="value" value_type="radio" depends_on="" value_group="settings" display_order="30" addon_id="">
      <value_parameters>none=None
labelThreadStatus=New label (thread status group)
labelThreadTitle=New label (end of thread title)
dot=Dot (end of thread title)</value_parameters>
      <value>"labelThreadStatus"</value>
    </property>
    <property property_name="nlStructItemPaddingH" group_name="nlStructuredItemLists" title="Cell horizontal padding" description="" property_type="value" value_type="unit" depends_on="" value_group="settings" display_order="120" addon_id="">
      <value>"@xf-paddingLarge"</value>
    </property>
    <property property_name="nlStructItemPaddingV" group_name="nlStructuredItemLists" title="Cell vertical padding" description="" property_type="value" value_type="unit" depends_on="" value_group="settings" display_order="130" addon_id="">
      <value>"22px"</value>
    </property>
    <property property_name="nlStructItemSticky" group_name="nlStructuredItemLists" title="Discussion row - sticky" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1130" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlStructItemTitle" group_name="nlStructuredItemLists" title="Discussion row title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1150" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-linkColor"
}</value>
    </property>
    <property property_name="nlStructItemTitleOverflow" group_name="nlStructuredItemLists" title="Title overflow" description="Choose whether long node titles will wrap to the next line, or limit with &quot;...&quot; ellipsis" property_type="value" value_type="radio" depends_on="" value_group="settings" display_order="200" addon_id="">
      <value_parameters>default=Wrap to new line (default)
ellipsis=Trim to single line with "..."</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlStructItemTitleUnread" group_name="nlStructuredItemLists" title="Discussion row title - unread" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="1151" css_components="text" addon_id="">
      <value>{
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlStructItemVerticalAlign" group_name="nlStructuredItemLists" title="Vertical align row content" description="" property_type="value" value_type="radio" depends_on="" value_group="settings" display_order="140" addon_id="">
      <value_parameters>top=Top
middle=Middle</value_parameters>
      <value>"top"</value>
    </property>
    <property property_name="nlStyleVersion" group_name="nlThemeSettings" title="Style Version" description="Indicates the version number of your installed theme. Useful for checking against the latest version available and tracking feature releases. Please visit the latest info on your style at www.nulumia.com or by searching via www.xenforo.com." property_type="value" value_type="string" depends_on="" value_group="themeVersion" display_order="10600" addon_id="">
      <value>"2.1.9.1"</value>
    </property>
    <property property_name="nlSubNavLinkHeight" group_name="headerNav" title="Sub Nav Link Height" description="" property_type="value" value_type="unit" depends_on="" value_group="" display_order="5300" addon_id="">
      <value>"32px"</value>
    </property>
    <property property_name="nlSubNavigationLink" group_name="headerNav" title="Sub-navigation row - link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20510" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-weight": "@xf-fontWeightHeavy",
    "extra": "height: @xf-nlSubNavLinkHeight;\nline-height: @xf-nlSubNavLinkHeight;\ntext-transform: uppercase;"
}</value>
    </property>
    <property property_name="nlTabMarkerStyle" group_name="tab" title="Tab selected marker style" description="" property_type="value" value_type="radio" depends_on="" value_group="settings" display_order="100" addon_id="">
      <value_parameters>default=Bottom border (default)
arrow=Arrow marker</value_parameters>
      <value>"arrow"</value>
    </property>
    <property property_name="nlTextLogo" group_name="nlHeaderSettings" title="Text-based logo" description="Styles for the text based logo. May override this setting by entering CSS values below to each span individually." property_type="css" value_type="" depends_on="" value_group="" display_order="11000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "32px",
    "color": "#fff",
    "extra": "text-transform: uppercase;\n    font-weight: 900;"
}</value>
    </property>
    <property property_name="nlThemeClass" group_name="nlHelperSettings" title="Theme body class" description="Adds extra class to &lt;body&gt; for per-theme CSS targeting" property_type="value" value_type="string" depends_on="" value_group="general" display_order="0" addon_id="">
      <value>"classic"</value>
    </property>
    <property property_name="nlTickerBodyAddTitle" group_name="nlTickerSettings" title="Body ticker: add title" description="Check to place a title in the ticker block" property_type="value" value_type="boolean" depends_on="nlEnableTicker" value_group="content" display_order="195" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlTickerContainer" group_name="nlTickerSettings" title="Top bar ticker container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "overflow: hidden;\nposition: relative;"
}</value>
    </property>
    <property property_name="nlTickerContainerBody" group_name="nlTickerSettings" title="Body ticker container" description="Styles the container of the ticker when placed in the body content.&lt;br&gt;&#10;Uses the &lt;i&gt;block-container&lt;/i&gt; style by default" property_type="css" value_type="" depends_on="" value_group="" display_order="11000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlTickerDisplayOrder" group_name="nlTickerSettings" title="Feature display order" description="Assigns the display order when other features are enabled, such as Slideshow, Icon Slider, and Featured Widgets" property_type="value" value_type="select" depends_on="nlEnableTicker" value_group="locations" display_order="130" addon_id="">
      <value_parameters>top=Top
middle=Middle
bottom=Bottom</value_parameters>
      <value>"bottom"</value>
    </property>
    <property property_name="nlTickerHideBannedMembers" group_name="nlTickerSettings" title="Hide from Banned members" description="Always hide from Banned members. This will override all other settings." property_type="value" value_type="boolean" depends_on="nlEnableTicker" value_group="permissions" display_order="650" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlTickerHideCustomGroups" group_name="nlTickerSettings" title="Hide from custom groups" description="Enter the ID numbers of each usergroup, separated by commas.&lt;br&gt;Example: &lt;strong&gt;&lt;em&gt;7,12,17&lt;/em&gt;&lt;/strong&gt;&lt;br&gt;&lt;strong&gt;Priority: 2&lt;/strong&gt;" property_type="value" value_type="string" depends_on="nlEnableTicker" value_group="permissions" display_order="630" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlTickerHideOptions" group_name="nlTickerSettings" title="Hide on device:" description="Choose the type or size of device on which you'd like to hide the ticker." property_type="value" value_type="radio" depends_on="nlEnableTicker" value_group="" display_order="20" addon_id="">
      <value_parameters>all=Show on all devices
tablet=Hide on tablet or smaller
mobile=Hide on mobile</value_parameters>
      <value>"all"</value>
    </property>
    <property property_name="nlTickerItem" group_name="nlTickerSettings" title="Top bar ticker Item" description="Styles the ticker line items" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlTickerItemBody" group_name="nlTickerSettings" title="Body ticker item" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlTickerItemSeparator" group_name="nlTickerSettings" title="Top bar ticker item separator" description="Styles for the separator icon between ticker lines (by default, uses FontAwesome)" property_type="css" value_type="" depends_on="" value_group="" display_order="10100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "inherit"
}</value>
    </property>
    <property property_name="nlTickerItemSeparatorBody" group_name="nlTickerSettings" title="Body ticker item separator" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlTickerLine1" group_name="nlTickerSettings" title="Ticker Line 1" description="Enter at least one ticker line" property_type="value" value_type="string" depends_on="" value_group="content" display_order="200" addon_id="">
      <value>"This is a scrolling ticker line using pure CSS and HTML! This ticker system comes included as part of all Nulumia themes."</value>
    </property>
    <property property_name="nlTickerLine2" group_name="nlTickerSettings" title="Ticker Line 2" description="optional" property_type="value" value_type="string" depends_on="" value_group="content" display_order="210" addon_id="">
      <value>"You can customize these lines in your admin panel, works purely off Style Properties!"</value>
    </property>
    <property property_name="nlTickerLine3" group_name="nlTickerSettings" title="Ticker Line 3" description="optional" property_type="value" value_type="string" depends_on="" value_group="content" display_order="230" addon_id="">
      <value>"You can even &lt;a href=\"#\"&gt;add links&lt;/a&gt;, and other HTML markup! Responsive and customizable."</value>
    </property>
    <property property_name="nlTickerLink" group_name="nlTickerSettings" title="Top bar ticker link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10200" css_components="text,extra" addon_id="">
      <value>{
    "color": "@xf-paletteColor1",
    "text-decoration": "underline"
}</value>
    </property>
    <property property_name="nlTickerLinkBody" group_name="nlTickerSettings" title="Body ticker link" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11300" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlTickerLocation" group_name="nlTickerSettings" title="Location" description="Custom insertion snippet:&lt;br&gt;&#10;&lt;div class=&quot;blockMessage blockMessage--highlight&quot;&gt;&#10;&amp;lt;xf:if is=&quot;property('nlEnableIconSlider') == true&quot;&amp;gt;&lt;br&gt;&#10;    &amp;lt;xf:macro template=&quot;nl_ticker_macros&quot; name=&quot;ticker&quot; arg-location=&quot;body&quot; /&amp;gt;&lt;br&gt;&#10;&amp;lt;/xf:if&amp;gt;&#10;&lt;/div&gt;" property_type="value" value_type="radio" depends_on="" value_group="locations" display_order="100" addon_id="">
      <value_parameters>topbar=Top bar
belowNav=Above content, below navigation
aboveFooter=Below content, above footer
custom=Custom location</value_parameters>
      <value>"topbar"</value>
    </property>
    <property property_name="nlTickerPages" group_name="nlTickerSettings" title="Pages to display" description="Check which page types you'd like to display the ticker" property_type="value" value_type="radio" depends_on="nlEnableTicker" value_group="locations" display_order="110" addon_id="">
      <value_parameters>forum=Forum list only
all=All pages</value_parameters>
      <value>"all"</value>
    </property>
    <property property_name="nlTickerShowCustomGroups" group_name="nlTickerSettings" title="Show to custom groups" description="Enter the ID numbers of each usergroup, separated by commas.&lt;br&gt;Example: &lt;strong&gt;&lt;em&gt;7,12,17&lt;/em&gt;&lt;/strong&gt;&lt;br&gt;&lt;strong&gt;Priority: 1&lt;/strong&gt;" property_type="value" value_type="string" depends_on="nlEnableTicker" value_group="permissions" display_order="620" addon_id="">
      <value>""</value>
    </property>
    <property property_name="nlTickerShowGuests" group_name="nlTickerSettings" title="Show to guests" description="" property_type="value" value_type="boolean" depends_on="nlEnableTicker" value_group="permissions" display_order="600" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlTickerShowRegistered" group_name="nlTickerSettings" title="Show to all Registered users" description="If you want to only show the ticker to custom groups with a &lt;strong&gt;higher priority&lt;/strong&gt; than registered users, you should disable this option and specify your custom groups below.&lt;br&gt;Examples: &lt;em&gt;VIP Users, Premium Members, Subscribers&lt;/em&gt;, etc." property_type="value" value_type="boolean" depends_on="nlEnableTicker" value_group="permissions" display_order="610" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlTickerSidebarPageLayout" group_name="nlTickerSettings" title="Sidebar page location" description="Check which location you'd like to place your ticker on pages with sidebars" property_type="value" value_type="radio" depends_on="" value_group="locations" display_order="110" addon_id="">
      <value_parameters>wide=Full width
narrow=Next to sidebar, narrow width</value_parameters>
      <value>"wide"</value>
    </property>
    <property property_name="nlTickerTitle" group_name="nlTickerSettings" title="Body ticker title" description="Styles the HTML title of the ticker" property_type="css" value_type="" depends_on="" value_group="" display_order="11010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlTickerTitleAlignment" group_name="nlTickerSettings" title="Title alignment" description="" property_type="value" value_type="radio" depends_on="nlTickerAddTitle" value_group="content" display_order="196" addon_id="">
      <value_parameters>above=Above
left=Left</value_parameters>
      <value>"left"</value>
    </property>
    <property property_name="nlTickerTitleHtml" group_name="nlTickerSettings" title="Title" description="You may use HTML" property_type="value" value_type="string" depends_on="nlTickerAddTitle" value_group="content" display_order="197" addon_id="">
      <value_parameters>rows=2</value_parameters>
      <value>"&lt;h3&gt;&lt;i class=\"fas fa-newspaper\"&gt;&lt;/i&gt; News Ticker:&lt;/h3&gt;"</value>
    </property>
    <property property_name="nlTooltipMenu" group_name="tooltip" title="Tooltip menu content" description="Styles popup tooltip menu containers" property_type="css" value_type="" depends_on="" value_group="" display_order="20199" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-width": "0"
}</value>
    </property>
    <property property_name="nlTopBar" group_name="nlHeaderSettings" title="Top bar" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-paletteColor1",
    "background-color": "@xf-majorHeadingBg",
    "background-image": "@xf-nlMGHeadingStripImage",
    "border-width": "1px",
    "border-color": "@xf-majorHeadingBorderColor",
    "padding-top": "4px",
    "padding-bottom": "4px",
    "extra": "background-size: 100% 100%;\nposition: relative;"
}</value>
    </property>
    <property property_name="nlTopBarElementHeight" group_name="nlHeaderSettings" title="Top bar inner content height" description="Enter a value in pixels for general height for content within the top bar. Helps automatically to keep items neat and equal height." property_type="value" value_type="unit" depends_on="nlEnableTopBar" value_group="topBar" display_order="180" addon_id="">
      <value>"30px"</value>
    </property>
    <property property_name="nlTopBarLinks" group_name="nlHeaderSettings" title="Top bar link" description="Styles links, buttons, and icon based links in the top bar. Note that social icons will inherit these styles if not explicitly given styling in the [Nulumia] Social Settings group." property_type="css" value_type="" depends_on="" value_group="" display_order="10100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "inherit"
}</value>
    </property>
    <property property_name="nlTopBarLinksHover" group_name="nlHeaderSettings" title="Top bar link hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-linkHoverColor"
}</value>
    </property>
    <property property_name="nlTopBarsAbovePage" group_name="nlHelperSettings" title="Move staff and top bar above page" description="This setting only applies when the Stretch Header setting is enabled" property_type="value" value_type="boolean" depends_on="" value_group="header" display_order="100" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlTopRowPrimaryCenterContent" group_name="nlFooterSettings" title="Automatically center content" description="" property_type="value" value_type="boolean" depends_on="nlEnableFooterTopRow" value_group="primaryTopRow" display_order="4050" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlTopRowSecondaryCenterContent" group_name="nlFooterSettings" title="Automatically center content" description="" property_type="value" value_type="boolean" depends_on="nlEnableFooterTopRow2" value_group="secondaryTopRow" display_order="4120" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlTopbarDateFormat" group_name="nlHeaderSettings" title="Format" description="" property_type="value" value_type="select" depends_on="nlTopbarShowDate" value_group="topBar" display_order="41" addon_id="">
      <value_parameters>date=Date
time=Time
dateTime=Date / Time</value_parameters>
      <value>"date"</value>
    </property>
    <property property_name="nlTopbarDateHideBelow" group_name="nlHeaderSettings" title="Hide below size" description="" property_type="value" value_type="select" depends_on="nlTopbarShowDate" value_group="topBar" display_order="45" addon_id="">
      <value_parameters>none=Always show
tablet=Tablet / medium devices
mobile=Mobile / small devices</value_parameters>
      <value>"none"</value>
    </property>
    <property property_name="nlTopbarDatePos" group_name="nlHeaderSettings" title="Date position" description="" property_type="value" value_type="select" depends_on="nlTopbarShowDate" value_group="topBar" display_order="50" addon_id="">
      <value_parameters>farLeft=Far left
left=Left
centerLeft=Center left
center=Center
centerRight= Center right
right=Right
farRight=Far right</value_parameters>
      <value>"farLeft"</value>
    </property>
    <property property_name="nlTopbarGroup" group_name="nlHeaderSettings" title="Top bar group" description="Styles groupings of items such as date, ticker, html blocks etc" property_type="css" value_type="" depends_on="" value_group="" display_order="10010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlTopbarHtml1" group_name="nlHeaderSettings" title="Custom HTML #1" description="" property_type="value" value_type="string" depends_on="nlTopbarShowHtml1" value_group="topBar" display_order="105" addon_id="">
      <value_parameters>rows=2</value_parameters>
      <value>"&lt;ul&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;My Account&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;My Preferences&lt;/a&gt;&lt;/li&gt;\n&lt;/ul&gt;"</value>
    </property>
    <property property_name="nlTopbarHtml1HideBelow" group_name="nlHeaderSettings" title="Hide below size" description="" property_type="value" value_type="select" depends_on="nlTopbarShowHtml1" value_group="topBar" display_order="110" addon_id="">
      <value_parameters>none=Always show
tablet=Tablet / medium devices
mobile=Mobile / small devices</value_parameters>
      <value>"none"</value>
    </property>
    <property property_name="nlTopbarHtml1Pos" group_name="nlHeaderSettings" title="HTML position" description="" property_type="value" value_type="select" depends_on="nlTopbarShowHtml1" value_group="topBar" display_order="115" addon_id="">
      <value_parameters>none=- none -
farLeft=Far left
left=Left
centerLeft=Center left
center=Center
centerRight= Center right
right=Right
farRight=Far right</value_parameters>
      <value>"farLeft"</value>
    </property>
    <property property_name="nlTopbarHtml2" group_name="nlHeaderSettings" title="Custom HTML #2" description="" property_type="value" value_type="string" depends_on="nlTopbarShowHtml2" value_group="topBar" display_order="125" addon_id="">
      <value_parameters>rows=2</value_parameters>
      <value>"&lt;ul&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;My Account&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;My Preferences&lt;/a&gt;&lt;/li&gt;\n&lt;/ul&gt;"</value>
    </property>
    <property property_name="nlTopbarHtml2HideBelow" group_name="nlHeaderSettings" title="Hide below size" description="" property_type="value" value_type="select" depends_on="nlTopbarShowHtml2" value_group="topBar" display_order="130" addon_id="">
      <value_parameters>none=Always show
tablet=Tablet / medium devices
mobile=Mobile / small devices</value_parameters>
      <value>"none"</value>
    </property>
    <property property_name="nlTopbarHtml2Pos" group_name="nlHeaderSettings" title="HTML position" description="" property_type="value" value_type="select" depends_on="nlTopbarShowHtml2" value_group="topBar" display_order="135" addon_id="">
      <value_parameters>none=- none -
farLeft=Far left
left=Left
centerLeft=Center left
center=Center
centerRight= Center right
right=Right
farRight=Far right</value_parameters>
      <value>"farLeft"</value>
    </property>
    <property property_name="nlTopbarItem" group_name="nlHeaderSettings" title="Top bar item" description="Styles general elements in the top bar, such as spans, list items, div tags etc." property_type="css" value_type="" depends_on="" value_group="" display_order="10020" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlTopbarShowDate" group_name="nlHeaderSettings" title="Show date" description="" property_type="value" value_type="boolean" depends_on="nlEnableTopBar" value_group="topBar" display_order="40" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlTopbarShowHtml1" group_name="nlHeaderSettings" title="Show custom HTML block" description="" property_type="value" value_type="boolean" depends_on="" value_group="topBar" display_order="100" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlTopbarShowHtml2" group_name="nlHeaderSettings" title="Show custom HTML block" description="" property_type="value" value_type="boolean" depends_on="" value_group="topBar" display_order="120" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlTopbarShowTicker" group_name="nlHeaderSettings" title="Show ticker" description="" property_type="value" value_type="boolean" depends_on="nlEnableTicker" value_group="topBar" display_order="60" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlTopbarSocialIconStyling" group_name="nlSocialLinks" title="[Top bar] Icon styling" description="" property_type="value" value_type="select" depends_on="" value_group="styling" display_order="100" addon_id="">
      <value_parameters>default=Xenforo default
custom=Custom (set via Style Properties on this page)
brand=Brand colors</value_parameters>
      <value>"custom"</value>
    </property>
    <property property_name="nlTopbarSocialLinksHideBelow" group_name="nlHeaderSettings" title="Hide below size" description="" property_type="value" value_type="select" depends_on="nlSocialLinksLoc1" value_group="topBar" display_order="20" addon_id="">
      <value_parameters>none=Always show
tablet=Tablet / medium devices
mobile=Mobile / small devices</value_parameters>
      <value>"none"</value>
    </property>
    <property property_name="nlTopbarSocialLinksPos" group_name="nlHeaderSettings" title="Social links position" description="" property_type="value" value_type="select" depends_on="nlSocialLinksLoc1" value_group="topBar" display_order="30" addon_id="">
      <value_parameters>farLeft=Far left
left=Left
centerLeft=Center left
center=Center
centerRight= Center right
right=Right
farRight=Far right</value_parameters>
      <value>"farLeft"</value>
    </property>
    <property property_name="nlTopbarTickerHideBelow" group_name="nlHeaderSettings" title="Hide below size" description="" property_type="value" value_type="select" depends_on="nlTopbarShowTicker" value_group="topBar" display_order="65" addon_id="">
      <value_parameters>none=Always show
tablet=Tablet / medium devices
mobile=Mobile / small devices</value_parameters>
      <value>"none"</value>
    </property>
    <property property_name="nlTopbarTickerPos" group_name="nlHeaderSettings" title="Ticker position" description="" property_type="value" value_type="select" depends_on="nlTopbarShowTicker" value_group="topBar" display_order="70" addon_id="">
      <value_parameters>centerLeft=Center left
center=Center
centerRight= Center right</value_parameters>
      <value>"centerLeft"</value>
    </property>
    <property property_name="nlUseBlockTitle" group_name="nlPageLayouts" title="Use block-style page title" description="Check to wrap the page title in a block style container. This option does not apply when the Page Header Row option is in use." property_type="value" value_type="boolean" depends_on="" value_group="pageTitleAndBreadcrumb" display_order="105" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlUseCompactHeader" group_name="nlHeaderSettings" title="Enable compact header (logo + nav)" description="Check this mode to use a single row, compact header layout. The logo will be placed in the same row as the navigation. Note that this mode will remove the large logo and ad:header row." property_type="value" value_type="boolean" depends_on="" value_group="headerLayout" display_order="260" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlUseContentBoxShadows" group_name="nlUXSettings" title="Add drop shadows to block-based content areas" description="" property_type="value" value_type="boolean" depends_on="" value_group="boxShadows" display_order="300" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlUseDiscussionGrid" group_name="nlThreadGridSettings" title="Enable discussion / thread grid" description="Change the discussion / thread list into a grid layout" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="10" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlUseGridNodes" group_name="nlNodeSettings" title="Enable node grid layout" description="Enable the node grid layout on your forum list.&lt;br&gt;&#10;&lt;a href=&quot;https://www.nulumia.com/documentation/xenforo/advanced-nodes/&quot;&gt;&lt;strong&gt;Documentation &amp; Guide&lt;/strong&gt;&lt;/a&gt;" property_type="value" value_type="boolean" depends_on="" value_group="gridNodes" display_order="300" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlUseGridSubForums" group_name="nlNodeSettings" title="-- Enable grid for sub forums" description="Check to also apply the node grid to sub forums (within the forum_view template)" property_type="value" value_type="boolean" depends_on="nlUseGridNodes" value_group="gridNodes" display_order="301" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlUseHoverNodes" group_name="nodeList" title="Use hover node styling" description="" property_type="value" value_type="boolean" depends_on="" value_group="settings" display_order="11" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlUseHoverTransitions" group_name="nlThemeEffects" title="Use hover transitions" description="Adds a subtle mouse-over transition to various elements throughout your theme, such as links, buttons, background colors etc." property_type="value" value_type="boolean" depends_on="" value_group="general" display_order="10" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlUseImgNodeIcons" group_name="nodeList" title="Node icon type" description="Check this setting to use traditional XF1-style image sprites for your node icons." property_type="value" value_type="radio" depends_on="" value_group="" display_order="100" addon_id="">
      <value_parameters>fa=FontAwesome (Default)
img=Image Sprites (Xenforo 1 style)</value_parameters>
      <value>"img"</value>
    </property>
    <property property_name="nlUseImgNodes" group_name="nlNodeSettings" title="Enable custom node backgrounds" description="Enable using image backgrounds for your forum nodes.&lt;br&gt;&#10;&lt;a href=&quot;https://www.nulumia.com/documentation/xenforo/advanced-nodes/&quot;&gt;&lt;strong&gt;Documentation &amp; Guide&lt;/strong&gt;&lt;/a&gt;" property_type="value" value_type="boolean" depends_on="" value_group="imageNodes" display_order="500" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlUseXF1Breadcrumb" group_name="nlBreadcrumbSettings" title="Use XF1 style breadcrumb" description="Check to add arrow-framed style to breadcrumb items" property_type="value" value_type="boolean" depends_on="" value_group="legacyStyle" display_order="500" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlUserBannerBase" group_name="message" title="User banner - base" description="Define basic styling for all user banners in the user info column" property_type="css" value_type="" depends_on="" value_group="" display_order="20055" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "75%",
    "font-weight": "@xf-fontWeightNormal",
    "border-width": "1px",
    "border-color": "transparent",
    "border-radius": "@xf-borderRadiusSmall",
    "padding-top": "1px",
    "padding-right": "@xf-paddingMedium",
    "padding-bottom": "1px",
    "padding-left": "@xf-paddingMedium"
}</value>
    </property>
    <property property_name="nlUserTitle" group_name="message" title="User title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20049" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmallest",
    "color": "@xf-textColor",
    "background-color": "@xf-contentAltBg",
    "padding-top": "2px",
    "padding-right": "@xf-paddingMedium",
    "padding-bottom": "2px",
    "padding-left": "@xf-paddingMedium"
}</value>
    </property>
    <property property_name="nlVisitorTabBadge" group_name="headerNav" title="Visitor tab - alert balloon" description="Styles the small numbered alert balloons above visitor tabs" property_type="css" value_type="" depends_on="" value_group="" display_order="20460" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "left: auto;\nright: 0;\ntop: -2px;"
}</value>
    </property>
    <property property_name="nlVisitorTabsHeaderBlock" group_name="nlHeaderSettings" title="Visitor tabs - logo row container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="14000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColor",
    "background-color": "@xf-contentBg",
    "border-width": "1px",
    "border-color": "@xf-borderColor",
    "border-radius": "@xf-blockBorderRadius",
    "padding": "@xf-paddingSmall",
    "extra": "margin-right: 0;"
}</value>
    </property>
    <property property_name="nlVisitorTabsHeaderBlockTab" group_name="nlHeaderSettings" title="-- Visitor tab" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="14100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "border-radius": "0"
}</value>
    </property>
    <property property_name="nlVisitorTabsHeaderBlockTabHover" group_name="nlHeaderSettings" title="-- Visitor tab - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="14150" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlVisitorTabsLocation" group_name="nlHeaderSettings" title="Visitor tabs location" description="Does not work while using the compact header layout." property_type="value" value_type="radio" depends_on="" value_group="visitorTabs" display_order="700" addon_id="">
      <value_parameters>default=Default (Navigation)
logoBlock=Logo row area
topbar=Top bar</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlVisitorTabsTopbarBadge" group_name="nlHeaderSettings" title="---- Visitor tab - badge" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10580" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlVisitorTabsTopbarBlock" group_name="nlHeaderSettings" title="-- Visitor tabs container" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10550" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlVisitorTabsTopbarTab" group_name="nlHeaderSettings" title="---- Visitor tab" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10560" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "inherit"
}</value>
    </property>
    <property property_name="nlVisitorTabsTopbarTabHover" group_name="nlHeaderSettings" title="---- Visitor tab - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10570" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlXF1Breadcrumb" group_name="nlBreadcrumbSettings" title="XF1 Breadcrumb container" description="This settings should typically mimic the standard XF2 container element, specifically &lt;i&gt;block-container&lt;/i&gt;, using the main content background color, content text, and border style. These are used to style the items and arrows." property_type="css" value_type="" depends_on="" value_group="" display_order="11000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-textColor",
    "background-color": "@xf-contentBg",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor",
    "border-radius": "@xf-borderRadiusSmall"
}</value>
    </property>
    <property property_name="nlXF1BreadcrumbArrowWidth" group_name="nlBreadcrumbSettings" title="Item Arrow Width" description="" property_type="value" value_type="unit" depends_on="nlUseXF1Breadcrumb" value_group="legacyStyle" display_order="520" addon_id="">
      <value>"14px"</value>
    </property>
    <property property_name="nlXF1BreadcrumbHeight" group_name="nlBreadcrumbSettings" title="Breadcrumb height" description="" property_type="value" value_type="unit" depends_on="nlUseXF1Breadcrumb" value_group="legacyStyle" display_order="510" addon_id="">
      <value>"40px"</value>
    </property>
    <property property_name="nlXF1BreadcrumbItem" group_name="nlBreadcrumbSettings" title="XF1 Breadcrumb - item" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11100" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColor",
    "background-color": "@xf-contentBg",
    "padding-top": "0",
    "padding-right": "@xf-nlBreadcrumbItemPaddingH",
    "padding-bottom": "0",
    "padding-left": "@xf-nlBreadcrumbItemPaddingH"
}</value>
    </property>
    <property property_name="nlXF1BreadcrumbItemActive" group_name="nlBreadcrumbSettings" title="XF1 Breadcrumb - active item" description="Styles the item for the page currently being viewed" property_type="css" value_type="" depends_on="" value_group="" display_order="11400" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="nlXF1BreadcrumbItemFirst" group_name="nlBreadcrumbSettings" title="XF1 Breadcrumb - first item" description="Styles the first item in the breadcrumb" property_type="css" value_type="" depends_on="" value_group="" display_order="11300" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "extra": "font-weight: 700;"
}</value>
    </property>
    <property property_name="nlXF1BreadcrumbItemHover" group_name="nlBreadcrumbSettings" title="XF1 Breadcrumb - item hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11200" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentHighlightBg"
}</value>
    </property>
    <property property_name="nlXF1BreadcrumbItemPaddingH" group_name="nlBreadcrumbSettings" title="Item padding horizontal" description="" property_type="value" value_type="unit" depends_on="nlUseXF1Breadcrumb" value_group="legacyStyle" display_order="515" addon_id="">
      <value>"10px"</value>
    </property>
    <property property_name="nlXFMGDescDisplayMode" group_name="nlAddonCompatibilitySettings" title="Gallery list item description" description="" property_type="value" value_type="radio" depends_on="" value_group="xenforoMediaGalleryList" display_order="210" addon_id="">
      <value_parameters>default=Hover - slide (default)
fade=Hover - fade in (BETA feature)
below=Below item (always show)</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="nlXFMGHideFilterBar" group_name="nlAddonCompatibilitySettings" title="Hide filter bar" description="Check to hide the filter bar on all XFMG pages. Useful to produce a cleaner layout with less onscreen elements." property_type="value" value_type="boolean" depends_on="" value_group="xenforoMediaGalleryItems" display_order="245" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlXFMGHidePageActions" group_name="nlAddonCompatibilitySettings" title="Hide moderation and watch links" description="Check to hide the moderation, mark viewed and watch links. useful to produce a cleaner layout with less onscreen elements." property_type="value" value_type="boolean" depends_on="" value_group="xenforoMediaGalleryItems" display_order="240" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlXFMGHideSidebar" group_name="nlAddonCompatibilitySettings" title="Hide sidebar" description="Check to hide the sidebar on all XFMG pages. Useful to produce wide full-width layouts while retaining your widget setup within Appearance -&gt; Widgets." property_type="value" value_type="boolean" depends_on="" value_group="xenforoMediaGalleryItems" display_order="235" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlXFMGItemDescBelowContent" group_name="nlAddonCompatibilitySettings" title="XFMG - Item description below - content" description="Styles the media item description when set to the Below Item location" property_type="css" value_type="" depends_on="" value_group="" display_order="12000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-textColorMuted",
    "padding": "@xf-contentPadding"
}</value>
    </property>
    <property property_name="nlXFMGItemDescBelowTitle" group_name="nlAddonCompatibilitySettings" title="XFMG - Item description below - title" description="Styles the media item title when set to the Below Item location" property_type="css" value_type="" depends_on="" value_group="" display_order="12010" css_components="text,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "@xf-linkColor",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlXFMGItemDescMode" group_name="xfmgAppearance" title="Item description" description="Choose between displaying item description text within the default expandable block, or regular paragraph text." property_type="value" value_type="radio" depends_on="" value_group="settings" display_order="100" addon_id="">
      <value_parameters>expand=Expandable quote block (default)
regular=Full regular text</value_parameters>
      <value>"regular"</value>
    </property>
    <property property_name="nlXFMGItemHideAuthorDate" group_name="nlAddonCompatibilitySettings" title="Hide author and date" description="" property_type="value" value_type="boolean" depends_on="" value_group="xenforoMediaGalleryList" display_order="211" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlXFMGItemHideLikesComments" group_name="nlAddonCompatibilitySettings" title="Hide likes and comments" description="" property_type="value" value_type="boolean" depends_on="" value_group="xenforoMediaGalleryList" display_order="212" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlXFMGItemPerRow" group_name="nlAddonCompatibilitySettings" title="Gallery list item per row" description="" property_type="value" value_type="number" depends_on="" value_group="xenforoMediaGalleryList" display_order="215" addon_id="">
      <value_parameters>min=2
max=6</value_parameters>
      <value>"3"</value>
    </property>
    <property property_name="nlXFMGItemSpacing" group_name="nlAddonCompatibilitySettings" title="Gallery item spacing" description="" property_type="value" value_type="unit" depends_on="" value_group="xenforoMediaGalleryList" display_order="220" addon_id="">
      <value>"@xf-elementSpacer"</value>
    </property>
    <property property_name="nlXFMGMediaControls" group_name="nlAddonCompatibilitySettings" title="XFMG - Media arrow controls" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="12020" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-color": "rgba(0,0,0,0.5)",
    "padding-top": "26px",
    "padding-right": "14px",
    "padding-bottom": "26px",
    "padding-left": "14px",
    "extra": "opacity: 0.5;"
}</value>
    </property>
    <property property_name="nlXFMGUseHorizontalNav" group_name="nlAddonCompatibilitySettings" title="Enable horizontal category nav (BETA feature)" description="" property_type="value" value_type="boolean" depends_on="" value_group="xenforoMediaGalleryList" display_order="231" addon_id="">
      <value>0</value>
    </property>
    <property property_name="nlXFMGZoomThumbAmount" group_name="nlAddonCompatibilitySettings" title="Zoom amount" description="" property_type="value" value_type="number" depends_on="nlXFMGZoomThumbHover" value_group="xenforoMediaGalleryList" display_order="230" addon_id="">
      <value_parameters>min=1.00
max=1.50
step=0.05</value_parameters>
      <value>"1.05"</value>
    </property>
    <property property_name="nlXFMGZoomThumbHover" group_name="nlAddonCompatibilitySettings" title="Zoom thumbnails on hover" description="" property_type="value" value_type="boolean" depends_on="" value_group="xenforoMediaGalleryList" display_order="225" addon_id="">
      <value>1</value>
    </property>
    <property property_name="nlXenportaArticleItemInlineTitle" group_name="nlAddonCompatibilitySettings" title="Xenporta article item - inline title" description="Styles the article item title when using inline style, instead of overlay" property_type="css" value_type="" depends_on="" value_group="" display_order="10000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "@xf-linkColor",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="nlXfmgItemInfoOverlayCenterPanel" group_name="xfmgAppearance" title="Grid item (center overlay): Info panel" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11000" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="Nulumia/XFMGI">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "rgba(255,255,255,0.8)",
    "background-color": "rgba(0,0,0,0.6)"
}</value>
    </property>
    <property property_name="nlXfmgItemInfoOverlayCenterTitle" group_name="xfmgAppearance" title="Grid item (center overlay): Title" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="11050" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="Nulumia/XFMGI">
      <value>{
    "color": "#fff",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="noLogoMaxHeight" group_name="nlHeaderSettings" title="Logo max height" description="" property_type="value" value_type="unit" depends_on="" value_group="logoSettings" display_order="315" addon_id="">
      <value>"200px"</value>
    </property>
    <property property_name="nodeGridDescriptionDisplay" group_name="nlNodeSettings" title="Description display style" description="You can override the placement of the node description while using the node grid layout" property_type="value" value_type="radio" depends_on="" value_group="gridNodes" display_order="400" addon_id="">
      <value_parameters>tooltip={{ phrase('tooltip') }}
inline={{ phrase('inline') }}
none={{ phrase('none') }}</value_parameters>
      <value>"inline"</value>
    </property>
    <property property_name="nodeIconReadColor" group_name="nodeList" title="Read node icon color" description="When the content within a node has been read, its icon will revert to a less attention-grabbing color, defined here" property_type="value" value_type="color" depends_on="" value_group="" display_order="200" addon_id="XF">
      <value>"@xf-textColor"</value>
    </property>
    <property property_name="nodeIconUnreadColor" group_name="nodeList" title="Unread node icon color" description="Node icons give an at-a-glance indication of whether or not the content housed within the node has been read. The unread icon color should stand out from its background for quick identification" property_type="value" value_type="color" depends_on="" value_group="" display_order="100" addon_id="XF">
      <value>"@xf-paletteColor3"</value>
    </property>
    <property property_name="overlayHeader" group_name="overlay" title="Overlay header" description="Overlays use a header element to identify their contents, styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,padding,extra" addon_id="XF">
      <value>{
    "color": "@xf-majorHeadingTextColor",
    "background-color": "@xf-majorHeadingBg",
    "background-image": "@xf-nlMGHeadingStripImage",
    "border-width": "1px",
    "border-color": "@xf-majorHeadingBorderColor",
    "padding-top": "@xf-blockHeadPaddingV",
    "padding-right": "@xf-blockHeadPaddingH",
    "padding-bottom": "@xf-blockHeadPaddingV",
    "padding-left": "@xf-blockHeadPaddingH",
    "extra": "margin: 0;\nbackground-size: 100% 100%;\nborder-radius: @xf-borderRadiusMedium @xf-borderRadiusMedium 0;"
}</value>
    </property>
    <property property_name="overlayMaskColor" group_name="overlay" title="Overlay mask color" description="When an overlay is shown, the page behind is masked by the color defined here. Use RGBA transparency to allow the page to show through" property_type="value" value_type="color" depends_on="" value_group="" display_order="200" addon_id="XF">
      <value>"fade(@xf-pageBg, 40%)"</value>
    </property>
    <property property_name="paddingLarge" group_name="borderSpacing" title="Large padding" description="" property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="2200" addon_id="XF">
      <value>"14px"</value>
    </property>
    <property property_name="paddingLargest" group_name="borderSpacing" title="Largest padding" description="" property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="2300" addon_id="XF">
      <value>"20px"</value>
    </property>
    <property property_name="paddingMedium" group_name="borderSpacing" title="Medium padding" description="" property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="2100" addon_id="XF">
      <value>"10px"</value>
    </property>
    <property property_name="paddingSmall" group_name="borderSpacing" title="Small padding" description="" property_type="value" value_type="unit" depends_on="" value_group="padding" display_order="2000" addon_id="XF">
      <value>"6px"</value>
    </property>
    <property property_name="pageBackground" group_name="page" title="Page background" description="The page background, behind all block elements, uses the styling rules defined here" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="background,extra" addon_id="XF">
      <value>{
    "background-color": "@xf-pageBg",
    "extra": "background-repeat: repeat;"
}</value>
    </property>
    <property property_name="pageBg" group_name="color" title="Page background color" description="The background of the page itself, on which all other content rests" property_type="value" value_type="color" depends_on="" value_group="contentBackground" display_order="2100" addon_id="XF">
      <value>"@xf-neutralLight3"</value>
    </property>
    <property property_name="pageEdgeSpacer" group_name="borderSpacing" title="Page edge spacer" description="All elements will be spaced at least this far from the edges of the page" property_type="value" value_type="unit" depends_on="" value_group="spacer" display_order="3100" addon_id="XF">
      <value>"20px"</value>
    </property>
    <property property_name="pageEdgeSpacerMedium" group_name="borderSpacing" title="Page edge spacer - medium" description="" property_type="value" value_type="unit" depends_on="" value_group="spacer" display_order="3200" addon_id="">
      <value>"14px"</value>
    </property>
    <property property_name="pageEdgeSpacerNarrow" group_name="borderSpacing" title="Page edge spacer - narrow" description="" property_type="value" value_type="unit" depends_on="" value_group="spacer" display_order="3300" addon_id="">
      <value>"10px"</value>
    </property>
    <property property_name="pageWidthMax" group_name="page" title="Maximum page width" description="As the window is resized, it will continue to grow in width until this value, after which it will remain static" property_type="value" value_type="unit" depends_on="" value_group="page" display_order="100" addon_id="XF">
      <value>"1350px"</value>
    </property>
    <property property_name="paletteAccent1" group_name="palette" title="Accent 1" description="" property_type="value" value_type="color" depends_on="" value_group="accent" display_order="2000" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"@xf-paletteColor2"</value>
    </property>
    <property property_name="paletteAccent2" group_name="palette" title="Accent 2" description="" property_type="value" value_type="color" depends_on="" value_group="accent" display_order="2100" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"@xf-paletteColor3"</value>
    </property>
    <property property_name="paletteAccent3" group_name="palette" title="Accent 3" description="" property_type="value" value_type="color" depends_on="" value_group="accent" display_order="2200" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"@xf-paletteColor4"</value>
    </property>
    <property property_name="paletteColor1" group_name="palette" title="Color 1" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1000" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"rgb(255, 190, 192)"</value>
    </property>
    <property property_name="paletteColor2" group_name="palette" title="Color 2" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1100" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"rgb(250, 38, 42)"</value>
    </property>
    <property property_name="paletteColor3" group_name="palette" title="Color 3" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1200" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"rgb(200, 0, 3)"</value>
    </property>
    <property property_name="paletteColor4" group_name="palette" title="Color 4" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1300" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"rgb(169, 0, 3)"</value>
    </property>
    <property property_name="paletteColor5" group_name="palette" title="Color 5" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1400" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"xf-intensify(@xf-paletteColor4, 4%)"</value>
    </property>
    <property property_name="paletteColor6" group_name="palette" title="Color 6" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1600" addon_id="">
      <value>"xf-intensify(@xf-paletteColor4, 8%)"</value>
    </property>
    <property property_name="paletteColor7" group_name="palette" title="Color 7" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1700" addon_id="">
      <value>"xf-intensify(@xf-paletteColor4, 11%)"</value>
    </property>
    <property property_name="paletteColor8" group_name="palette" title="Color 8" description="" property_type="value" value_type="color" depends_on="" value_group="primary" display_order="1800" addon_id="">
      <value>"xf-intensify(@xf-paletteColor4, 15%)"</value>
    </property>
    <property property_name="paletteNeutral1" group_name="palette" title="Neutral 1" description="" property_type="value" value_type="color" depends_on="" value_group="neutral" display_order="3000" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"@xf-neutralLight1"</value>
    </property>
    <property property_name="paletteNeutral2" group_name="palette" title="Neutral 2" description="" property_type="value" value_type="color" depends_on="" value_group="neutral" display_order="3100" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"@xf-neutralLight6"</value>
    </property>
    <property property_name="paletteNeutral3" group_name="palette" title="Neutral 3" description="" property_type="value" value_type="color" depends_on="" value_group="neutral" display_order="3200" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>"@xf-neutralDark6"</value>
    </property>
    <property property_name="progressBarColor" group_name="misc" title="Progress bar color" description="The progress bar appears at the top of the window when the system is waiting for a response from the server" property_type="value" value_type="color" depends_on="" value_group="" display_order="300" addon_id="XF">
      <value>"@xf-paletteColor4"</value>
    </property>
    <property property_name="publicFooter" group_name="footer" title="Footer" description="The footer is the primary element that sits below the main content on all public pages" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "color": "@xf-footerTextColorDimmed",
    "background-color": "@xf-neutralDark5",
    "border-top-width": "1px",
    "border-top-color": "@xf-paletteColor3",
    "extra": "background: radial-gradient(at top, #3a3a3a, #191919 50%);\nmargin: 30px 0 0;"
}</value>
    </property>
    <property property_name="publicFooterLink" group_name="footer" title="Footer links" description="Controls styling for individual links within the footer" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,extra" addon_id="XF">
      <value>{
    "color": "@xf-footerLinkColor"
}</value>
    </property>
    <property property_name="publicHeader" group_name="headerNav" title="Header/logo row" description="The header row contains your logo and sits at the top of every public page" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,extra" addon_id="XF">
      <value>{
    "extra": "background: linear-gradient(#313131, #1a1a1a 49%, #000000 50%, #1a1a1a 100%);\nbackground-size: cover;"
}</value>
    </property>
    <property property_name="publicLogoUrl" group_name="basic" title="Logo URL" description="The web path from your site's XenForo installation directory to your logo image." property_type="value" value_type="string" depends_on="" value_group="logo" display_order="100" addon_id="XF">
      <value>"@xf-themePath/xenforo/logo/logo-red.png"</value>
    </property>
    <property property_name="publicLogoUrlSmall" group_name="basic" title="Small logo URL" description="Path to the small logo image which will display in the compact header / navigation layout, and on mobile display" property_type="value" value_type="string" depends_on="" value_group="logo" display_order="210" addon_id="">
      <value>""</value>
    </property>
    <property property_name="publicNav" group_name="headerNav" title="Navigation row" description="The navigation row sits below the header and contains the primary site navigation tabs and menus" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkColor",
    "background-color": "@xf-nlPrimaryContent",
    "extra": "background: linear-gradient(#fefefe, #c7c7c7);"
}</value>
    </property>
    <property property_name="publicNavPaddingH" group_name="headerNav" title="Navigation padding horizontal" description="Defines the amount of padding applied horizontally to each main navigational tab in the header" property_type="value" value_type="unit" depends_on="" value_group="navPad" display_order="4100" addon_id="XF">
      <value>"14px"</value>
    </property>
    <property property_name="publicNavPaddingV" group_name="headerNav" title="Navigation padding vertical" description="This value defines the amount of padding applied to the main navigational tabs in the header" property_type="value" value_type="unit" depends_on="" value_group="navPad" display_order="4000" addon_id="XF">
      <value>"20px"</value>
    </property>
    <property property_name="publicNavSelected" group_name="headerNav" title="Navigation row - selected tab" description="Additional styling to apply to navigation tabs when they are selected" property_type="css" value_type="" depends_on="" value_group="" display_order="20300" css_components="text,background,border,border_radius,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkColor",
    "background-color": "rgba(0,0,0,0.05)",
    "background-image": "@xf-themePath/xenforo/skin/divider-light.jpg",
    "extra": "background-repeat: no-repeat;\nbackground-size: 2px 100%;\nbackground-position: right top;"
}</value>
    </property>
    <property property_name="publicNavSticky" group_name="headerNav" title="Sticky navigation element" description="If you intend for some or all of your header to stick to the top of the page when it is scrolled, choose which elements should stick" property_type="value" value_type="radio" depends_on="" value_group="navigation" display_order="1200" addon_id="XF">
      <value_parameters>primary={{ phrase('primary_navigation_row_only') }}
all={{ phrase('primary_and_sub_navigation_rows') }}
none={{ phrase('none') }}</value_parameters>
      <value>"primary"</value>
    </property>
    <property property_name="publicNavTab" group_name="headerNav" title="Navigation row - tab" description="Controls the styling of individual tab elements within the navigation row" property_type="css" value_type="" depends_on="" value_group="" display_order="20200" css_components="text,background,extra" addon_id="XF">
      <value>{
    "font-size": "13px",
    "color": "@xf-linkColor",
    "font-weight": "@xf-fontWeightHeavy",
    "text-decoration": "none",
    "background-image": "@xf-themePath/xenforo/skin/divider-light.jpg",
    "extra": "background-repeat: no-repeat;\nbackground-size: 2px 100%;\nbackground-position: right top;\ntext-transform: uppercase;"
}</value>
    </property>
    <property property_name="publicNavTabHover" group_name="headerNav" title="Navigation row - hovered tab" description="Additional styling to apply to navigation tabs when the pointer hovers over them" property_type="css" value_type="" depends_on="" value_group="" display_order="20400" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkColor",
    "text-decoration": "none",
    "background-color": "rgba(0,0,0,0.05)",
    "background-image": "@xf-themePath/xenforo/skin/divider-light.jpg",
    "extra": "background-repeat: no-repeat;\nbackground-size: 2px 100%;\nbackground-position: right top;"
}</value>
    </property>
    <property property_name="publicNavTabMenuOpen" group_name="headerNav" title="Navigation row - menu open" description="Styling applied when the popup menu for the current tab is visible" property_type="css" value_type="" depends_on="" value_group="" display_order="20450" css_components="text,background,extra" addon_id="XF">
      <value>{
    "text-decoration": "none",
    "background-color": "rgba(0,0,0,0.05)",
    "background-image": "@xf-themePath/xenforo/skin/divider-light.jpg",
    "extra": "background-repeat: no-repeat;\nbackground-size: 2px 100%;\nbackground-position: right top;"
}</value>
    </property>
    <property property_name="publicStaffBar" group_name="headerNav" title="Staff tools bar" description="Visible only to staff, the staff tools bar sits above the header and contains items such as reported content, the moderation queue..." property_type="css" value_type="" depends_on="" value_group="" display_order="20700" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-textColor",
    "background-color": "@xf-contentAltBg",
    "extra": "position: relative;\nz-index: 100;\n.m-lightGradient();"
}</value>
    </property>
    <property property_name="publicSubNav" group_name="headerNav" title="Sub-navigation row" description="Below the main navigation row, this row shows content associated with the selected main navigation tab" property_type="css" value_type="" depends_on="" value_group="" display_order="20500" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "12px",
    "color": "@xf-paletteColor1",
    "background-color": "@xf-majorHeadingBg",
    "background-image": "@xf-nlMGHeadingStripImage",
    "border-width": "1px",
    "border-color": "@xf-majorHeadingBorderColor",
    "extra": "position: relative;\nbackground-size: 100% 100%;"
}</value>
    </property>
    <property property_name="publicSubNavElHover" group_name="headerNav" title="Sub-navigation row - hovered element" description="Additional styling applied to sub-navigation tabs when the pointer hovers over them" property_type="css" value_type="" depends_on="" value_group="" display_order="20600" css_components="text,extra" addon_id="XF">
      <value>{
    "color": "@xf-paletteColor1",
    "extra": "background: rgba(255,255,255,0.1);"
}</value>
    </property>
    <property property_name="publicSubNavElMenuOpen" group_name="headerNav" title="Sub-navigation row - menu-open element" description="Styles sub-navigation elements whose popup menu is currently open" property_type="css" value_type="" depends_on="" value_group="" display_order="20650" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-paletteColor1",
    "text-decoration": "none",
    "background-color": "rgba(255,255,255,0.1)"
}</value>
    </property>
    <property property_name="responsiveWide" group_name="page" title="Wide responsive break point" description="The page will use the 'wide' styling rules if its width is below this value, and the 'full' rules if the width exceeds it" property_type="value" value_type="unit" depends_on="" value_group="responsive" display_order="2000" addon_id="XF">
      <value>"@xf-nlPageWidthMin"</value>
    </property>
    <property property_name="secondaryColor1" group_name="palette" title="Secondary color 1" description="" property_type="value" value_type="color" depends_on="" value_group="secondary" display_order="1910" addon_id="">
      <value>"#fff"</value>
    </property>
    <property property_name="secondaryColor2" group_name="palette" title="Secondary color 2" description="" property_type="value" value_type="color" depends_on="" value_group="secondary" display_order="1920" addon_id="">
      <value>"#fff"</value>
    </property>
    <property property_name="secondaryColor3" group_name="palette" title="Secondary color 3" description="" property_type="value" value_type="color" depends_on="" value_group="secondary" display_order="1930" addon_id="">
      <value>"#fff"</value>
    </property>
    <property property_name="secondaryColor4" group_name="palette" title="Secondary color 4" description="" property_type="value" value_type="color" depends_on="" value_group="secondary" display_order="1940" addon_id="">
      <value>"#fff"</value>
    </property>
    <property property_name="secondaryColor5" group_name="palette" title="Secondary color 5" description="" property_type="value" value_type="color" depends_on="" value_group="secondary" display_order="1950" addon_id="">
      <value>"#fff"</value>
    </property>
    <property property_name="secondaryColor6" group_name="palette" title="Secondary color 6" description="" property_type="value" value_type="color" depends_on="" value_group="secondary" display_order="1960" addon_id="">
      <value>"#fff"</value>
    </property>
    <property property_name="secondaryGradientBottom" group_name="color" title="Secondary gradient bottom" description="" property_type="value" value_type="color" depends_on="" value_group="gradients" display_order="15016" addon_id="">
      <value>"@xf-secondaryColor4"</value>
    </property>
    <property property_name="secondaryGradientTop" group_name="color" title="Secondary gradient top" description="" property_type="value" value_type="color" depends_on="" value_group="gradients" display_order="15015" addon_id="">
      <value>"@xf-secondaryColor3"</value>
    </property>
    <property property_name="sidebarSpacer" group_name="page" title="Sidebar and side navigation spacer" description="Distance between the main content and the sidebar" property_type="value" value_type="unit" depends_on="" value_group="sidebar" display_order="1000" addon_id="XF">
      <value>"@xf-elementSpacer"</value>
    </property>
    <property property_name="sidebarWidth" group_name="page" title="Sidebar and side navigation width" description="Width of any elements that make up the sidebar" property_type="value" value_type="unit" depends_on="" value_group="sidebar" display_order="1100" addon_id="XF">
      <value>"300px"</value>
    </property>
    <property property_name="siropuChatActiveUserCountBadgeColor" group_name="siropuChat" title="Active user count badge color" description="The color of the user count badge for chat navigation and tabs when there are active users in the chat." property_type="value" value_type="color" depends_on="" value_group="" display_order="4" addon_id="Siropu/Chat">
      <value>"@xf-element1"</value>
    </property>
    <property property_name="siropuChatBarContainer" group_name="siropuChat" title="Chat bar container" description="The chat bar that shows up at the bottom of the screen when using &quot;All pages&quot; mode." property_type="css" value_type="" depends_on="" value_group="" display_order="12" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="Siropu/Chat">
      <value>{
    "extra": "box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.15);\nborder-bottom-left-radius: 0;\nborder-bottom-right-radius: 0;"
}</value>
    </property>
    <property property_name="siropuChatContainer" group_name="siropuChat" title="Chat container" description="The main chat container." property_type="css" value_type="" depends_on="" value_group="" display_order="0" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="Siropu/Chat">
      <value>[]</value>
    </property>
    <property property_name="siropuChatContentHeight" group_name="siropuChat" title="Chat content height" description="The height of the chat content." property_type="value" value_type="unit" depends_on="" value_group="" display_order="1" addon_id="Siropu/Chat">
      <value>"180px"</value>
    </property>
    <property property_name="siropuChatDateTime" group_name="siropuChat" title="Message date" description="Styling of the message date." property_type="css" value_type="" depends_on="" value_group="" display_order="17" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="Siropu/Chat">
      <value>{
    "font-size": "10px",
    "color": "@xf-textColorMuted",
    "background-color": "@xf-contentBg",
    "border-radius": "5px",
    "padding": "5px"
}</value>
    </property>
    <property property_name="siropuChatNoUserCountBadgeColor" group_name="siropuChat" title="No user count badge color" description="The color of the user count badge for chat navigation and tabs when there are no active users in the chat." property_type="value" value_type="color" depends_on="" value_group="" display_order="6" addon_id="Siropu/Chat">
      <value>"@xf-textColorDimmed"</value>
    </property>
    <property property_name="standaloneTab" group_name="tab" title="Standalone tabs" description="Tabs that are not part of block headers are styled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-blockTabHeaderTextColor",
    "background-color": "@xf-blockTabHeaderBg",
    "extra": ".m-darkGradient();\nborder: none;"
}</value>
    </property>
    <property property_name="standaloneTabHover" group_name="tab" title="Standalone tab - hover" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20015" css_components="text,background,border_color_simple,extra" addon_id="">
      <value>{
    "color": "@xf-textColorMuted",
    "background-color": "@xf-blockTabHeaderBg"
}</value>
    </property>
    <property property_name="standaloneTabSelected" group_name="tab" title="Standalone tabs - selected tab" description="The selected tab in groups that are not part of block headers" property_type="css" value_type="" depends_on="" value_group="" display_order="20100" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-majorHeadingTextColor",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-majorHeadingBg",
    "background-image": "@xf-nlMGHeadingStripImage",
    "border-color": "@xf-pageBg",
    "extra": "background-size: 100% 100%;"
}</value>
    </property>
    <property property_name="standaloneTabTab" group_name="tab" title="Standalone tab" description="standaloneTab" property_type="css" value_type="" depends_on="" value_group="" display_order="20010" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "background-image": "@xf-themePath/xenforo/skin/divider-dark.jpg",
    "extra": "background-repeat: no-repeat;\nmargin-top: -1px;"
}</value>
    </property>
    <property property_name="starEmptyColor" group_name="misc" title="Empty rating star color" description="This is the color of the empty portion of each rating star." property_type="value" value_type="color" depends_on="" value_group="" display_order="700" addon_id="XF">
      <value>"@xf-neutralLight5"</value>
    </property>
    <property property_name="starFullColor" group_name="misc" title="Full rating star color" description="This is the color of the full portion of each rating star." property_type="value" value_type="color" depends_on="" value_group="" display_order="800" addon_id="XF">
      <value>"rgb(255, 221, 0)"</value>
    </property>
    <property property_name="styleType" group_name="palette" title="Style type" description="This defines the general type of style in use based on whether the content is placed on a light or dark background. This may change how colors are selected in certain scenarios." property_type="value" value_type="radio" depends_on="" value_group="setup" display_order="100" addon_id="XF">
      <value_parameters>light={{ phrase('light') }}
dark={{ phrase('dark') }}</value_parameters>
      <value>"light"</value>
    </property>
    <property property_name="textColor" group_name="color" title="Text color" description="Unless otherwise specified, text will be this color" property_type="value" value_type="color" depends_on="" value_group="textBasic" display_order="100" addon_id="XF">
      <value>"rgb(140, 146, 152)"</value>
    </property>
    <property property_name="textColorAccentContent" group_name="color" title="Accented content text color" description="" property_type="value" value_type="color" depends_on="" value_group="textOther" display_order="3200" addon_id="XF">
      <value>"@xf-textColor"</value>
    </property>
    <property property_name="textColorAttention" group_name="color" title="Attention-grabbing text color" description="" property_type="value" value_type="color" depends_on="" value_group="textOther" display_order="3300" addon_id="XF">
      <value>"@xf-linkColor"</value>
    </property>
    <property property_name="textColorDimmed" group_name="color" title="Dimmed text color" description="Used when less-important text is placed next to normal text" property_type="value" value_type="color" depends_on="" value_group="textBasic" display_order="200" addon_id="XF">
      <value>"xf-diminish(@xf-textColor, 6%)"</value>
    </property>
    <property property_name="textColorEmphasized" group_name="color" title="Emphasized text color" description="" property_type="value" value_type="color" depends_on="" value_group="textOther" display_order="3100" addon_id="XF">
      <value>"@xf-paletteColor3"</value>
    </property>
    <property property_name="textColorMuted" group_name="color" title="Muted text color" description="Text is further de-emphasised using this style" property_type="value" value_type="color" depends_on="" value_group="textBasic" display_order="300" addon_id="XF">
      <value>"xf-diminish(@xf-textColor, 12%)"</value>
    </property>
    <property property_name="th_backgroundSelector_nodes" group_name="thnodes_styling" title="Background selector" description="This is the selector that should be used to place the background image and color on a node, if selected." property_type="value" value_type="string" depends_on="" value_group="" display_order="100" addon_id="ThemeHouse/Nodes">
      <value>".node--id{node_id} &gt; .node-wrapper .node-body"</value>
    </property>
    <property property_name="th_enableGrid_nodes" group_name="thnodes_grid" title="Enable node grid" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="0" addon_id="ThemeHouse/Nodes">
      <value>0</value>
    </property>
    <property property_name="th_enableStyling_nodes" group_name="thnodes_styling" title="Enable node styling" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="0" addon_id="ThemeHouse/Nodes">
      <value>0</value>
    </property>
    <property property_name="th_imageOverlay" group_name="thnodes_styling" title="Image overlay" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="5" addon_id="ThemeHouse/Nodes">
      <value>""</value>
    </property>
    <property property_name="th_textSelector_nodes" group_name="thnodes_styling" title="Text selector" description="" property_type="value" value_type="string" depends_on="" value_group="" display_order="105" addon_id="ThemeHouse/Nodes">
      <value>".node--id{node_id} &gt; .node-wrapper .node-body, .node--id{node_id} &gt; .node-wrapper .node-body a"</value>
    </property>
    <property property_name="themePath" group_name="basic" title="Style Folder Path" description="Enter the URL to your theme's folder. This property replicates the @imagePath property used in Xenforo 1.x. You may use this variable as shorthand to referring to theme images or other file types." property_type="value" value_type="string" depends_on="" value_group="" display_order="10" addon_id="">
      <value>"styles/nulumia/mgamer"</value>
    </property>
    <property property_name="tooltip" group_name="tooltip" title="Tooltip" description="Certain elements have special floating tooltips, which are controlled here" property_type="css" value_type="" depends_on="" value_group="" display_order="20000" css_components="text,background,border_radius,padding,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "@xf-majorHeadingTextColor",
    "background-color": "@xf-majorHeadingBg",
    "border-radius": "@xf-borderRadiusMedium",
    "padding-top": "5px",
    "padding-right": "5px",
    "padding-bottom": "5px",
    "padding-left": "5px"
}</value>
    </property>
    <property property_name="xd_NoticeBlock" group_name="xd_ThreadNotice" title="Notice Block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,background,border,border_radius,padding,extra" addon_id="XENTR/ThreadNotice">
      <value>{
    "color": "@xf-textColor",
    "background-color": "@xf-contentAltBg",
    "border-right-width": "5px",
    "border-right-color": "@xf-borderColorAccentContent",
    "padding": "@xf-paddingLarge"
}</value>
    </property>
    <property property_name="xd_ThreadNoticeBlock" group_name="xd_ThreadNotice" title="Thread Notice Block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20" css_components="background,border_radius,border_width_simple,padding,extra" addon_id="XENTR/ThreadNotice">
      <value>{
    "background-color": "@xf-contentAltBg",
    "padding": "@xf-paddingMedium"
}</value>
    </property>
    <property property_name="xgtForumIstatistikBaglantiRenk" group_name="xgtForumIstatistik_gorsel" title="Ba&#287;lant&#305;lar rengi" description="&#304;statistik veriler i&#231;indeki t&#252;m ba&#287;lant&#305;lar&#305;n rengi." property_type="value" value_type="color" depends_on="" value_group="GenelTasarim" display_order="30" addon_id="XenGenTr/XGTForumistatistik">
      <value>"@xf-textColor"</value>
    </property>
    <property property_name="xgtForumIstatistikFooter" group_name="xgtForumIstatistik_gorsel" title="Footer rengi" description="" property_type="value" value_type="color" depends_on="" value_group="FooterTasarimi" display_order="300" addon_id="XenGenTr/XGTForumistatistik">
      <value>"@xf-contentAltBg"</value>
    </property>
    <property property_name="xgtForumIstatistikSatir1" group_name="xgtForumIstatistik_gorsel" title="1. Sat&#305;r rengi" description="" property_type="value" value_type="color" depends_on="" value_group="SatirOzellestirme" display_order="90" addon_id="XenGenTr/XGTForumistatistik">
      <value>"@xf-contentBg"</value>
    </property>
    <property property_name="xgtForumIstatistikSatir2" group_name="xgtForumIstatistik_gorsel" title="2. Sat&#305;r rengi" description="" property_type="value" value_type="color" depends_on="" value_group="SatirOzellestirme" display_order="91" addon_id="XenGenTr/XGTForumistatistik">
      <value>"@xf-contentAltBg"</value>
    </property>
    <property property_name="xgtForumIstatistikSatirSinirRengi" group_name="xgtForumIstatistik_gorsel" title="Sinir rengi" description="" property_type="value" value_type="color" depends_on="" value_group="SatirOzellestirme" display_order="92" addon_id="XenGenTr/XGTForumistatistik">
      <value>"@xf-borderColor"</value>
    </property>
    <property property_name="xgtForumIstatistikTabHeader" group_name="xgtForumIstatistik_gorsel" title="Tab header - Renk" description="" property_type="value" value_type="color" depends_on="" value_group="TabHeaderTasarimi" display_order="105" addon_id="XenGenTr/XGTForumistatistik">
      <value>""</value>
    </property>
    <property property_name="xgtForumIstatistikTabHeaderAktif" group_name="xgtForumIstatistik_gorsel" title="Aktif buton - Renk" description="" property_type="value" value_type="color" depends_on="" value_group="TabHeaderTasarimi" display_order="110" addon_id="XenGenTr/XGTForumistatistik">
      <value>""</value>
    </property>
    <property property_name="xgtForumIstatistikTabHeaderAktifBorder" group_name="xgtForumIstatistik_gorsel" title="Alt s&#305;n&#305;r rengi" description="" property_type="value" value_type="color" depends_on="" value_group="TabHeaderTasarimi" display_order="130" addon_id="XenGenTr/XGTForumistatistik">
      <value>""</value>
    </property>
    <property property_name="xgtForumIstatistikTabHeaderMetin" group_name="xgtForumIstatistik_gorsel" title="Metin rengi" description="" property_type="value" value_type="color" depends_on="" value_group="TabHeaderTasarimi" display_order="104" addon_id="XenGenTr/XGTForumistatistik">
      <value>""</value>
    </property>
    <property property_name="xgtForumIstatistikTabHeaderSagBorder" group_name="xgtForumIstatistik_gorsel" title="Sa&#287; s&#305;n&#305;r rengi" description="" property_type="value" value_type="color" depends_on="" value_group="TabHeaderTasarimi" display_order="135" addon_id="XenGenTr/XGTForumistatistik">
      <value>"transparent"</value>
    </property>
    <property property_name="xgtForumIstatistikVurgula" group_name="xgtForumIstatistik_gorsel" title="Vurgu rengi" description="" property_type="value" value_type="color" depends_on="" value_group="SatirOzellestirme" display_order="94" addon_id="XenGenTr/XGTForumistatistik">
      <value>"@xf-contentAccentBg"</value>
    </property>
    <property property_name="xgtForumIstatistikVurgulaMetin" group_name="xgtForumIstatistik_gorsel" title="Vurgu metin rengi" description="" property_type="value" value_type="color" depends_on="" value_group="SatirOzellestirme" display_order="95" addon_id="XenGenTr/XGTForumistatistik">
      <value>"@xf-textColorAccentContent"</value>
    </property>
    <property property_name="xgtForumIstatistik_MiniHeader" group_name="xgtForumIstatistik_gorsel" title="Alt header - Arka plan rengi" description="" property_type="value" value_type="color" depends_on="" value_group="AltHeaderTasarimi" display_order="200" addon_id="XenGenTr/XGTForumistatistik">
      <value>"@xf-contentAltBg"</value>
    </property>
    <property property_name="xgtForumIstatistik_MiniHeaderMetin" group_name="xgtForumIstatistik_gorsel" title="Alt header metin rengi" description="" property_type="value" value_type="color" depends_on="" value_group="AltHeaderTasarimi" display_order="210" addon_id="XenGenTr/XGTForumistatistik">
      <value>"@xf-textColorDimmed"</value>
    </property>
  </properties>
</style>
