<?xml version="1.0" encoding="utf-8"?>
<style title="SpaceX" description="" user_selectable="1" base_version_id="2020070" export_version="2">
  <assets/>
  <templates>
    <template title="HosgeldinPaneli" type="public" addon_id="" version_id="1010350" version_string="1.1.3"><![CDATA[<xf:if is="{{ $xf.options.HosgeldinpanelAcKapat && 
		      $xf.options.XenHgPanel_Konum == 'forumustu' &&
			  $xf.visitor.hasPermission('XenHosGeldinPanelYetki','XenHhGorebilirmi') }}">

 <xf:css src="HosgeldinPaneli.less" />
 <div class="block">
		<div class="block-container">
			<h3 class="XenHosgeldinHeader">{{ phrase('HosgeldinPaneli_kullaniciadi', {'username': $xf.visitor.username}) }}</h3>
				
			<span class="special-colorize-border"></span>
			<div class="XenHosgeldinBox">
						<xf:if is="{{ $xf.options.XenHgPanel_Show_avatar}}">
				     		<div class="XenHosgeldinKolon XenHgSolKolon">
							  <xf:avatar user="{$xf.visitor}" class="XenPanelAvatar" size="l" href="" update="{{ link('account/avatar', $user) }}" />
					        </div>					
						</xf:if>

						<xf:if is="{{ $xf.options.XenHgPanel_Show_username}}"> 
								<div class="XenHosgeldinKolon XenHguserSolKolon">
									<div class="XenPanelusername">
										<xf:username user="$xf.visitor" rich="true" notooltip="true" />
											<xf:if contentcheck="true">
												<div class="memberHeader-banners">
												<xf:contentcheck><xf:userbanners user="$xf.visitor" /></xf:contentcheck>
												</div>
											</xf:if>
									</div>
								</div>
						</xf:if>
						 
					<div class="XenHosgeldinKolon XenHgMerkezKolon">		
						<dl class="XenHgTanimlar">
							<dt>{{ phrase('GecerliSaat') }}</dt> 
							<dd> {{ date($xf.time ) }} - {{ date($xf.time, 'g:i A') }}</dd>
						</dl>
	
						<dl class="XenHgTanimlar">
							<dt>{{ phrase('joined') }}</dt> 
							<dd><xf:date time="{$xf.visitor.register_date}" /></dd>	
						</dl>
							
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('last_activity') }}</dt>  
							<dd> <xf:date time="{$xf.visitor.last_activity}" /></dd> 
						</dl>
						
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('your_email_address') }}</dt> 
							<dd>{$xf.visitor.email} </dd>
						</dl>	
						
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('date_of_birth') }}</dt>
							<dd><xf:set var="$birthday" value="{{ $xf.visitor.Profile.getBirthday(true) }}" />
							{{ date($birthday.timeStamp, $birthday.format) }}
							</dd>
						</dl>
					</div>								 

					<div class="XenHosgeldinKolon XenHgSagKolon">
						<dl class="XenHgTanimlar">	
							<dt> {{ phrase('conversations') }}</dt>
							<dd><a href="{{ link('conversations') }}">{$xf.visitor.conversations_unread|number}</a> {{ phrase('okunmamis_mesajlar') }}</dd>
						</dl>
						
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('alerts') }}</dt> 
							<dd><a href="{{ link('account/alerts') }}">{$xf.visitor.alerts_unread|number}</a> {{ phrase('yeni_bildirim') }}</dd>
						</dl>
						
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('messages') }}</dt>
							<dd>{$xf.visitor.message_count|number}</dd>
						</dl>	
		 
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('reaction_score') }}</dt>
							<dd>	
								<a href="{{ link('account/reactions') }}" class="fauxBlockLink-linkRow u-concealed">
								  {$xf.visitor.reaction_score|number}
							     </a>
							</dd>
						</dl>
		 
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('trophy_points') }}</dt>
							<dd>{$xf.visitor.trophy_points|number}</dd>
						</dl>
		 
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('warning_points') }}</dt>
							<dd> {$warning.points|number}</dd>
						</dl>
					</div> <!--Sag kolon sonu-->
				</div> <!--Hosgeldin Box Sonu-->			   
		<xf:if is="{{ $xf.options.XenHgPanel_Show_statistics}}">
			
		    <div class="XenAltSatirBaslik">{{ phrase('widget_def.forum_statistics') }}</div>
			
				<div class="XenAltSatir">	
					<dl class="XenAltTanimlar">
						<dt>{{ phrase('threads') }}</dt>
						<dd>{$threadsTotal|number}</dd>
					</dl>

					<dl class="XenAltTanimlar">
						<dt>{{ phrase('posts') }}</dt>
						<dd>{$postsTotal|number}</dd>
					</dl>
			
					<dl class="XenAltTanimlar">
						<dt>{{ phrase('members') }}</dt>
						<dd>{$usersTotal|number}</dd>
					</dl>
					
					<dl class="XenAltTanimlar">
						<dt>{{ phrase('latest_member') }}</dt>
						<dd><xf:username user="{$userLatest}" /></dd>
					</dl>
				</div>	
			</xf:if>
		</div>
   </div>
</xf:if>]]></template>
    <template title="HosgeldinPaneli.less" type="public" addon_id="" version_id="1010350" version_string="1.1.3"><![CDATA[.postbit-bghome {
    height: 140px;
    width: 18.4%;
    position: absolute;
    background: #0252aa;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 36%, 0 60%);
    -moz--webkit-clip-path: polygon(0 0, 100% 0, 100% 36%, 0 60%);
    clip-path: polygon(0 0, 100% 0, 100% 59%, 0 84%);
	    overflow-y: hidden;
}

.postbit-slash1 {
    content: "";
    position: absolute;
    top: 7px;
    right: 125px;
    bottom: 0;
    width: 2000%;
    height: 100%;
    transform: skew(-80deg);
    z-index: 1;
}

.postbit-slash2::after {
    content: "";
    position: absolute;
    top: 0;
    right: -91px;
    display: inline-block;
    background: linear-gradient(to top, var(--colorSlash2-1) -100%, var(--colorSlash2-2) 100%);
    width: 50px;
    height: 100%;
}

.postbit-slash3::after {
    content: "";
    position: absolute;
    top: 0;
    right: -142px;
    display: inline-block;
    background: linear-gradient(to top, #0498f4 -100%, #0498f4 100%);
    width: 50px;
    height: 100%;
}

.postbit-slash1::after {
    content: "";
    position: absolute;
    top: 0;
    right: -40px;
    display: inline-block;
    background: linear-gradient(to top, #f4f0f1 -100%, #ede6e9 100%);
    width: 50px;
    height: 100%;
}

@media (min-width:651px) {
	.XenHosgeldinBox, .XenAltSatir {display: flex;}
	}
@media (max-width:650px) {
   .XenHosgeldinBox,
   .XenAltSatirBaslik,
   .XenAltSatir,
   .XenHosgeldinHeader
	{display: none;}
	}

.XenHosgeldinBoxSidebar {
       margin-bottom:20px;

       .block-container { 
           margin-top: 30px;

		   .XenPanelAvatar { 
			   text-align: center;
               margin-top: -30px;
                }
		   
           .XenPanelusername {
              text-align: center;
			       margin-top: 10px;
             
               .username {
                   font-size: 24px;
                   font-weight: 600;
                   }
              }
		   
			  
       .XenPanelBilgiler { 
             padding: 4px;

             .XenHgTanimlar {
                 padding: 0;
		         margin: 0;
		         overflow: hidden;
		         font-size: 12px;
		         height: 20px;
                 color: #505050;
 
             dt {
				float: left;
				max-width: 100%;
				margin-right: 6px;             
				}
			
			dt::after {
				content: " : ";
				}

			dd {
				text-align: right;
				max-width: 100%;
				overflow: hidden;
				}  

           }
        }

    }
}

 .nightmode .XenPanelusername {
              text-align: center;
				   margin-top: 40px !important;}


.XenHosgeldinHeader {
    .xf-XenHg_Header()

	padding: 6px 10px;
	margin: 0;
	text-decoration: none;
    }

.XenHosgeldinBox {
    .xf-XenHg_blok()

	padding: 10px 0 0;

	.XenHosgeldinKolon {
		flex: 1 1 0;
		overflow: hidden;
		padding: 0 5px 0px;
		}
		
	.XenHgSolKolon {
		font-size: 13px;
		margin: 1px;
        max-width: 140px;
		
		.XenPanelAvatar { 
			width: 130px;
			height: 130px;

			float: left;
			margin: 0px 10px 10px 0px;
			
			>span {	line-height: 130px;}

		img { 
			width: 130px;
			height: 130px;
			margin: auto;
			}
		  }
       .avatar--updateLink {
	        line-height: 25px;
            }
        }

    .XenHguserSolKolon {
	     font-size: 13px;
	     margin: 1px;
         max-width: 150px;
        
	.XenPanelusername { 
		overflow: hidden;
		}

	.username  { 
		font-size: 24px;
		font-weight: 600;
		}
     }
      
	.XenHgMerkezKolon {
		font-size: 13px;
		margin: 1px;
		}

	.XenHgSagKolon {
		font-size: 13px;
		margin: 1px;    
		}	

	.XenHgTanimlar {
		padding: 0;
		margin: 0;
		overflow: hidden;
		font-size: 14px;
		height: 20px;


			dt {
				float: left;
				max-width: 100%;
				margin-right: 6px;             
				}
			
			dt::after {
				content: " : ";
				}

			dd {
				text-align: right;
				max-width: 100%;
				overflow: hidden;
				}  
		}

}                  

.XenAltSatirBaslik {
    font-size: 15px;
    color: var(--fontclr);
    background: var(--forumlistbg2);
    border-bottom: 0px solid #d8d8d8;
    text-align: center;
    margin-top: -22px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border: none;
}

	.XenAltSatir {
        .xf-XenHg_footer()
		
		flex-wrap: wrap;
		justify-content: space-between;
        padding: 0px 10px;
		
		.XenAltTanimlar {
                padding: 0;
                margin: 3px;

			dt {
				display: table-row;
				font-size: 80%;
				text-align: center;
				color: #8c8c8c;}
 
			dd {
				display: table-row;
				text-align: center;
			   }
	   }
  	}]]></template>
    <template title="HosgeldinPaneliSidebar" type="public" addon_id="" version_id="1010350" version_string="1.1.3"><![CDATA[<xf:if is="{{ $xf.options.HosgeldinpanelAcKapat && 
		      $xf.options.XenHgPanel_Konum == 'sidebarda' && 
			  $xf.visitor.hasPermission('XenHosGeldinPanelYetki','XenHhGorebilirmi') }}">
<xf:css src="HosgeldinPaneli.less" />
 <div class="block">	
   <div class="XenHosgeldinBoxSidebar">
	   <div class="block-container">
		   		   		   <div class="postbit-bghome"><div class="postbit-slash1"><div class="postbit-slash2"></div></div></div>
			<xf:if is="{{ $xf.options.XenHgPanel_Show_avatar}}">
				   <div class="XenPanelAvatar">
							  <xf:avatar user="{$xf.visitor}" size="m" href="" update="{{ link('account/avatar', $user) }}" />
					        </div>					
						</xf:if>
		   
		     	<div class="XenPanelusername">
					<xf:username user="$xf.visitor" rich="true" notooltip="true" />
						 <xf:if contentcheck="true">
							 <div class="memberHeader-banners">
								 <xf:contentcheck><xf:userbanners user="$xf.visitor" /></xf:contentcheck>
							 </div>
						</xf:if>
				</div>
		
		  			 <div class="XenPanelBilgiler">		
						<dl class="XenHgTanimlar">
							<dt>{{ phrase('GecerliSaat') }}</dt> 
							<dd> {{ date($xf.time ) }} - {{ date($xf.time, 'g:i A') }}</dd>
						</dl>
	
						<dl class="XenHgTanimlar">
							<dt>{{ phrase('joined') }}</dt> 
							<dd><xf:date time="{$xf.visitor.register_date}" /></dd>	
						</dl>
							
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('last_activity') }}</dt>  
							<dd> <xf:date time="{$xf.visitor.last_activity}" /></dd> 
						</dl>
						
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('your_email_address') }}</dt> 
							<dd>{$xf.visitor.email} </dd>
						</dl>	
						
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('date_of_birth') }}</dt>
							<dd><xf:set var="$birthday" value="{{ $xf.visitor.Profile.getBirthday(true) }}" />
							{{ date($birthday.timeStamp, $birthday.format) }}
							</dd>
						</dl>
					</div>	 
		   
		   			<div class="XenPanelBilgiler">
						<dl class="XenHgTanimlar">	
							<dt> {{ phrase('conversations') }}</dt>
							<dd><a href="{{ link('conversations') }}">{$xf.visitor.conversations_unread|number}</a> {{ phrase('okunmamis_mesajlar') }}</dd>
						</dl>
						
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('alerts') }}</dt> 
							<dd><a href="{{ link('account/alerts') }}">{$xf.visitor.alerts_unread|number}</a> {{ phrase('yeni_bildirim') }}</dd>
						</dl>
						
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('messages') }}</dt>
							<dd>{$xf.visitor.message_count|number}</dd>
						</dl>	
		 
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('likes_received') }}</dt>
							<dd>{$xf.visitor.like_count|number}</dd>
						</dl>
		 
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('trophy_points') }}</dt>
							<dd>{$xf.visitor.trophy_points|number}</dd>
						</dl>
		 
						<dl class="XenHgTanimlar">	
							<dt>{{ phrase('warning_points') }}</dt>
							<dd> {$warning.points|number}</dd>
						</dl>
					</div> <!--XenPanelBilgiler-->	   
	   </div>
	</div>
	</div>
  </xf:if>]]></template>
    <template title="Modlar.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[:root {

--sayfabg:#ffffff;
--duyurubg:#ffffff;
}]]></template>
    <template title="PAGE_CONTAINER" type="public" addon_id="XF" version_id="2020670" version_string="2.2.6"><![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 : '' }}"
	{{ $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>

	<link rel="manifest" href="{{ base_url('webmanifest.php') }}">
	<xf:if is="property('metaThemeColor')">
		<meta name="theme-color" content="{{ parse_less_color(property('metaThemeColor')) }}" />
	</xf:if>

	<meta name="apple-mobile-web-app-title" content="{{ $xf.options.boardShortTitle ?: $xf.options.boardTitle }}">
	<xf:if is="property('publicIconUrl')">
		<link rel="apple-touch-icon" href="{{ base_url(property('publicIconUrl', true)) }}">
	</xf:if>

	<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: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:include template="google_analytics" />
    <xf:set var="$default">{{ property('SpaceXDefaultType') }}</xf:set>
	<script type="text/javascript">	
			
			
			

				(function(window, document, undefined) {  
				'use strict';    
				if (!('localStorage' in window)) return;   
				var darkmode = localStorage.getItem('darkmode');   
				if (darkmode == 1) {
					document.documentElement.className += ' nightmode';
				} else if (!darkmode && '{$default}' == 'Dark') {
					document.documentElement.className += ' nightmode';
				} else {
					document.documentElement.className -= ' nightmode';;
				}
			})(window, document);   
			
				
			(function(window, document, undefined) {  
				'use strict';    
				if (!('localStorage' in window)) return;   
				var sidebarsys = localStorage.getItem('sidebarsys');   
				if (sidebarsys) {
					document.documentElement.className += ' sidebar-hide';
				}
			})(window, document); 
		
			
	
			(function(window, document, undefined) {  
				'use strict';    
				if (!('localStorage' in window)) return;   
				var Widescreen = localStorage.getItem('Widescreen');   
				if (Widescreen) {
					document.documentElement.className += ' Wide-screen';
				}
			})(window, document);   

	</script>
</head>
<body data-template="{$template}">

<div class="p-pageWrapper" id="top">


<xf:set var="$srcset">{{ property('publicLogoUrl2x') ? base_url(property('publicLogoUrl2x')) . ' 2x' : '' }}</xf:set>

<header class="p-header" id="header">
	<div class="p-header-inner">
		<div class="p-header-content">

			<div class="p-header-logo p-header-logo--image">
				<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
					<img src="{{ base_url(property('publicLogoUrl')) }}" srcset="{$srcset}" alt="{$xf.options.boardTitle}"
						width="{{ property('publicLogoWidth') ?: '' }}" height="{{ property('publicLogoHeight') ?: '' }}" />
				</a>
			</div>

			<xf:ad position="container_header" />
		</div>
	</div>
</header>

<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>

			<div class="p-nav-smallLogo">
			</div>

			<div class="p-header-logo p-header-logo--image">
			
				<span class="p-header-logo-Slash1"><span class="p-header-logo-Slash2"></span><span class="p-header-logo-Slash3"></span></span>
				
					<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
					<img src="{{ base_url(property('publicLogoUrl')) }}" srcset="{$srcset}" alt="{$xf.options.boardTitle}"
						width="{{ property('publicLogoWidth') ?: '' }}" height="{{ property('publicLogoHeight') ?: '' }}" />
				</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>

			<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">
										<div class="menu-footer-main">
											<ul class="listInline listInline--bullet">
												<li><a href="{{ link('conversations') }}">{{ phrase('show_all') }}</a></li>
												<xf:if is="$xf.visitor.canStartConversation()">
													<li><a href="{{ link('conversations/add') }}">{{ phrase('start_new_conversation') }}</a></li>
												</xf:if>
											</ul>
										</div>
									</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_unviewed ? ' badgeContainer--highlighted' : '' }}"
								data-badge="{$xf.visitor.alerts_unviewed|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">
										<div class="menu-footer-main">
											<ul class="listInline listInline--bullet">
												<li><a href="{{ link('account/alerts') }}">{{ phrase('show_all') }}</a></li>
												<li><a href="{{ link('account/alerts/mark-read') }}" class="js-alertsMarkRead">{{ phrase('mark_read') }}</a></li>
												<li><a href="{{ link('account/preferences') }}">{{ phrase('preferences') }}</a></li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</xf:if>
					<a  id="nightmode" data-xf-init="tooltip" data-original-title="Day/Night"
       class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--night">

                               <i aria-hidden="true"></i> </a>
					
						
						<xf:else />
						<a href="{{ link('login') }}" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--logIn"
							data-xf-click="overlay" data-follow-redirects="on">
							<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--textual p-navgroup-link--register"
								data-xf-click="overlay" data-follow-redirects="on">
								<span class="p-navgroup-linkText">{{ phrase('register') }}</span>
							</a>
							
							
						</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]">
											<xf:label>
												{{ phrase('search_titles_only') }}

												<xf:if is="$xf.options.enableTagging">
													<span tabindex="0" role="button"
														data-xf-init="tooltip" data-trigger="hover focus click" title="{{ phrase('tags_will_also_be_searched') }}">

														<xf:fa icon="far fa-question-circle" class="u-muted u-smaller" />
													</span>
												</xf:if>
											</xf:label>
										</xf:option>
									</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>
		</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>
			</div>
		</div>
	<xf:elseif is="{$selectedNavEntry}" />
		<div class="p-sectionLinks p-sectionLinks--empty"></div>
	</xf:if>
</xf:set>

<xf:if is="property('publicNavSticky') == 'primary'">
	<div class="p-navSticky p-navSticky--primary is-sticky" id="hideheader">
		{$navHtml|raw}
	</div>
	{$subNavHtml|raw}
<xf:elseif is="property('publicNavSticky') == 'all'" />
	<div class="p-navSticky p-navSticky--all" data-xf-init="sticky-header">
		{$navHtml|raw}
		{$subNavHtml|raw}
	</div>
<xf:else />
	{$navHtml|raw}
	{$subNavHtml|raw}
</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">
			{{ phrase('menu') }}
			<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 class="offCanvasMenu-installBanner js-installPromptContainer" style="display: none;" data-xf-init="install-prompt">
			<div class="offCanvasMenu-installBanner-header">{{ phrase('install_app') }}</div>
			<xf:button class="js-installPromptButton">{{ phrase('install') }}</xf:button>
		</div>
	</div>
</div>

	
	<xf:include template="guestbanner"/>
	
	
<div class="p-body">
	<div class="p-body-inner">
		
		<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:contentcheck>
			</div>
		</div>
	</div>
</xf:if>

		
		
		<!--XF:EXTRA_OUTPUT-->
		<xf:include template="announce" />

		<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:ad position="container_breadcrumb_top_above" />
		<xf:macro name="breadcrumbs"
			arg-breadcrumbs="{$breadcrumbs}"
			arg-navTree="{$navTree}"
			arg-selectedNavEntry="{$selectedNavEntry}" />
		<xf:ad position="container_breadcrumb_top_below" />

		<xf:macro template="browser_warning_macros" name="javascript" />
		<xf:macro template="browser_warning_macros" name="browser" />

		<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>

		<div class="p-body-main {{ $sidebar ? 'p-body-main--withSidebar' : '' }} {{ $sideNav ? 'p-body-main--withSideNav' : '' }}">
			<xf:if is="$sideNav">
				<div class="p-body-sideNavCol"></div>
			</xf:if>
			<div class="p-body-contentCol"></div>
			<xf:if is="$sidebar">
				<div class="p-body-sidebarCol"></div>
			</xf:if>

			<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:foreach loop="$sideNav" value="$sideNavHtml">
									{$sideNavHtml}
								</xf:foreach>
								<xf:ad position="container_sidenav_below" />
							</div>
						</div>
					</div>
				</div>
			</xf:if>

			<div class="p-body-content">
				<xf:ad position="container_content_above" />
				<div class="p-body-pageContent">{$content|raw}</div>
				<xf:ad position="container_content_below" />
			</div>

			<xf:if is="$sidebar">
				<div class="p-body-sidebar">
					<xf:ad position="container_sidebar_above" />
					<xf:foreach loop="$sidebar" value="$sidebarHtml">
						{$sidebarHtml}
					</xf:foreach>
					<xf:ad position="container_sidebar_below" />
				</div>
			</xf:if>
		</div>

		<xf:ad position="container_breadcrumb_bottom_above" />
		<xf:macro name="breadcrumbs"
			arg-breadcrumbs="{$breadcrumbs}"
			arg-navTree="{$navTree}"
			arg-selectedNavEntry="{$selectedNavEntry}"
			arg-variant="bottom" />
		<xf:ad position="container_breadcrumb_bottom_below" />
	</div>
</div>
</div> <!-- closing p-pageWrapper -->

		<xf:include template="megafooter" />

	
<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 AND $xf.visitor.user_id">
	<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>
<script type="text/javascript">	
			
	
				document.addEventListener('DOMContentLoaded',function() {
					'use strict'; 
					if (!('localStorage' in window)) return;    
					var sidebarsys = document.querySelector('#sidebar-hide');    
					if (!sidebarsys) return;   
					sidebarsys.addEventListener('click', function (event) {
						event.preventDefault();
						document.documentElement.classList.toggle('sidebar-hide');
						if ( document.documentElement.classList.contains('sidebar-hide') ) {
							localStorage.setItem('sidebarsys', true);
							return;
						}
						localStorage.removeItem('sidebarsys');
   
					}, false);
				});	
		
   
			
				document.addEventListener('DOMContentLoaded',function() {
					'use strict'; 
					if (!('localStorage' in window)) return;    
					var Widescreen = document.querySelector('#Wide-screen');    
					if (!Widescreen) return;   
					Widescreen.addEventListener('click', function (event) {
						event.preventDefault();
						document.documentElement.classList.toggle('Wide-screen');
						if ( document.documentElement.classList.contains('Wide-screen') ) {
							localStorage.setItem('Widescreen', true);
							return;
						}
						localStorage.removeItem('Widescreen');
   
					}, false);
				});			
			
		
	
				document.addEventListener('DOMContentLoaded',function() {
					'use strict'; 
					if (!('localStorage' in window)) return;    
					var darkmode = document.querySelector('#nightmode');    
					if (!darkmode) return;   
					darkmode.addEventListener('click', function (event) {
						event.preventDefault();
						document.documentElement.classList.toggle('nightmode');
						if ( document.documentElement.classList.contains('nightmode') ) {
							localStorage.setItem('darkmode', 1);
							return;
						}
						localStorage.setItem('darkmode', 2);   
					}, false);
				});
			
				
</script>
<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">
		
		<div class="breadswitch {{ $variant ? 'p-breadcrumbs--' . $variant : '' }}">
		<ul class="p-breadcrumbs {{ $variant ? 'p-breadcrumbs--' . $variant : '' }}"
			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 AND $rootBreadcrumb.href != $xf.fullUri">
				<xf:set var="$position" value="{{ $position + 1 }}" />
				<xf:macro name="crumb"
					arg-position="{$position}"
					arg-href="{$rootBreadcrumb.href}"
					arg-value="{$rootBreadcrumb.title}" />
			</xf:if>

			<xf:if is="$selectedNavEntry AND $selectedNavEntry.href AND $selectedNavEntry.href != $xf.uri AND $selectedNavEntry.href != $xf.fullUri AND $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 AND $breadcrumb.href != $xf.fullUri">
				<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 is="property('SpaceX_Widescreen')">
<button type="button" aria-hidden="true" class="Widescreen" 
		id="Wide-screen" data-xf-init="tooltip" 
		data-original-title="WideScreen"></button></xf:if>
						<xf:if is="property('SpaceX_Sidebar')">
			<button type="button" aria-hidden="true" class="sidebarsys" 
					id="sidebar-hide" data-xf-init="tooltip" data-original-title="Hide Sidebar"></button></xf:if> 
		</div>

	</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>
	</li>
</xf:macro>]]></template>
    <template title="SpaceX.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[{{ include('SpaceXStyle.less') }}
{{ include('SpaceXThemeColor.less') }}
{{ include('SpaceXNavbar.less') }}
{{ include('SpaceXPostbit.less') }}
{{ include('SpaceXMegaFooter.less') }}
{{ include('SpaceXIconSet.less') }}]]></template>
    <template title="SpaceXIconSet.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.node--forum .node-body .node-icon i:before,
.node--category .node-icon i:before {
  content: '\f4aa';
}
.node-subNodeFlatList .subNodeLink.subNodeLink--forum:before,
.node-subNodeFlatList .subNodeLink.subNodeLink--category:before {
  content: '\f4aa';
}
.actionBar-action--edit:before,
.actionBar-action--report:before,
.actionBar-action--ip:before,
.actionBar-action--delete:before,
.actionBar-action--spam:before,
.actionBar-action--warn:before,
.actionBar-action--history:before {
  padding-right: 5px;
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.actionBar-action--edit:before {
  content: '\f040';
}
.actionBar-action--report:before {
  content: '\f071';
}
.actionBar-action--ip:before {
  content: '\f002';
}
.actionBar-action--delete:before {
  content: '\f00d';
}
.actionBar-action--spam:before {
  content: '\f024';
}
.actionBar-action--warn:before {
  content: '\f12a';
}
.actionBar-action--history:before {
  content: '\f1da';
}
.p-navgroup.p-navgroup--guest :before {
  padding-right: 5px;
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.p-navgroup.p-navgroup--guest .p-navgroup-link--logIn:before {
  content: '\f090';
}
.p-navgroup.p-navgroup--guest .p-navgroup-link--register:before {
  content: '\f234';
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink:before {
  padding-right: 5px;
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink[href*="/account/account-details"]:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink[href*="/account/account-details"]:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink[href*="/account/account-details"]:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink[href*="/account/account-details"]:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink[href*="/account/account-details"]:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink[href*="/account/account-details"]:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink[href*="/account/account-details"]:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink[href*="/account/account-details"]:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink[href*="/account/account-details"]:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink[href*="/account/account-details"]:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink[href*="/account/account-details"]:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink[href*="/account/account-details"]:before {
  content: '\f4fe';
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink[href*="/account/upgrades"]:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink[href*="/account/upgrades"]:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink[href*="/account/upgrades"]:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink[href*="/account/upgrades"]:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink[href*="/account/upgrades"]:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink[href*="/account/upgrades"]:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink[href*="/account/upgrades"]:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink[href*="/account/upgrades"]:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink[href*="/account/upgrades"]:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink[href*="/account/upgrades"]:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink[href*="/account/upgrades"]:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink[href*="/account/upgrades"]:before {
  font-family: 'Font Awesome 5 Brands';
  content: '\f1ed';
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink[href*="/members/"]:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink[href*="/members/"]:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink[href*="/members/"]:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink[href*="/members/"]:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink[href*="/members/"]:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink[href*="/members/"]:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink[href*="/members/"]:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink[href*="/members/"]:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink[href*="/members/"]:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink[href*="/members/"]:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink[href*="/members/"]:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink[href*="/members/"]:before {
  content: '\f007';
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink[href*="/account/alerts"]:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink[href*="/account/alerts"]:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink[href*="/account/alerts"]:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink[href*="/account/alerts"]:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink[href*="/account/alerts"]:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink[href*="/account/alerts"]:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink[href*="/account/alerts"]:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink[href*="/account/alerts"]:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink[href*="/account/alerts"]:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink[href*="/account/alerts"]:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink[href*="/account/alerts"]:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink[href*="/account/alerts"]:before {
  content: '\f0f3';
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink[href*="/account/reactions"]:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink[href*="/account/reactions"]:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink[href*="/account/reactions"]:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink[href*="/account/reactions"]:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink[href*="/account/reactions"]:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink[href*="/account/reactions"]:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink[href*="/account/reactions"]:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink[href*="/account/reactions"]:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink[href*="/account/reactions"]:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink[href*="/account/reactions"]:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink[href*="/account/reactions"]:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink[href*="/account/reactions"]:before {
  content: '\f164';
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink[href*="/account/bookmarks"]:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink[href*="/account/bookmarks"]:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink[href*="/account/bookmarks"]:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink[href*="/account/bookmarks"]:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink[href*="/account/bookmarks"]:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink[href*="/account/bookmarks"]:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink[href*="/account/bookmarks"]:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink[href*="/account/bookmarks"]:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink[href*="/account/bookmarks"]:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink[href*="/account/bookmarks"]:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink[href*="/account/bookmarks"]:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink[href*="/account/bookmarks"]:before {
  content: '\f02e';
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink[href*="/account/security"]:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink[href*="/account/security"]:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink[href*="/account/security"]:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink[href*="/account/security"]:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink[href*="/account/security"]:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink[href*="/account/security"]:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink[href*="/account/security"]:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink[href*="/account/security"]:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink[href*="/account/security"]:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink[href*="/account/security"]:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink[href*="/account/security"]:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink[href*="/account/security"]:before {
  content: '\f3ed';
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink[href*="/account/privacy"]:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink[href*="/account/privacy"]:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink[href*="/account/privacy"]:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink[href*="/account/privacy"]:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink[href*="/account/privacy"]:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink[href*="/account/privacy"]:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink[href*="/account/privacy"]:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink[href*="/account/privacy"]:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink[href*="/account/privacy"]:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink[href*="/account/privacy"]:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink[href*="/account/privacy"]:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink[href*="/account/privacy"]:before {
  content: '\f023';
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink[href*="/account/preferences"]:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink[href*="/account/preferences"]:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink[href*="/account/preferences"]:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink[href*="/account/preferences"]:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink[href*="/account/preferences"]:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink[href*="/account/preferences"]:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink[href*="/account/preferences"]:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink[href*="/account/preferences"]:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink[href*="/account/preferences"]:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink[href*="/account/preferences"]:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink[href*="/account/preferences"]:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink[href*="/account/preferences"]:before {
  content: '\f085';
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink[href*="/account/signature"]:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink[href*="/account/signature"]:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink[href*="/account/signature"]:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink[href*="/account/signature"]:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink[href*="/account/signature"]:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink[href*="/account/signature"]:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink[href*="/account/signature"]:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink[href*="/account/signature"]:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink[href*="/account/signature"]:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink[href*="/account/signature"]:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink[href*="/account/signature"]:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink[href*="/account/signature"]:before {
  content: '\f5b7';
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink[href*="/account/connected-accounts/"]:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink[href*="/account/connected-accounts/"]:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink[href*="/account/connected-accounts/"]:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink[href*="/account/connected-accounts/"]:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink[href*="/account/connected-accounts/"]:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink[href*="/account/connected-accounts/"]:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink[href*="/account/connected-accounts/"]:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink[href*="/account/connected-accounts/"]:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink[href*="/account/connected-accounts/"]:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink[href*="/account/connected-accounts/"]:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink[href*="/account/connected-accounts/"]:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink[href*="/account/connected-accounts/"]:before {
  content: '\f63d';
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink[href*="/account/following"]:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink[href*="/account/following"]:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink[href*="/account/following"]:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink[href*="/account/following"]:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink[href*="/account/following"]:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink[href*="/account/following"]:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink[href*="/account/following"]:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink[href*="/account/following"]:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink[href*="/account/following"]:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink[href*="/account/following"]:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink[href*="/account/following"]:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink[href*="/account/following"]:before {
  content: '\f234';
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink[href*="/account/ignored"]:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink[href*="/account/ignored"]:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink[href*="/account/ignored"]:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink[href*="/account/ignored"]:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink[href*="/account/ignored"]:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink[href*="/account/ignored"]:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink[href*="/account/ignored"]:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink[href*="/account/ignored"]:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink[href*="/account/ignored"]:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink[href*="/account/ignored"]:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink[href*="/account/ignored"]:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink[href*="/account/ignored"]:before {
  content: '\f503';
}
[data-template="account_alerts"] .p-body-sideNavContent a.blockLink[href*="/logout/"]:before,
[data-template="account_reactions"] .p-body-sideNavContent a.blockLink[href*="/logout/"]:before,
[data-template="account_bookmarks"] .p-body-sideNavContent a.blockLink[href*="/logout/"]:before,
[data-template="account_details"] .p-body-sideNavContent a.blockLink[href*="/logout/"]:before,
[data-template="account_security"] .p-body-sideNavContent a.blockLink[href*="/logout/"]:before,
[data-template="account_privacy"] .p-body-sideNavContent a.blockLink[href*="/logout/"]:before,
[data-template="account_preferences"] .p-body-sideNavContent a.blockLink[href*="/logout/"]:before,
[data-template="account_signature"] .p-body-sideNavContent a.blockLink[href*="/logout/"]:before,
[data-template="account_upgrades"] .p-body-sideNavContent a.blockLink[href*="/logout/"]:before,
[data-template="account_connected"] .p-body-sideNavContent a.blockLink[href*="/logout/"]:before,
[data-template="account_following"] .p-body-sideNavContent a.blockLink[href*="/logout/"]:before,
[data-template="account_ignored"] .p-body-sideNavContent a.blockLink[href*="/logout/"]:before {
  content: '\f08b';
}
[data-template="member_notable"] .p-body-sideNavContent a.blockLink::before,
[data-template="member_notable"] h3.block-textHeader a::before {
  content: "\f39b";
  padding-right: 5px;
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="members/"]:before,
[data-template="member_notable"] h3.block-textHeader a[href*="members/"]:before {
  content: '\f39b';
}
[data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=most_messages"]::before,
[data-template="member_notable"] h3.block-textHeader a[href*="key=most_messages"]::before {
  content: '\f086';
}
[data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=highest_reaction_score"]:before,
[data-template="member_notable"] h3.block-textHeader a[href*="key=highest_reaction_score"]:before {
  content: '\f164';
}
[data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=most_points"]:before,
[data-template="member_notable"] h3.block-textHeader a[href*="key=most_points"]:before {
  content: '\f192';
}
[data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=todays_birthdays"]:before,
[data-template="member_notable"] h3.block-textHeader a[href*="key=todays_birthdays"]:before {
  content: '\f06b';
}
[data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=staff_members"]:before,
[data-template="member_notable"] h3.block-textHeader a[href*="key=staff_members"]:before {
  content: '\f508';
}
[data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=xfrm_most_resources"]:before,
[data-template="member_notable"] h3.block-textHeader a[href*="key=xfrm_most_resources"]:before {
  content: '\f013';
}
[data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=xfmg_most_media_items"]:before,
[data-template="member_notable"] h3.block-textHeader a[href*="key=xfmg_most_media_items"]:before {
  content: '\f302';
}
[data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=xfmg_most_albums"]:before,
[data-template="member_notable"] h3.block-textHeader a[href*="key=xfmg_most_albums"]:before {
  content: '\f03e';
}
.menu-content.js-visitorMenuBody a:before {
  padding-right: 5px;
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.menu-content.js-visitorMenuBody a[href*="/account/upgrades"]:before {
  font-family: 'Font Awesome 5 Brands';
  content: '\f1ed';
}
.menu-content.js-visitorMenuBody a[href*="/whats-new/news-feed"]:before {
  content: '\f09e';
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*="/search/member"]:before {
  content: '\f086';
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*="/account/reactions"]:before {
  content: '\f164';
}
.menu-content.js-visitorMenuBody a[href*="/account/alerts"]:before {
  content: '\f0f3';
}
.menu-content.js-visitorMenuBody a[href*="/account/account-details"]:before {
  content: '\f4fe';
}
.menu-content.js-visitorMenuBody a[href*="/account/security"]:before {
  content: '\f3ed';
}
.menu-content.js-visitorMenuBody a[href*="/account/privacy"]:before {
  content: '\f023';
}
.menu-content.js-visitorMenuBody a[href*="/account/preferences"]:before {
  content: '\f085';
}
.menu-content.js-visitorMenuBody a[href*="/account/signature"]:before {
  content: '\f5b7';
}
.menu-content.js-visitorMenuBody a[href*="/account/connected-accounts/"]:before {
  content: '\f63d';
}
.menu-content.js-visitorMenuBody a[href*="/account/following"]:before {
  content: '\f234';
}
.menu-content.js-visitorMenuBody a[href*="/account/ignored"]:before {
  content: '\f503';
}
.menu-content.js-visitorMenuBody a[href*="/logout/"]:before {
  content: '\f08b';
}
.p-navEl a:before {
  margin-right: 6px;
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.p-navEl a[data-nav-id="home"]:before {
  content: '\f80a';
}
.p-navEl a[data-nav-id="forums"]:before {
  content: '\f086';
}
.p-navEl a[data-nav-id="whatsNew"]:before {
  content: '\f005';
}
.p-navEl a[data-nav-id="members"]:before {
  content: '\f0c0';
}
.p-navEl a[data-nav-id="xfrm"]:before {
  content: '\f019';
}
.p-navEl a[data-nav-id="xfmg"]:before {
  content: '\f03e';
}
.block[data-widget-definition] .block-minorHeader::before {
  display: inline-block;
  padding-right: 5px;
  opacity: 0.7;
  content: '\f141';
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.block[data-widget-definition="find_member"] .block-minorHeader::before {
  content: "\f002";
}
.block[data-widget-definition="newest_members"] .block-minorHeader::before {
  content: "\f830";
}
.block[data-widget-definition="members_online"] .block-minorHeader::before {
  content: "\f0c0";
}
.block[data-widget-definition="member_stat"] .block-minorHeader::before {
  content: "\f6a5";
}
.block[data-widget-section="staffMembers"] .block-minorHeader::before {
  content: "\f508";
}
.block[data-widget-definition="new_profile_posts"] .block-minorHeader::before {
  content: "\f4aa";
}
.block[data-widget-definition="forum_statistics"] .block-minorHeader::before {
  content: "\f080";
}
.block[data-widget-definition="share_page"] .block-minorHeader::before {
  content: "\f1e0";
}
.block[data-widget-definition="new_posts"] .block-minorHeader::before {
  content: "\f086";
}
.block[data-widget-definition="new_threads"] .block-minorHeader::before {
  content: "\f27a";
}
.block[data-widget-definition="xfrm_new_resources"] .block-minorHeader::before {
  content: "\f019";
}
.block[data-widget-definition="xfrm_top_resources"] .block-minorHeader::before {
  content: "\f2eb";
}
.block[data-widget-definition="xfrm_latest_reviews"] .block-minorHeader::before {
  content: "\f4ad";
}
.block[data-widget-definition="xfmg_media_slider"] .block-minorHeader::before {
  content: "\f03e";
}
.block[data-widget-definition="html"] .block-minorHeader::before {
  content: "\f121";
}
.block[data-widget-definition="thread_poll"] .block-minorHeader::before {
  content: "\f681";
}]]></template>
    <template title="SpaceXMegaFooter.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.foo-cont .MostReactions .avatar {
    width: 20px;
    height: 20px;
}

.foo-cont .MostReactions .contentRow-extra {
    position: relative;
    background: #b3308f;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 15px;
}



.foo-cont .MostReactions .contentRow-extra::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    right: 100%;
    border-color: #b3308f;
    border-right-width: 7px;
    border-right-style: solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.foo-cont .MostReactions .block-body {
    list-style: none;
    margin-right: -20px;
    padding: 0;
    margin-left: -12px;
}


.foo-cont .MostReactions .username,
 .foo-cont .MostReactions .contentRow-extra,
 .foo-cont .MostReactions .contentRow-title{
    font-size: 15px;
}

.foo-cont .f-cont p {
    z-index: 1;
}

.foo-cont .f-cont .foo-soc {
    margin: 10px 0 0 0;
}

.foo-cont .f-cont .foo-soc a {
    padding: 0 2px;
}





.foo-cont {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    bottom: 0px;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    background: @xf-Spacexfooterbg;
    z-index: 1;
}

.foo-cont .foo-box1 {
    box-sizing: border-box;
    flex: 0 0 27%;
    margin-right: 140px;
    position: relative;
}

.foo-slashl1 {
    content: "";
    position: absolute;
    top: 0;
    right: -25px;
    bottom: 0;
    width: 2000%;
    height: 100%;
    background: linear-gradient(90deg, var(--colorSlashA) 0%, var(--colorSlash22) 100%);
    transform: skew(-30deg);
    z-index: -1;
}

.foo-slashl1::after {
    content: "";
    position: absolute;
    top: 0;
    right: -14px;
    display: inline-block;
    background: linear-gradient(to top, var(--colorSlashA) -100%, var(--colorSlash1-2) 100%);
    width: 15px;
    height: 100%;
}

.foo-slashl2::after {
    content: "";
    position: absolute;
    top: 0;
    right: -29px;
    display: inline-block;
    background: linear-gradient(to top, var(--colorSlash2-1) -100%, var(--colorSlash2-2) 100%);
    width: 15px;
    height: 100%;
}

.foo-slashl3::after {
    content: "";
    position: absolute;
    top: 0;
    right: -44px;
    display: inline-block;
    background: linear-gradient(to top, var(--colorSlash3-1) -100%, var(--colorSlash3-2) 100%);
    width: 15px;
    height: 100%;
}

.foo-box1 .f-cont {
    margin: 20px 0 0 0;
    position: relative;
}

.foo-box1 .f-cont:before, .foo-box2 .f-cont:before, .foo-box3 .f-cont:before, .foo-box4 .f-cont:before {
    background: #1a1a1a;
    content: "";
    height: 2px;
    position: absolute;
    top: -10px;
    width: 100%;
}
.foo-cont .foo-box1 {
    box-sizing: border-box;
    flex: 0 0 27%;
    margin-right: 140px;
    position: relative;
}

.foo-cont .foo-box2 {
    box-sizing: border-box;
    flex: 0 0 19%;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.foo-box2 .f-cont {
    margin: 20px 0 0 0;
    position: relative;
}

.foo-cont .f-cont .footer-icon {
    margin: 12px 0;
}

.foo-cont .f-cont .footer-icon span:not(.foo-text) {
    background: #078be3;
    border-radius: 50%;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    transition: 0.3s;
    width: 20px;
}

.foo-cont .f-cont .foo-text {
    font-size: 1rem;
    padding-left: 10px;
}

.p-footer a {
    color: @xf-Spacexfoolinkclr;
}


.foo-box1 .f-cont:after {
    background: #c02e85;
    content: "";
    height: 2px;
    position: absolute;
    top: -10px;
    width: 50%;
}

.foo-box2 .f-cont:after {
    background: #c02e85;
    content: "";
    height: 2px;
    position: absolute;
    top: -10px;
    width: 50%;
}


.foo-box2 .f-cont {
    margin: 20px 0 0 0;
    position: relative;
}

.foo-cont .foo-box3 {
    box-sizing: border-box;
    flex: 0 0 19%;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.foo-box3 .f-cont {
    margin: 20px 0 0 0;
    position: relative;
}

.foo-box3 .f-cont:after {
    background: #c02e85;
    content: "";
    height: 2px;
    position: absolute;
    top: -10px;
    width: 50%;
}

.foo-cont .foo-box4 {
    box-sizing: border-box;
    flex: 0 0 19%;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.foo-box4 .f-cont {
    margin: 20px 0 0 0;
    position: relative;
}

.foo-box4 .f-cont:after {
    background: #c02e85;
    content: "";
    height: 2px;
    position: absolute;
    top: -10px;
    width: 50%;
}

.p-footer-inner {
    padding: 0px !important;
	max-width:100% !important;
}

.p-footer {
    font-size: 13px;
    color: @xf-Spacexfootextclr;
    background: @xf-SpacexfoobttmBGclr;
}

.p-footer-copyright {
    margin-top: 20px;
    text-align: left;
    font-size: 11px;
}

.p-footer-row {
    padding: 11px 7px 0px 7px;
	    margin-bottom: 0px;
}

.foo-cont .f-cont .foo-soc a span:hover {
    background: #f12020;
}

.foo-cont .f-cont .foo-soc a span {
    background: #011933;
    border-radius: 5px;
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    transition: 0.3s;
    width: 25px;
}

.foo-cont .foo-box4 .block-minorHeader,
.foo-cont .foo-box4 .special-colorize-border{display:none}
.foo-cont .foo-box4 .block-container {background:transparent; border: 0px;}

@media (max-width: 480px){
.foo-cont {
    display: flex;
    padding-left: 0px;
    padding-right: 0px;
}}
@media screen and (max-width: 900px){
.foo-cont {
    padding-left: 0px;
    padding-right: 0px;
}}

@media (max-width: 480px){
.foo-cont .foo-box1 {
    margin-right: 0px;
}}
@media (max-width: 480px){
.foo-cont .foo-box1 {
    flex: 0 0 100%;
    max-width: 100%;
}}
@media screen and (max-width: 900px){
.foo-cont .foo-box1 {
    box-sizing: border-box;
    flex: 0 0 60%;
    margin-right: 0px;
    max-width: 60%;
    padding: 0 20px;
    position: relative;
}}

@media (max-width: 480px){
.foo-slashl1 {
    right: 10px;
}}
@media (max-width: 480px){
.foo-slashl1 {
    display: none;
}}

@media (max-width: 480px){
.foo-cont h2 {
    padding: 0 20px;
}}

@media (max-width: 480px){
.foo-box1 .f-cont {
    flex: 0 0 100%;
    margin: 20px 0 0 0;
    position: relative;
}}

@media (max-width: 650px){
.p-footer-copyright {
    text-align: left;
    padding: 0 4px;
}}

@media (max-width: 480px){
.foo-cont .foo-box2 {
    flex: 0 0 100%;
    max-width: 100%;
}}

@media (max-width: 480px){
.foo-box2 .f-cont {
    flex: 0 0 100%;
    margin: 20px 0 0 0;
    position: relative;
}}

@media (max-width: 480px){
.foo-cont .foo-box3 {
    flex: 0 0 100%;
    max-width: 100%;
}}

@media (max-width: 480px){
.foo-box3 .f-cont {
    flex: 0 0 100%;
    margin: 20px 0 0 0;
    position: relative;
}}

@media (max-width: 480px){
.foo-cont .foo-box4 {
    flex: 0 0 100%;
    max-width: 100%;
}}

@media (max-width: 480px){
.foo-box4 .f-cont {
    flex: 0 0 100%;
    margin: 20px 0 0 0;
    position: relative;
}}]]></template>
    <template title="SpaceXNavbar.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.p-navgroup-link.p-navgroup-link--night i:after {
    content: var(--nightmodebuton);
    display: inline-block;
    width: .88em;
    opacity: .6;
    color: var(--nightmodebutoncolor) ;
}


.p-header-logo-Slash1 { content: ""; position: absolute; top: 0; right: -25px; bottom: 0; width: 2000%; height: 100%; 	transform: skew(-30deg); z-index: 1;
		//Slash 1 Color
background: @xf-SpacexlogoBg}

.p-header-logo-Slash1::after {content: "";position: absolute; top: 0; right: -14px; display: inline-block; width: 15px;height: 100%;
		//Slash 1 Color 2
background: linear-gradient(to top, var(--colorSlashA) -100%, var(--colorSlash1-2) 100%);}

.p-header-logo-Slash2::after {   content: "";  position: absolute;  top: 0;  right: -29px;  display: inline-block;  width: 15px; height: 100%;
		//Slash 2 Color
background: linear-gradient(to top, var(--colorSlash2-1) -100%, var(--colorSlash2-2) 100%);}

.p-header-logo-Slash3::after { content: ""; position: absolute;  top: 0; right: -44px; width: 15px; height: 100%; display: inline-block;
		//Slash 2 Color 2
	background: linear-gradient(to top, var(--colorSlash3-1) -100%, var(--colorSlash3-2) 100%);}


@media (max-width: 650px){.p-navgroup-link:first-of-type.p-navgroup-link--whatsnew+.p-navgroup-link { border-top-left-radius: 4px;  border-left: none; display: none;}}
.p-nav-scroller { margin-right: auto; max-width: 100%; flex: 1; text-align: right;}
.p-sectionLinks, .p-header{display: none;}
.p-navSticky.is-sticky .p-nav .p-nav-list .p-navEl.is-selected, .p-navSticky.is-sticky .p-nav .p-account {border-radius: 8px;}
.p-header-logo {position: relative; vertical-align: middle; margin-right: auto; padding: 18px 0;}
.p-header-logo a { color: inherit; position: relative; text-decoration: none; z-index: 2;}
.p-nav-scroller {top: -16px;}
.p-nav-opposite {position: relative; top: -16px;}
@media (max-width: 650px){.has-js .p-nav .p-nav-menuTrigger { display: inline-block; z-index: 2;}}
@media (max-width: 650px){.p-navgroup-link--whatsnew { display: none;}}
@media (max-width: 650px){.has-js .p-nav-opposite .p-navgroup { top: 15px; background: #113153; margin-left: 0; position: relative;}}
@media (max-width: 650px){.p-header-logo-Slash1 {display:none}}]]></template>
    <template title="SpaceXPostbit.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[//Sticky Postbit
.stickypostbit {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
}

//postbit bg
.postbit-bg {
    height: 120px;
    width: 114%;
    margin: -10px;
    position: absolute;
    background: @xf-SpacexlogoBg;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 36%, 0 60%);
    -moz--webkit-clip-path: polygon(0 0, 100% 0, 100% 36%, 0 60%);
    clip-path: polygon(0 0, 100% 0, 100% 59%, 0 84%);
}

.postbit-slash1 {
    content: "";
    position: absolute;
    top: 7px;
    right: 125px;
    bottom: 0;
    width: 2000%;
    height: 100%;
    transform: skew(-80deg);
    z-index: 1;
}

.postbit-slash2::after {
    content: "";
    position: absolute;
    top: 0;
    right: -91px;
    display: inline-block;
    background: linear-gradient(to top, var(--colorSlash2-1) -100%, var(--colorSlash2-2) 100%);
    width: 50px;
    height: 100%;
}

.postbit-slash3::after {
    content: "";
    position: absolute;
    top: 0;
    right: -142px;
    display: inline-block;
    background: linear-gradient(to top, var(--colorSlash3-1) -100%, var(--colorSlash3-2) 100%);
    width: 50px;
    height: 100%;
}

.postbit-slash1::after {
    content: "";
    position: absolute;
    top: 0;
    right: -40px;
    display: inline-block;
    background: linear-gradient(to top, var(--colorSlashA) -100%, var(--colorSlash1-2) 100%);
    width: 50px;
    height: 100%;
}


// User extras
.message-cell.message-cell--user {
    flex: 0 0 172px;
}


.message-cell--user .message-avatar-wrapper {
  padding: 5px 5px;
  background: #011d3d;
  border-radius: 50%;
}
.message-cell--user .message-userExtras {
  border: 1px solid #02172f;
}

.message-cell--user .pairs.pairs--justified {
  display: table;
  width: 100%;
  text-align: right;
  background: #0252aa;
  color: #F1F1F1;
  padding: 4px 6px;
  font-size: 0.8em;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}


.message-cell--user .pairs.pairs--justified:before {
  content: " ";
  position: absolute;
  right: 0;
  left: 0;
  top: 0px;
  height: 36px;
  width: 148px;
  background: rgba(0, 0, 0, 0.24);
  -webkit-clip-path: polygon(61% 0, 100% 0%, 100% 100%, 45% 100%);
  -moz-clip-path: polygon(61% 0, 100% 0%, 100% 100%, 45% 100%);
  clip-path: polygon(61% 0, 100% 0%, 100% 100%, 45% 100%);
  z-index: -1;
}

.message-cell--user .pairs.pairs--justified > dt {
  padding: 2px 5px;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.5) inset;
  text-align: center;
}

.message-cell--user .pairs > dt {
  color: #F1F1F1;
}
.message-cell--user .pairs.pairs--justified:hover {
  background: #d64494;
  color: #FFFFFF;
}


// Responsive Style
@media (max-width: 650px){
.postbit-bg {
    display:none;
}}
@media (max-width: 480px){
.postbit-bg {
    height: 87px;
}}
@media (max-width: 480px){
.postbit-bg {
    display:none;
}}


//Arrow 
@media (max-width: 650px){
.message:not(.message--forceColumns) .message-userArrow {
    bottom: -11px;
}}
@media (max-width: 650px){
.message:not(.message--forceColumns) .message-userArrow {
    top: auto;
    right: auto;
    bottom: -5px;
    left: 24px;
    border: none;
    border: 5px solid transparent;
    border-top-width: 0;
    border-bottom-color: none;
}}

@media (max-width: 650px){
.nightmode .message:not(.message--forceColumns) .message-cell.message-cell--user {
    border-color: #06265f;
    border-bottom: 3px solid #06265f;
}}]]></template>
    <template title="SpaceXStyle.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[//General
.offCanvasMenu.is-active {z-index: 2222;}
.flashMessage {z-index:9999;}

.html {background: var(--pagebg);}
a {color: var(--fontclr);}
.filterBar a{color:@xf-SpacexBlockFilterFont;}

// Page background settings
.p-pageWrapper {
    background-color: var(--pagebg);
    background-image: var(--pagebgimg);
    background-attachment: fixed;
    background-size: var(--pagebgsize);
}

//Staffbar
.p-staffBar {
    font-size: 13px;
    color: var(--fontclr);
    background: var(--announcebg);
    border: 0px;}
		
.p-staffBar-link:hover {
    color: var(--fontclr);
    background: var(--forumlisthvr);}

// Overlay
.overlay-title {
	background:@xf-SpacexOverlayHeader;
	color:@xf-SpacexOverlayHeaderFont;}

.overlay-container.is-active {z-index:1000;}
.overlay-titleCloser:after {color: #ffffff;}

//Input & Tooltip & BBcode & Buton Etc.
.nightmode .tooltip--share.tooltip--bottom .tooltip-arrow, 
.nightmode .tooltip--share.tooltip--bottom .tooltip-arrow:after,
.nightmode .tooltip--bookmark.tooltip--bottom .tooltip-arrow,
.nightmode .tooltip--bookmark.tooltip--bottom .tooltip-arrow:after{
    border-bottom-color: #133069;}

.message-userArrow,.menu--structural .menu-arrow{display:none}

.contentRow-main:before {
    content: '';
    display: block;}
 
.blockMessage.blockMessage--none {
    background: none;
    border: none;
    color: #141414;
    padding: 0;}

.blockMessage {
    color: #e0e0e0;
	background: linear-gradient(45deg, #885904, transparent);}

.message-cell.message-cell--user, .message-cell.message-cell--action {
    position: relative;
    background: var(--forumlistbg);
    border-right: 1px solid var(--generalborder);
    min-width: 0;}

.block--messages .message, .block--messages .block-row {
    color: #141414;
    background: var(--forumlistbg);
    border-color:var(--generalborder);
    border-radius: 4px;}

.nightmode .message.is-mod-selected,.nightmode .block--messages .message.is-mod-selected {
    background: #042246;}

.nightmode .message.is-mod-selected .message-cell--user,.nightmode .block--messages .message.is-mod-selected .message-cell--user,.nightmode .message.is-mod-selected .message-cell--vote,.nightmode .block--messages .message.is-mod-selected .message-cell--vote {
    background: #042246;}

.message-newIndicator, a.message-newIndicator {
    font-size: 100%;
    color: #F7f7f7;
    background: #bb02c7;
    border-radius: 2px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px;
    white-space: nowrap;
}

.button.button--link, a.button.button--link, .button.button--link, a.button.button--link, .button.button--link, a.button.button--link
{border:1px solid transparent;}

.nightmode .inputTypes {
    border-bottom: solid 1px #21479c;
    color: var(--fontclr);}

.nightmode .inputTypes-input:checked + .inputTypes-display,.nightmode .inputTypes-display:hover {
    color: #d8d8d8;
    border-color: #0651a9;
    background: #0651a9;}

.nightmode .inputTypes-input:checked + .inputTypes-display {
    border-bottom-color: #0651a9;}

.nightmode .fr-view blockquote {
    background: #011121;
    border: 0px solid #2d9aae;
    border-left: 0px solid #d8c3a5;
    margin: .5em 0;
    padding: 6px 10px;
    font-size: 13px;
    display: flow-root;
    color: var(--fontclr);}

.nightmode .fr-view blockquote[data-quote]:before {
    display: block;
    content: attr(data-quote) ":";
    font-size: 13px;
    color: #cc4a93;
    background: #3a419a;
    padding: 6px 10px;
    margin: -6px -10px 6px -10px;}

.stickypostbit .message-userArrow:after {
    position: absolute;
    top: -9px;
    right: -10px;
    content: "";
    border: 9px solid transparent;
    border-left-width: 0;
    border-right-color: var(--generalborder);}

.stickypostbit .message-userArrow {
    position: absolute;
    top: 20px;
    right: -11px;
    border: 10px solid transparent;
    border-left-width: 0;
    border-right-color: transparent;
}


.message-userArrow:after {
    position: absolute;
    top: -9px;
    right: -10px;
    content: "";
    border: 9px solid transparent;
    border-left-width: 0;
    border-right-color: var(--generalborder);
}

.message-userArrow {
    position: absolute;
    top: 20px;
    right: 0px;
    border: 10px solid transparent;
    border-left-width: 0;
    border-right-color: transparent;}

.nightmode .input:focus, .nightmode .input.is-focused, .nightmode .inputGroup:focus-within, 
.nightmode #XF .fr-box.fr-basic.is-focused, .nightmode .codeEditor.CodeMirror.CodeMirror-focused{
	color: var(--fontclr);
    background: var(--generalborder);
	cursor:text;}

.nightmode .CodeMirror-gutters {
    border-right: 1px solid var(--generalborder);
	background-color: var(--colorSlash3-1);}

.nightmode .codeEditor.CodeMirror {
    height: 55vh;
    direction: ltr;
    font-size: 15px;
	cursor:text;
    color: var(--fontclr);
    background: #041934;
    border: 1px solid var(--footerborder);}

.nightmode .bbCodeDemoBlock-item>dd {
    background: var(--forumlistbg2);
	border: 1px solid var(--footerborder);}

.nightmode .smilieText {
    color: white;
    background: var(--b5);}

.nightmode .flashMessage {
    font-size: 26px;
    color: #ffffff;
    background: linear-gradient(to right, rgba(33,71,157,78%), rgba(1,19,39,70%));}

.nightmode .dataList-cell.dataList-cell--alt, 
.nightmode .dataList-cell.dataList-cell--action {
    background: var(--forumlistbg2);}

.nightmode .reactionsBar .reactionSummary > li, 
.nightmode .message-responseRow .reactionSummary > li {
    background: #1a3b81;}

.nightmode .block-row.block-row--clickable:hover {
    color: var(--fontclr);
    background: var(--forumlisthvr);}

.nightmode .tooltip--reaction .tooltip-content {
    background: #02162d;}

.nightmode .dataList-row.dataList-row--header .dataList-cell {
    color: #2577b1;
	background: var(--announcebg);}

.nightmode .dataList-row:hover:not(.dataList-row--noHover):not(.dataList-row--header):not(.is-spHovered), 
.nightmode .is-spActive .dataList-row.is-spChecked {
    background: var(--forumlisthvr);}

.nightmode .label.label--primary, 
.nightmode .label.label--subtle{
    color: white;
    background: var(--b4);
    border-color: transparent;}

.nightmode .button.is-disabled, a.button.is-disabled {
    color: #ececec;
	background: #8e0000;}

.nightmode .button.is-disabled:hover, a.button.is-disabled:hover {
    color: #ececec;
	background: #710000 !important;}

.nightmode .dataList-cell.dataList-cell--action.dataList-cell--alt:hover, 
.nightmode .dataList-cell.dataList-cell--link.dataList-cell--alt:hover, 
.nightmode .dataList-cell.dataList-cell--action.dataList-cell--action:hover, 
.nightmode .dataList-cell.dataList-cell--link.dataList-cell--action:hover {
    background: var(--forumlisthvr);}

.menu-row.menu-row--highlighted {
    color: var(--fontclr);
    background: var(--forumlistbg);}

//Option Menu
.nightmode .select2-results>.select2-results__options {
    color: white;
    background: var(--colorSlash3-2) !important;}

.nightmode .select2-results__option.select2-results__option--highlighted {
    background: repeating-linear-gradient(45deg, #20469a, #123788 100px);
    color: white;}

.nightmode .select2 .select2-selection ul>li.select2-selection__choice {
    color: white;
    background: var(--b4) !important;}

.nightmode .tooltip--bookmark .formRow>dt {
    background: transparent;
    border-right: 1px solid #14316b;}

.nightmode .select2 .select2-selection ul .select2-search .select2-search__field {
	color: var(--b4);}

.nightmode .autoCompleteList li.is-selected {
    background: var(--forumlisthvr);
    color: white;}

.nightmode .autoCompleteList{
background: var(--forumlistbg2);
color: white;}

//Breadcrumbs
.p-breadcrumbs {
	flex: 1 1 auto; 
	width: 100%; 
	font-size: 12px;
	border-color: #374166;
	border-radius: 4px;
	overflow: hidden;
	position: relative; 
	z-index: 0;
	color: var(--breadcolor);
    background: var(--breadbg);
	max-height: 40px;}

.p-breadcrumbs>li a::before, .p-breadcrumbs>li a::after {
	border-style: solid;border-width: 0;
	border-right-width: 1px; 
	box-shadow: inset currentColor -1px 0px 0px 0px; 
	content: ''; 
	position: absolute;
	height: 50%;width: 100%;
	right: 0; z-index: -1;
	box-sizing: border-box;
	transform-origin: 100% 50%;
	border-color: var(--breadborder);
    color: var(--breadborder);}

.p-breadcrumbs>li a:hover::before, .p-breadcrumbs>li a:hover::after {
    background: var(--breadhover);}

.nightmode .p-breadcrumbs:hover{
    color: white;}

.p-breadcrumbs::before { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0px; border-radius: inherit; pointer-events: none;  z-index: 2;}
.p-breadcrumbs:before, .p-breadcrumbs:after {content: " ";display: table;}
.p-breadcrumbs>li {margin: 0;  padding-left: 15px; float: left; margin-right: -1.5em;font-size: 13px;}
.p-breadcrumbs>li:after { content: ""; width: 1.28571429em; display: inline-block; text-align: center;}
.p-breadcrumbs>li a {padding: 10px 15px;position: relative;z-index: 1;display:inline-block;overflow: visible;max-width: none;text-decoration: none;color: inherit;margin-left: -15px;}
.p-breadcrumbs>li a::before {top: 0;transform: skewX(35deg);}
.p-breadcrumbs>li a::after {top: 50%;transform: skewX(-35deg);}
.p-breadcrumbs>li:first-child span:before { font-family: 'Font Awesome 5 Pro';font-size: inherit;font-style: normal; font-weight: 700;font-size: 14px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content: "\f015";padding-right: 5px;}
.p-breadcrumbs>li:first-of-type a {font-size: 0;}
.p-breadcrumbs>li:first-of-type a::before, .p-breadcrumbs>li:first-of-type a::after {width: calc(100% + 20px);}
@media (max-width: 480px){.p-breadcrumbs > li:before {content: "";}}


//Breadcrumb near button switch
.breadswitch{ display:flex;     margin-top: 8px;}

.Widescreen, .sidebarsys{
    font-family: 'Font Awesome 5 Pro';font-size: 18px;border-radius: 4px;padding: 0px 2px;border: none;background: transparent;cursor: pointer;	}

.breadswitch .Widescreen,
.breadswitch .sidebarsys{
    background: var(--breadbg);
    margin-bottom: 6px;
    margin-left: 8px;
    padding-left: 6px;
    padding-right: 6px;}

.breadswitch.p-breadcrumbs--bottom .sidebarsys,
.breadswitch.p-breadcrumbs--bottom .Widescreen {
	    display:none;}

.Widescreen:before, .sidebarsys:before{
    padding: 4px 4px; border-radius: 4px; transition: 550ms ease-in-out;box-shadow: 0px 0px 4px rgba(255,255,255,0.1);}

.Widescreen:before{ 
	content: "\f31e";   
	background: rgba(6,6,6,0.3);
    color: #f4f3f3;
    transition: 550ms ease-in-out;}

.Wide-screen .Widescreen:before{ 
	content: "\f78c";    
	background: #1954d7;
    color: #f4f3f3;
    transition: 550ms ease-in-out;}

.sidebarsys:before{ 
	content: "\f1de";    
	background: rgba(6,6,6,0.3);
    color: #f4f3f3;
    transition: 550ms ease-in-out;}

.sidebar-hide .sidebarsys:before{ 
	content: "\f1de";
	background:#19d75c;
    color: #f4f3f3;
    transition: 550ms ease-in-out;}

@media (max-width: 900px){.sidebarsys, .Widescreen, {display:none}}
@media (max-width: 900px){.p-breadcrumbs>li:last-child{padding-left:0px;}}
.sidebar-hide .p-body-sidebarCol {width:1px; }
.sidebar-hide .p-body-sidebar { display:none;  }
.sidebar-hide .p-body-main--withSidebar .p-body-content {padding-right: 0px;}
.Wide-screen .p-body-inner {max-width:1300px; }
.Wide-screen .first-border {max-width:420px;}

// Node color odd & Even & Hover settings
.block-container{
		background: var(--forumlistbg);
		color:var(--fontclr);
		border:1px solid var(--generalborder);}

.block-footer {
	background: var(--footerbg);
	border-top:1px solid var(--footerborder);
	color:var(--fontclr);}

.block-body .node {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	&:hover {
    transform: scale(1.015);
		    background:var(--forumlisthvr);}}

.block-body .node:nth-child(even) .node-body {
    background: var(--forumlistbg2);}

.block-body .node:nth-child(odd) .node-body {
    background: var(--forumlistbg);}

.block-body .node .node-body:hover {
    background: var(--forumlisthvr);}

.structItem.structItem--thread {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	&:hover {
    transform: scale(1.015);
	background:var(--forumlisthvr);}}

.block-body .structItem:nth-child(odd){
    background: var(--forumlistbg);}

.block-body .structItem:nth-child(even){
    background: var(--forumlistbg2);}

.node+.node {
    border-top: 1px solid var(--formlistbrace);}

// Node icon Settings
.node--read .node-icon i:before, .node--category .node-icon i:before {
    content: '\f4aa';
	color: #095a96;}

.node--unread .node-icon i:before {
    opacity: 1;
    color: #6ab8ff;
	content: '\f4aa';}

.node--unread .node-title:after{
	color: #fefefe;
	background: #d64494;
	content: "YENİ";
	border-radius: 2px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	font-size: 11px;
	text-transform: uppercase;
	border-radius: 4px;}

// Nodelist Category Shadow
.block--category {
    position: relative;
    z-index: 1;}

.block--category:before {
    background: var(--forumlistshadow);
    box-shadow: 0 15px 10px var(--forumlistshadow);
	bottom: 15px;
    content: "";
    left: 10px;
    max-width: 300px;
    position: absolute;
    top: 80%;
    transform: rotate(-3deg);
    width: 50%;
    z-index: -1;}

.block--category:after {
    background: var(--forumlistshadow);
    box-shadow: 0 15px 10px var(--forumlistshadow);
    bottom: 15px;
    content: "";
    max-width: 300px;
    position: absolute;
    top: 80%;
    left: auto;
    right: 10px;
    transform: rotate(3deg);    width: 50%;
    z-index: -1;}

/* Node Collapse */
.block--category
{
    .collapseTrigger
    {
        opacity: 0.5;
        transition: opacity 0.3s;
        margin-right: 10px;
        &.is-active:before
        {
            content: "\f205";
            transform: scale(-1, 1);
            margin-right: -8px;
        }
        &:before
        {
            content: "\f205";
            font-size: 80%;
        }
    }
    .block-container:hover .collapseTrigger
    {
        opacity: 1;
    }
}

.collapsible-nodes
{
        .block-header
        {
            display: flex;
        }
        .block-header--left
        {
            margin-right: auto;
            max-width: 100%;
        }
}


//Pagenav
.pageNav-jump {
  display: inline-block;
  background: linear-gradient(0deg, #0498f4, #0498f4);
  color: #f1ecee;}

.pageNav-page {
  display: table-cell;
  background: linear-gradient(0deg, #0498f4, #0498f4);
  color: #f2edef;}

.pageNav-page.pageNav-page--current {
  background: #cc5195;
  color: #f3eef0;
  border: 1px solid #cf4e95;
  cursor: pointer;}

.pageNav-page.pageNav-page--current:hover,
.pageNav-page.pageNav-page--current:active {
  background: #021123;
  color: #f1ecee;
  border: 1px solid #021123;}

.pageNavSimple-el:last-child {
  margin-right: 0;}

.pageNavSimple-el.pageNavSimple-el--current {
  color: #aa6709;
  background: #fff4e5;}

.pageNavSimple-el.pageNavSimple-el--current:hover,
.pageNavSimple-el.pageNavSimple-el--current:active {
  background: #ffeed6;
  text-decoration: none;}

.pageNavSimple-el.pageNavSimple-el--prev,
.pageNavSimple-el.pageNavSimple-el--next {
  background: linear-gradient(0deg, #edf6fd, #fafcfe);
  color: #2577b1;
  min-width: 75px;}

.pageNavSimple-el.pageNavSimple-el--prev:hover,
.pageNavSimple-el.pageNavSimple-el--next:hover,
.pageNavSimple-el.pageNavSimple-el--prev:active,
.pageNavSimple-el.pageNavSimple-el--next:active {
  background: #dfeffb;
  text-decoration: none;}

.pageNavSimple-el.is-disabled {
  border-color: transparent;
  background: none;
  color: #8c8c8c;
  text-decoration: none;
  pointer-events: none;}

.pageNavSimple-el.is-disabled:hover {
  background: none;
  color: #8c8c8c;}

.pageNav-page:hover, .pageNav-page:active {
    background: #15336f;
    text-decoration: none;
    color: #8c8c8c;}

.pageNav-jump:hover, .pageNav-jump:active {
    background: #15336f;
    text-decoration: none;
    color: #8c8c8c;}




//Text Editor & Night Mode & Other
.menu-linkRow.menu-linkRow--alt {
    color: #ffffff !important;
    background: @xf-SpaceXMenuLinkRowFocus;
}


.nightmode .message-cell.message-cell--vote {
    position: relative;
    background: #021123;
    border-left: 0px solid #d8d8d8;
    border-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.message-inner {
    display: flex;
    border: 1px solid var(--generalborder);
	color:var(--fontclr);
}

.nightmode .blockStatus {
    color: #969a9c;
    background: #370101;}

.nightmode .blockStatus-message:before {
    color: #ffb1b1;}

.structItemContainer-group.structItemContainer-group--sticky
{
	    border-bottom: 5px solid var(--footerborder);	
}

.nightmode .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background: var(--formlistbrace);
}

.nightmode .fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,
.nightmode .fr-popup .fr-command.fr-btn.fr-btn-active-popup,
.nightmode .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
    background: var(--forumlistbg2);
}

.nightmode .fr-popup {
    position: absolute;
    color: var(--nightmodebutoncolor);
	background: var(--forumlistbg2); }

.nightmode .fr-popup .fr-input-line input[type="text"],
.nightmode .fr-popup .fr-input-line textarea {
    font-size: 15px;
    color: var(--fontclr);
	background: var(--generalborder);}

.nightmode .fr-popup .fr-input-line input[type="text"]:focus, 
.nightmode .fr-popup .fr-input-line textarea:focus {
    color: var(--fontclr);
	background: var(--generalborder);}
	
.nightmode .fr-command.fr-btn+.fr-dropdown-menu {
    background: #021123;
    color: var(--fontclr);
}

.nightmode .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
    background: #c12e84;
    color: #d4d4d4;
}

.nightmode .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background: var(--footerbg);
}

.nightmode .fr-toolbar .fr-command.fr-btn.fr-active:not(.fr-disabled) {
    color: #47a7eb;
}
.nightmode .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.nightmode .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,
.nightmode .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
    fill: rgba(29,70,99,0.85);
	background: var(--footerborder);}

.nightmode .fr-view>table>thead>tr>td,
.nightmode .fr-view>table>tbody>tr>td {
    background: #021123;
    border: 1px solid #031d3c;
    padding: 3px;
}

.nightmode .fr-box.fr-basic.is-preview,
.nightmode .fr-box.fr-basic.is-preview .fr-toolbar .fr-btn-grp.rte-tab--preview {
    background: var(--forumlisthvr);
    border-color: var(--footerborder);
}

.nightmode .fr-view>table>thead>tr>th, .fr-view>table>tbody>tr>th {
	background: var(--footerbg); 
	border:1px solid var(--generalborder);
}

.nightmode .fr-popup .fr-buttons.fr-tabs {

    background-color: var(--colorSlash2-1);
}

.nightmode .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.nightmode .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.nightmode .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.nightmode .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.nightmode .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.nightmode .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
    background: #392f6d;
}


.special-colorize-border {
    border: 0;
    height: 0.20rem;
    margin-top: -1px;
    display: block;
    background-image: -webkit-linear-gradient(0deg, transparent, var(--b1), var(--b2), var(--b3), var(--b4), var(--b5), transparent);
    clear: both;

}

.special-colorize-border-sign {
    border: 0;
    height: 1px;
    margin-top: 10px;
    display: block;
    background-image: -webkit-linear-gradient(0deg, transparent, #013aa2, rgba(158,166,255,15%), #013aa2, rgba(158,166,255,15%), #013aa2, transparent);
    clear: both;
	opacity: .3;
}


.p-title-value {
  color: var(--fontclr);
}
.block--messages .message {
  color: var(--fontclr);
}
.block--messages .block-row {
  color: var(--fontclr);
}

.nightmode .listInline {
  color: var(--fontclr);
}
.nightmode .node-extra-placeholder {
  color: var(--fontclr);
}
.nightmode .node-body .node-stats dd {
  color: var(--fontclr);
}
.nightmode .siropuChatMessageText {
  color: #ccc8c8;
}
.nightmode #siropuChatTabs a.siropuChatActiveTab {
  color: #c3c3c3;
}
.nightmode .siropuChatUsers {
  border-left: 1px solid #122e64;
}
.nightmode #siropuChatTabs {
  border-bottom: 1px solid #122e64;
}
.nightmode #siropuChatEditor .fr-toolbar {
  border-top: 1px solid #122e64;
}
.nightmode .siropuChatDateTime {
  color: #e6e1e1;
  background: #d44694;
}
.nightmode .contentRow-fader {
  background: linear-gradient(to bottom, rgba(30, 65, 143, 0.31) 0%, #021123 80%);
}

.node-icon {
  padding: 10px 0 10px 0;
}
@media (max-width: 650px) {
  .message:not(.message--forceColumns) .message-userArrow {
    bottom: -11px;
  }
  .nightmode .message:not(.message--forceColumns) .message-cell.message-cell--user {
    border-color: #06265f;
  }
  .nightmode .message:not(.message--forceColumns) .message-userArrow:after {
    border-bottom-color: #06265f;
  }
  .message:not(.message--forceColumns) .message-cell.message-cell--user {
    border-color: #dcdcdc;
  }
  .message:not(.message--forceColumns) .message-userArrow:after {
    border-bottom-color: #dcdcdc;
  }
}
.nightmode .bbCodeBlock-title {
  background: linear-gradient(to right, #21479d, #011327);
  color: #cc5195;
}
.nightmode .bbCodeBlock {
  background: #021123;
  border-left: 3px solid #d14a94;
  border: 1px solid #021123;
  margin: 0.5em 0;
}
.nightmode .bbCodeBlock-expandLink {
  background: linear-gradient(to bottom, rgba(30, 65, 143, 0.31) 0%, #021123 80%);
}
.nightmode .bbCodeBlock-expandLink a {
  color: #d14a94;
}
.nightmode .message-cell.message-cell--solutionHeader {
    background: #0ca000;
    color: #eaeaea;
}

.nightmode .message-inner + .message-inner {
  border-top: 1px solid #021123;
}
.nightmode .message--solution .message-cell.message-cell--vote {
  background: #011b37;
}
.nightmode .message-cell.message-cell--vote {
  border-color: #052656;
}
.message-cell.message-cell--vote {
  border-color: #d8d8d8;
}
.nightmode .actionBar-action.actionBar-action--view {
  background: #0498f4;
  border-color: #0498f4 #0498f4 #0498f4 #0498f4;
  color: #e8eaea;
}
.nightmode .actionBar-action.actionBar-action--view:hover {
  background: #d34995;
  border-color: #d34995 #d34995 #d34995 #d34995;
}
.nightmode .block-tabHeader {
  border-bottom: 1px solid #011b37;
}
.nightmode .message-articleUserInfo {
  border-color: #052656;
}
.message-articleUserInfo {
  border-color: #d8d8d8;
}
.nightmode .formRow + .formRow.formRow--fullWidth {
  border-top: 1px solid #21479c;
}
.nightmode .reactionsBar {
  background: linear-gradient(to right, #21479d, #011327);
  border-left: 2px solid #0498f4;
  border: 1px solid #021123;
}
.nightmode .fr-box.fr-basic {
  background: var(--pagebg);
  border: solid 1px var(--pagebg);
}
.nightmode .input:focus,
.nightmode .input.is-focused,
.nightmode .inputGroup:focus-within,
.nightmode #XF .fr-box.fr-basic.is-focused,
.nightmode .codeEditor.CodeMirror.CodeMirror-focused {
  --input-border-heavy: var(--pagebg);
  --input-border-light: var(--pagebg);
}
.nightmode .fr-box.fr-basic.is-focused .fr-toolbar.fr-top {
  background: linear-gradient(180deg, #010c19, #02182f) !important;
}
.nightmode .fr-box.fr-basic.is-focused .fr-element {
  background: linear-gradient(180deg, #010c19, #02182f) !important;
}
.nightmode .fr-box.fr-basic .fr-element {
  background: #011b37;
  color: var(--fontclr);
}
.nightmode .fr-box.fr-basic.is-focused .fr-element {
  background: #011b37;
  color: var(--fontclr);
}
.nightmode .fr-toolbar .fr-command.fr-btn {
  color: #0399f5;
}
.fr-popup .fr-command.fr-btn {
  color: #0399f5;
}
.fr-modal .fr-command.fr-btn {
  color: #0399f5;
}
.nightmode .fr-toolbar .fr-btn-grp {
  border-color: var(--generalborder);
}
.nightmode .fr-toolbar .fr-more-toolbar {
  background-color: #3a419a;
}
.nightmode .input {
  background: #021123;
  border-bottom-color: #21469b;
  border-right-color: #1f4598;
  border-top-color: #21479c;
  border: 1px solid #21469c;
  color: #c1bfbf;
  font-size: 15px;
}
.nightmode [data-template="forum_view"] .inputTypes {
  border-bottom: solid 1px #20469b;
}
.nightmode [data-template="forum_view"] .inputTypes-input:checked + .inputTypes-display {
  border-bottom-color: #0498f4;
}
.nightmode [data-template="forum_view"] .inputTypes-input:checked + .inputTypes-display {
  background: linear-gradient(180deg, #0498f4, #0498f4);
  border-color: #0498f4;
  color: #f2edef;
}
.inputTypes-display:hover {
  background: linear-gradient(180deg, #0498f4, #0498f4);
  border-color: #0498f4;
  color: #f2edef;
}
.nightmode [data-template="forum_view"] .block-rowMessage.block-rowMessage--important {
  color: #f2eef0;
  background: #0498f4;
  border-left: 3px solid #cc5195;
}
.nightmode [data-template="forum_view"] .block-rowMessage.block-rowMessage--important a {
  color: #f3eef0;
}
.nightmode .bbTable > table > thead > tr > th {
  background: linear-gradient(to right, #21479d, #011327);
  border-bottom-color: #02172f;
  border: 1px solid #02172f;
}
.nightmode .bbTable > table > tbody > tr > th {
  background: linear-gradient(to right, #21479d, #011327);
  border-bottom-color: #02172f;
  border: 1px solid #02172f;
}
.nightmode .bbTable > table > thead > tr > td {
  background: #061c4c;
  border: 1px solid #001023;
}
.nightmode .bbTable > table > tbody > tr > td {
  background: #061c4c;
  border: 1px solid #001023;
}
.nightmode .formRow.formRow--fullWidth + .formRow {
  border-top: 1px solid #21479c;
}
.nightmode .formRow > dt {
  background: #02172f;
  border-color: #21469c;
  border-right: 1px solid #21479c;
  padding: 15px 10px 15px 10px;
  text-align: left;
  width: 33%;
}
.nightmode [data-template="thread_view"] .formRow > dt {
  text-align: left;
}
.nightmode [data-template="thread_view"] .formRow.formRow--fullWidth + .formRow {
  border-top: 1px solid #0e2857;
}
.nightmode [data-template="thread_view"] .formRow + .formRow.formRow--fullWidth {
  border-top: 1px solid #0e2857;
}
.nightmode [data-template="thread_view"] .formRow.formRow--fullWidth + * > .formRow:first-of-type {
  border-top: 1px solid #0e2857;
}
.nightmode [data-template="thread_view"] .formRow + * > .formRow.formRow--fullWidth:first-of-type {
  border-top: 1px solid #0e2857;
}
.nightmode .formSubmitRow-bar {
  background: linear-gradient(to right, #21479d, #011327);
  border-top: 1px solid #21469c;
}
.nightmode .tooltip--preview .tooltip-content {
  border: 1px solid #021225;
  color: #949090;
}
.nightmode .tooltip--preview .tooltip-content-inner .tooltip-content-cover {
  background: linear-gradient(to bottom, rgba(254, 254, 254, 0) 160px, #1e4292 200px);
}
.nightmode .tooltip--preview.tooltip--bottom .tooltip-arrow {
  border-bottom-color: #1c408d;
}
.nightmode .tooltip--preview.tooltip--bottom .tooltip-arrow:after {
  border-bottom-color: #1c408d;
}
.nightmode .tooltip--preview.tooltip--top .tooltip-arrow {
  border-top-color: #1c408d;
}
.nightmode .tooltip--preview.tooltip--top .tooltip-arrow:after {
  border-top-color: #1c408d;
}
.nightmode .tooltip--reaction .tooltip-content {
  border: 1px solid #0c2551;
}
.nightmode .memberTooltip-header {
  background: #02172f;
  border-bottom: 1px solid #052656;
}
.nightmode .tooltip--bookmark .tooltip-content {
  background: linear-gradient(to right, #21479d, #011327);
  border: 1px solid #052656;
  color: #e2dede;
}
.nightmode .tooltip--member .tooltip-content {
  background: linear-gradient(to right, #21479d, #011327);
  border: 1px solid #052656;
  color: #e2dede;
}
.nightmode .tooltip--share .tooltip-content {
  background: linear-gradient(to right, #21479d, #011327);
  border: 1px solid #052656;
  color: #e2dede;
}
.nightmode .memberTooltip dl {
  color: #ccc9c9;
}
.nightmode .tooltip--member.tooltip--bottom .tooltip-arrow {
  border-bottom-color: #02142a;
}
.nightmode .tooltip--member.tooltip--top .tooltip-arrow {
  border-top-color: #122e64;
}
.nightmode .tooltip--member.tooltip--top .tooltip-arrow:after {
  border-top-color: #15336f;
}
.nightmode .tooltip--member.tooltip--bottom .tooltip-arrow:after {
  border-bottom-color: #15336f;
}
.nightmode .memberTooltip-separator {
  border-top: 1px solid #021123;
}
.nightmode .block-row.block-row--separated + .block-row {
  border-top: 1px solid #112d63;
}
.nightmode .overlay {
  background: #021123;
}
.nightmode .formInfoRow + .formRow {
  border-top: 1px solid #21469c;
}
.nightmode .memberHeader-main {
  background: linear-gradient(to right, #21479d, #011327);
  border-bottom: 1px solid #135994;
}
.nightmode .memberHeader-separator {
  border-top: 1px solid #135994;
}
.block-tabHeader {
  background: linear-gradient(to right, #21479d, #011327);
  border-bottom: 1px solid #d8d8d8;
}
[data-template="member_view"] .block-tabHeader .tabs-tab.is-active {
  border-color: #a74079;
}
[data-template="member_view"] .block-tabHeader .tabs-tab {
  border-bottom: none;
  border-top: 3px solid transparent;
}
.nightmode [data-template="member_view"] .message-responseRow {
  background: linear-gradient(to right, #21479d, #011327);
  border: 1px solid #021123;
}
.nightmode .block-body + .block-minorHeader {
  border-top: 1px solid #021123;
}
.nightmode .formRowSep {
  border-top: 1px solid #021123;
}
.nightmode .block-formSectionHeader {
  border-bottom: 1px solid #21469c;
  border-top: 1px solid #21469c;
}
.nightmode meter.meterBar {
  background-color: #021123;
}
.nightmode .inputGroup.inputGroup--joined .inputGroup-text {
  background: var(--footerborder);
  border-bottom-color:var(--footerborder);
  border-left-color: var(--footerborder);
  border-right-color: var(--footerborder);
  border-top-color: var(--footerborder);
  border: 1px solid var(--footerborder);
  color: #ffffff;
  padding: 3px 6px;
  text-align: center;
}

.inputGroup.inputGroup--joined .input + .inputGroup-text {
  border-left: 1px solid var(--footerborder);
}
.inputGroup.inputGroup--joined .input + .input {
  border-left: 1px solid var(--footerborder);
}
.inputGroup.inputGroup--joined .inputGroup-text + .input {
  border-left: 1px solid var(--footerborder);
}
.nightmode [data-template="error"] .blockMessage {
  background: #9e0a26;
  color: #eaeaea;
}

.nightmode .lSSlideOuter .lSPager.lSpg > li a {
  background-color: #0498f4;
}
.nightmode [data-template="whats_new"] .message-responseRow {
  background: linear-gradient(to right, #21479d, #011327);
  border: 1px solid #021123;
}
.nightmode [data-template="whats_new_posts"] .message-responseRow {
  background: linear-gradient(to right, #21479d, #011327);
  border: 1px solid #021123;
}
.nightmode [data-template="whats_new_profile_posts"] .message-responseRow {
  background: linear-gradient(to right, #21479d, #011327);
  border: 1px solid #021123;
}
.nightmode [data-template="news_feed"] .message-responseRow {
  background: linear-gradient(to right, #21479d, #011327);
  border: 1px solid #021123;
}
.nightmode [data-template="whats_new"] .message + .message,
.message.message--bordered,
.nightmode [data-template="whats_new_posts"] .message + .message,
.message.message--bordered,
.nightmode [data-template="whats_new_profile_posts"] .message + .message,
.message.message--bordered,
.nightmode [data-template="news_feed"] .message + .message,
.message.message--bordered {
  border-top: 1px solid #112c60;
}
.nightmode [data-template="latest_activity"] .block-row.block-row--separated + .block-row {
  border-top: 1px solid #0d2754;
}
.nightmode [data-template="approval_queue"] .message-cell.message-cell--extra {
  border-left: solid;
  border-color: #0553aa;
  background: #021123;
}
.nightmode [data-template="approval_queue"] .block-filterBar.block-filterBar--standalone {
  border: 1px solid #021123;
}
.nightmode [data-template="approval_queue"] .formSubmitRow.formSubmitRow--standalone .formSubmitRow-bar {
  border: 1px solid #021123;
}
.nightmode [data-template="approval_queue"] .messageNotice.messageNotice--highlighted {
  background: linear-gradient(to right, #21479d, #011327);
  border-left-color: #d44694;
  color: #d4d3d3;
}
.nightmode [data-template="approval_queue"] .messageNotice {
  color: #d8d6d3;
  background: #d44694;
  font-size: 12px;
  border-left: 2px solid #0553aa;
}

.xgt-ForumIstatistik-Govde .istatistik-blogu .istatikKonu-TabHeader .is-active {
    background-color: #2149a0;
    border-bottom: solid 0px transparent;
}

.xgt-ForumIstatistik-Govde .MiniHeader {
    background: linear-gradient(to right, #092e61, #183f8a);
    color: #bcdef5;
}
.xgt-SabitKonular .sabit-konu--header,
.xgt-SabitKonular .sabit-konu--footer{
    color: #bcdef5;
    background: #0c2652;
    padding: 5px 10px;
}
.nightmode .xgt-ForumIstatistik-Govde .istatistik-blogu {
  background: var(--pagebg);
}
.nightmode .xgt-ForumIstatistik-Govde .xgtIstatistikListe .xgtIstatistikVerileri:nth-child(n) {
  background-color: var(--forumlistbg);
}
.nightmode .xgt-ForumIstatistik-Govde .xgtIstatistikListe .xgtIstatistikVerileri:nth-child(2n) {
  background-color: var(--forumlistbg2);
}
.nightmode .xgt-ForumIstatistik-Govde .xgtIstatistikListe .xgtIstatistikVerileri a {
  color: var(--fontclr);
}
.nightmode .xgt-ForumIstatistik-Govde .xgtIstatistikListe .xgtIstatistikVerileri {
  border-bottom: solid 1px var(--formlistbrace);
}
.nightmode .xgt-ForumIstatistik-Govde .xgtIstatistikListe .xgtIstatistikVerileri .IstatistikForum {
  border-left: solid 1px var(--formlistbrace);
  width: 100px;
}
.nightmode .xgt-ForumIstatistik-Govde .xgtIstatistikListe .xgtIstatistikVerileri .IstatistikCevap {
  border-left: solid 1px var(--formlistbrace);
}
.nightmode .xgt-ForumIstatistik-Govde .xgtIstatistikListe .xgtIstatistikVerileri .IstatistikGoruntuleme {
  border-left: solid 1px var(--formlistbrace);
  border-right: solid 1px var(--formlistbrace);
}
.nightmode .xgt-ForumIstatistik-Govde .xgtIstatistikListe .xgtIstatistikVerileri .IstatistikZaman {
  border-right: solid 1px var(--formlistbrace);
}
.nightmode [data-template="member_notable"] .memberOverviewBlock-seeMore {
  border: 1px solid #021123;
  background: linear-gradient(to right, #21479d, #011327);
}
.nightmode .blockLink.is-selected {
  background: #0498f4;
  border-left: 3px solid #47a7eb;
  color: #e6e6e6;
  font-weight: 700;
  padding-left: 7px;
}
.nightmode .blockLink:hover {
  background: #0498f4;
  color: #e6e6e6;
}
.nightmode .menu-content {
  background: #011934;
  color: #abaaaa;
}
.nightmode .menu-header {
  background: linear-gradient(to right, #21479d, #011327);
  border-bottom: 1px solid #173d85;
  color: #d5d5d6;
}
.menu-tabHeader {
  border-bottom: 1px solid #011934;
}
.nightmode .menu-footer {
  background: linear-gradient(to right, #21479d, #011327);
  border-top: 1px solid #011934;
}
.nightmode .menu-row.menu-row--alt {
  background: #011934;
  color: #cac6c6;
}
.nightmode .menu-linkRow {
  border-left: 3px solid transparent;
  color: #a9a6a6;
  display: block;
  padding: 6px 15px 6px 12px;
  text-decoration: none;
}
.nightmode .menu-linkRow.is-selected {
  background: @xf-SpaceXMenuLinkRowFocus;
  color: #ffffff;
}
.menu-linkRow:hover {
  background: @xf-SpaceXMenuLinkRowFocus;
  color: #ffffff;
}
.menu-linkRow:focus {
  background: @xf-SpaceXMenuLinkRowFocus;
  color: #ffffff;
}
.nightmode .menu-separator {
  border-top: 1px solid #163574;
}
.nightmode .menu-row + .menu-scroller {
  border-top: 1px solid #011934;
}
.nightmode .menu-row.menu-row--separated + .menu-row {
  border-top: 1px solid #011934;
}
.nightmode .fr-popup.fr-desktop.fr-ltr.fr-active button {
  background-image: #011022;
}
.button.button--link,
a.button.button--link {
  background: #0651a9;
  color: #f0eaed;
  border-color: transparent;
}

.nightmode .fr-toolbar .fr-command.fr-btn.fr-disabled, 
.nightmode .fr-popup .fr-command.fr-btn.fr-disabled, 
.nightmode .fr-modal .fr-command.fr-btn.fr-disabled {
    color: #214265 !important;}
	.button.button--link:hover,
a.button.button--link:hover,
.button.button--link:active,
a.button.button--link:active,
.button.button--link:focus,
a.button.button--link:focus {
  text-decoration: none;
  background: #cd4f95;
}
.button.button--scroll {
  background: #0498f4;
  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.25);
  padding: 5px 8px;
}
a.button.button--scroll {
  background: #0498f4;
  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.25);
  padding: 5px 8px;
}
.button--scroll i.fa-arrow-up {
  animation-direction: alternate;
  animation-duration: .3s;
  animation-iteration-count: 8;
  animation-name: up-buton-effect;
}
@keyframes up-buton-effect {
  from {
    top: 0px;
  }
  to {
    top: 7px;
  }
}

.message-articleUserInfo {
    background: var(--forumlistbg);
    border-top: solid;
	border-color:white;
}

.nightmode .tabs--standalone {
    color: #b7bcbf;
    background: #f5f5f5;
    background: linear-gradient(to right, #21479d, #011327);
    font-size: 0;
}

.structItem.structItem--note {
    color: #141414;
    background: #092044;
    color: #47a7eb;
}

.nightmode .menu-row.menu-row--clickable:hover {
    background: #01244b;
}

.nightmode .alert.is-unread {
    color: #4c88f9;
    background: #012349;
}
.nightmode .message-expandLink {
    background: linear-gradient(to bottom, rgba(254,254,254,0) 0%, #03162f 70%);
}


.nightmode .approvalQueue .block-container.approvalQueue-item--approve .message,
.nightmode .approvalQueue .block-container.approvalQueue-item--approve .message-cell--user {
     background: rgba(1,27,0,17%);
    border: 1px solid rgba(0,173,29,20%);
}
.nightmode .approvalQueue .block-container.approvalQueue-item--delete .message-cell--user, 
.nightmode .approvalQueue .block-container.approvalQueue-item--delete .message-cell--main {
   background: rgba(206,3,3,0.05);
    opacity: 1;
	border: 1px solid rgba(255,0,0,20%);}



//Resource Manager
.nightmode .ratingStars-star.ratingStars-star--full:before {
    color: #004eff;}

.nightmode .ratingStars-star:before {
    color: #1e4291;}

.nightmode .ribbon.ribbon--featured span::before,
.nightmode .ribbon.ribbon--featured span::after {
    border: 3px solid #9500a7;}

.nightmode .ribbon.ribbon--featured span {
    background: linear-gradient(to bottom, #fc0a46 0%, #e631ab 100%);
    box-shadow: 0 3px 10px -5px #e404e8;}

.nightmode .resourceBody-sidebar {
    color: var(--fontclr);
	background: var(--forumlistbg2);}

.nightmode .block-rowMessage.block-rowMessage--error, 
.nightmode .block-rowMessage--error.block-rowMessage--iconic:before {
	background: #fb0e43;
    color: #dbdbdb;}

.nightmode .productList-product-grid {
	border: 1px solid var(--generalborder);}

.nightmode .productList-product-grid.node .productList-product-grid--updateInfo {
    color: var(--fontclr);
    background: var(--footerbg);}

.nightmode .rating-circle:after {
	background-color: #27155d;}

.nightmode .rating-circle {
	background-color: var(--forumlistshadow);}

.nightmode .avatar.avatar--productIconDefault {
    color: var(--b3) !important;
	background: var(--forumlistbg) !important;}

.nightmode .label.label--accent {
    color: var(--forumlistshadow);
	background: var(--forumlistbg2);
	border: 0;}

.bbCodeInline {
	background: var(--forumlistbg);}

.fancybox-container {
    z-index: 1000;}

.nightmode .avatar.avatar--resourceIconDefault {
    color: var(--b5) !important;
    background: var(--breadbg) !important;}


//Preferences Logout Button
.block-containerlogout {
    list-style: none;
    margin: 0;
    padding: 0;
    background: linear-gradient(to right, #21479d, #011327);
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
	color:#cecece;
	
}
.block-containerlogout a{color:#cecece;}
.block-containerlogout .blockLink:hover {
    background: #01629e5e;
    color: #e6e6e6;
}


//Visitor menu logout button settings

.menu-linkRowlogout {
    border-left: 0px;
    color: #333333;
    display: block;
    padding: 6px 15px 6px 12px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    background: whitesmoke;
	&:hover {
	color:#a7a4a4;
	text-decoration:none;}
}


.nightmode .menu-linkRowlogout {
    border-left: 0px;
    color: #a9a6a6;
    display: block;
    padding: 6px 15px 6px 12px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    background: linear-gradient(to right, #21479d, #011327);
	&:hover {
	color:white;}
}



//Notice icon settings
.notices--floating .notice-content:before,
.u-bottomFixer .notice-content:before{background:none}
.notice-content {text-align:center}
.notice-content:before {
    content: "";
    background: url(styles/spacex/announce.png);
    width: 112px;
    height: 94px;
    background-repeat: no-repeat;
    position: absolute;
    top: 8px;
    left: 20px;
    animation: 3s ease 0s normal forwards 1 noticeiconfx;
    animation-iteration-count: infinite;
}

@keyframes noticeiconfx {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}

@media (max-width: 900px) {.notice-content:before {display:none  }}

.notice.notice--primary {
    color: #f3f3f3;
    background: #edf6fd;
    background: linear-gradient(to right, rgba(33, 71, 157, 0.8), #011327);}

//Transition Effects
.XenHosgeldinBox, .XenAltSatir, .p-breadcrumbs ,.breadswitch .Widescreen, 
.breadswitch .sidebarsys, .p-staffBar, .block-container, .nightmode .block-container, .node-body, 
 .p-body-sidebarCol, .block--messages .message-inner:last-of-type 
.message-cell:first-child,.block--messages .message, .block--messages .block-row,
.p-body-inner, .p-body-sidebar,.structItemContainer, .structItem--thread,.first-border,
.structItem--thread a,.announcebutton,.announce_up a
{transition: 150ms ease-in-out !important;}

//Button hover effect times
.button, a.button {
    transition: all 0.5s;}

//Taglist
.tagList {display:none;}

// Hide Scrolling Header Settings
#hideheader {
    transition: all .2s;
    z-index: 1000;
}
.hide-active {
    transform: translateY(-72px);
}]]></template>
    <template title="SpaceXThemeColor.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[:root {
	--colorSlashA: @xf-Spacexslash1b;
    --colorSlash1-2: @xf-Spacexslash1t;
    --colorSlash2-1: @xf-Spacexslash2b;
    --colorSlash2-2: @xf-Spacexslash2t;
    --colorSlash3-1: @xf-Spacexslash3b;
    --colorSlash3-2: @xf-Spacexslash3t;
    --b1: @xf-SpacexBorder1;
    --b2: @xf-SpacexBorder2;
    --b3: @xf-SpacexBorder3;
    --b4: @xf-SpacexBorder4;
    --b5: @xf-SpacexBorder5;
	--forumlistbg2:@xf-DaySpacexFrmBGodd;
	--forumlistbg: @xf-DaySpacexFrmBGeven;
	--forumlisthvr:@xf-DaySpacexFrmHover;
	--formlistbrace:@xf-DaySpacexFrmBracer;
	--forumlistshadow:@xf-DaySpacexFrmShadow;
	--fontclr:@xf-DaySpacexGeneralFontColor;
	--footerborder: @xf-DaySpacexBlockfooterborder;
	--footerbg:@xf-DaySpacexBlockfooterbg;
	--breadbg:@xf-DaySpacexBlockBreadbg;
	--breadcolor:@xf-DaySpacexBlockBreadFontclr;
	--breadborder:@xf-DaySpacexBlockBreadArrow;
	--breadhover:@xf-DaySpacexBlockBreadHover;
	--pagebgsize:cover;
	--pagebgimg:@xf-DaySpacexPageBGimg;
	--announcebg:@xf-DaySpacexannouncebg;
	--nightmodebuton: @xf-DaySpacexnightmodebuton;
	--nightmodebutoncolor:@xf-DaySpacexnightmodebutoncolor;


}



.nightmode:root {
	

    --colorSlashA: @xf-Spacexslash1b;
    --colorSlash1-2: @xf-Spacexslash1t;
    --colorSlash2-1: @xf-Spacexslash2b;
    --colorSlash2-2: @xf-Spacexslash2t;
    --colorSlash3-1: @xf-Spacexslash3b;
    --colorSlash3-2: @xf-Spacexslash3t;
    --b1: @xf-SpacexBorder1;
    --b2: @xf-SpacexBorder2;
    --b3: @xf-SpacexBorder3;
    --b4: @xf-SpacexBorder4;
    --b5: @xf-SpacexBorder5;
	--generalborder:@xf-NightSpacexFrmGeneralBorder;
	--forumlistbg2:@xf-NightSpacexFrmBGodd;
	--forumlistbg:@xf-NightSpacexFrmBGeven;
	--forumlisthvr:@xf-NightSpacexFrmHover;
	--formlistbrace:@xf-NightSpacexFrmBracer;
	--forumlistshadow:@xf-NightSpacexFrmShadow;
	--fontclr:@xf-NightSpacexGeneralFontColor;
	--breadbg:@xf-NightSpacexBlockBreadbg;
	--breadcolor:@xf-NightSpacexBlockBreadFontclr;
	--breadborder:@xf-NightSpacexBlockBreadArrow;
	--breadhover:@xf-NightSpacexBlockBreadHover;
	--footerbg: @xf-NightSpacexBlockfooterbg;
	--footerborder: @xf-NightSpacexBlockfooterborder;
	--pagebg:@xf-NightSpacexPageBG;
	--pagebgsize:auto;
	--pagebgimg:@xf-NightSpacexPageBGimg;
	--announcebg:@xf-NightSpacexannouncebg;
	--nightmodebuton:@xf-NightSpacexnightmodebuton;
	--nightmodebutoncolor:@xf-NightSpacexnightmodebutoncolor;
}]]></template>
    <template title="account_bookmarks" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:title>{{ phrase('bookmarks') }}</xf:title>

<xf:wrap template="account_wrapper" />

<div class="block">
	<div class="block-container">
		<div class="block-filterBar">
			<div class="filterBar">
				<xf:if contentcheck="true">
					<ul class="filterBar-filters">
						<xf:contentcheck>
							<xf:if is="$label">
								<li><a href="{{ link('account/bookmarks') }}"
									class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
									<span class="filterBar-filterToggle-label">{{ phrase('label:') }}</span>
									{$label}</a></li>
							</xf:if>
						</xf:contentcheck>
					</ul>
				</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">
					<div class="menu-content">
						<h4 class="menu-header">{{ phrase('filter_by_label:') }}</h4>
						<xf:form action="{{ link('account/bookmarks') }}">
							<div class="menu-row menu-row--separated">
								<xf:macro template="bookmark_macros" name="filter"
									arg-name="label"
									arg-label="{$label}"
									arg-allLabels="{$allLabels}"
									arg-placeholder="" />
							</div>
							<div class="menu-footer">
								<span class="menu-footer-controls">
									<xf:button type="submit" class="button--primary">{{ phrase('filter') }}</xf:button>
								</span>
							</div>
						</xf:form>
					</div>
				</div>
			</div>
		</div>
		<span class="special-colorize-border"></span>

		
		<div class="block-body">
			<xf:if is="$bookmarks is not empty">
				<ol class="listPlain">
					<xf:foreach loop="$bookmarks" value="$bookmark">
						<li class="block-row block-row--separated">
							<xf:macro template="bookmark_macros" name="row" arg-bookmark="{$bookmark}" arg-content="{$bookmark.Content}" />
						</li>
					</xf:foreach>
				</ol>
			<xf:else />
				<xf:if is="$label">
					<div class="block-row">{{ phrase('no_items_matched_your_filter') }}</div>
				<xf:else />
					<div class="block-row">{{ phrase('you_have_not_added_any_bookmarks_yet') }}</div>
				</xf:if>
			</xf:if>
		</div>
	</div>

	<xf:pagenav link="account/bookmarks" params="{{ {'label': $label, 'difference': $paginationDifference} }}" page="{$page}" perpage="{$perPage}" total="{$totalBookmarks}"
		wrapperclass="block-outer block-outer--after" />
</div>]]></template>
    <template title="account_visitor_menu" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:set var="$accountHtml">
	<span class="special-colorize-border"></span>
	<div class="menu-row menu-row--alt">
		<xf:macro name="visitor_panel_row" />
	</div>

	<xf:macro name="visitor_panel_row">
		<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">
				<h3 class="contentRow-header"><xf:username user="$xf.visitor" rich="true" notooltip="true" /></h3>
				<div class="contentRow-lesser">
					<xf:usertitle user="$xf.visitor" />
				</div>

				<div class="contentRow-minor">
					<!--[XF:stats_pairs:above_messages]-->
					<dl class="pairs pairs--justified fauxBlockLink">
						<dt>{{ phrase('messages') }}</dt>
						<dd>
							<a href="{{ link('search/member', null, {'user_id': $xf.visitor.user_id}) }}" class="fauxBlockLink-linkRow u-concealed">
								{$xf.visitor.message_count|number}
							</a>
						</dd>
					</dl>
					<!--[XF:stats_pairs:above_reactions]-->
					<dl class="pairs pairs--justified fauxBlockLink">
						<dt>{{ phrase('reaction_score') }}</dt>
						<dd>
							<a href="{{ link('account/reactions') }}" class="fauxBlockLink-linkRow u-concealed">
								{$xf.visitor.reaction_score|number}
							</a>
						</dd>
					</dl>
					<!--[XF:stats_pairs:above_points]-->
					<xf:if is="$xf.options.enableTrophies">
						<dl class="pairs pairs--justified fauxBlockLink">
							<dt>{{ phrase('trophy_points') }}</dt>
							<dd>
								<a href="{{ link('members/trophies', $xf.visitor) }}" data-xf-click="overlay" class="fauxBlockLink-linkRow u-concealed">
									{$xf.visitor.trophy_points|number}
								</a>
							</dd>
						</dl>
					</xf:if>
				</div>
			</div>
		</div>
	</xf:macro>

	<!--[XF:menu_separator:below_visitor_panel]-->
	<hr class="menu-separator menu-separator--hard" />

	<ul class="listPlain listColumns listColumns--narrow listColumns--together">
		<!--[XF:content_links:top]-->
		<xf:if is="$xf.options.enableNewsFeed">
			<li><a href="{{ link('whats-new/news-feed') }}" class="menu-linkRow">{{ phrase('news_feed') }}</a></li>
		</xf:if>
		<li><a href="{{ link('search/member', null, {'user_id': $xf.visitor.user_id}) }}" class="menu-linkRow">
			{{ phrase('your_content') }}</a></li>
		<li><a href="{{ link('account/reactions') }}" class="menu-linkRow">{{ phrase('reactions_received') }}</a></li>
		<!--[XF:content_links:bottom]-->
	</ul>

	<!--[XF:menu_separator:below_content_links]-->
	<hr class="menu-separator" />

	<ul class="listPlain listColumns listColumns--narrow listColumns--together">
		<!--[XF:account_links:top]-->
		<li><a href="{{ link('account/account-details') }}" class="menu-linkRow">{{ phrase('account_details') }}</a></li>
		<li><a href="{{ link('account/security') }}" class="menu-linkRow">{{ phrase('password_and_security') }}</a></li>
		<li><a href="{{ link('account/privacy') }}" class="menu-linkRow">{{ phrase('privacy') }}</a></li>
		<li><a href="{{ link('account/preferences') }}" class="menu-linkRow">{{ phrase('preferences') }}</a></li>
		<xf:if is="$xf.visitor.canEditSignature()">
			<li><a href="{{ link('account/signature') }}" class="menu-linkRow">{{ phrase('signature') }}</a></li>
		</xf:if>
		<xf:if is="$xf.app.userUpgradeCount">
			<li><a href="{{ link('account/upgrades') }}" class="menu-linkRow">{{ phrase('account_upgrades') }}</a></li>
		</xf:if>
		<xf:if is="$xf.app.connectedAccountCount">
			<li><a href="{{ link('account/connected-accounts') }}" class="menu-linkRow">{{ phrase('connected_accounts') }}</a></li>
		</xf:if>
		<li><a href="{{ link('account/following') }}" class="menu-linkRow">{{ phrase('following') }}</a></li>
		<li><a href="{{ link('account/ignored') }}" class="menu-linkRow">{{ phrase('ignoring') }}</a></li>
		<!--[XF:account_links:bottom]-->
	</ul>

	<!--[XF:menu_separator:below_account_links]-->
	<hr class="menu-separator" />

	<a href="{{ link('logout', null, {'t': csrf_token()}) }}" class="menu-linkRowlogout">{{ phrase('log_out') }}
	
</a>

	<xf:if is="$xf.visitor.canPostOnProfile()">
		<xf:form action="{{ link('members/post', $xf.visitor) }}" ajax="true"
			data-redirect="off"
			data-reset-complete="true"
			data-no-auto-focus="true"
			class="menu-footer">

			<span class="u-srOnly" id="ctrl_message">{{ phrase('update_your_status:') }}</span>
			<xf:textarea name="message" rows="1" autosize="true"
				maxlength="{$xf.options.profilePostMaxLength}"
				placeholder="{{ phrase('update_your_status...') }}"
				data-xf-init="focus-trigger user-mentioner emoji-completer" data-display="< :next" aria-labelledby="ctrl_message" />
			<div class="u-hidden u-hidden--transition u-inputSpacer">
				<xf:button type="submit" class="button--primary" icon="reply">{{ phrase('post_verb') }}</xf:button>
			</div>
		</xf:form>
	</xf:if>
</xf:set>

<xf:if is="$hasTabs">
	<ul class="tabPanes">
		<li class="is-active" role="tabpanel" id="{{ unique_id('accountMenu') }}">
			{$accountHtml|raw}
		</li>
		<xf:if is="$xf.visitor.canViewBookmarks()">
			<li role="tabpanel" id="{{ unique_id('accountMenuBookmarks') }}"
				data-href="{{ link('account/bookmarks-popup') }}"
				data-load-target=".js-bookmarksMenuBody">
				<div class="js-bookmarksMenuBody">
					<div class="menu-row">{{ phrase('loading...') }}</div>
				</div>
				<div class="menu-footer menu-footer--close">
					<a href="{{ link('account/bookmarks') }}" class="js-bookmarkShowAllLink">{{ phrase('show_all...') }}</a>
				</div>
			</li>
		</xf:if>
		<!--[XF:account_tab_panes:bottom]-->
	</ul>
<xf:else />
	{$accountHtml|raw}
</xf:if>]]></template>
    <template title="account_wrapper" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:sidenav>
	<div class="block">
		<div class="block-container">
			<h3 class="block-header">{{ phrase('your_account') }}</h3>
			<span class="special-colorize-border"></span>
			<div class="block-body">
				<!--[XF:profile_links:top]-->
				<a class="blockLink" href="{{ link('members', $xf.visitor) }}"><i class="fa fa-user" aria-hidden="true"> </i> {{ 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>

			<h3 class="block-minorHeader">{{ phrase('settings') }}</h3>
			<span class="special-colorize-border"></span>
			<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-containerlogout">
			<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="announce" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:css src="announce.less" /> 
<xf:if is="property('SpaceX_Announce')">
<div class="announce-row">
<div class="first-border announce color1">
  <div class="announceicon announce announceiconbg1">
  <a href="{{property('SpaceX_Announce_block1_Link')}}" target="_blank"><i class="{{property('SpaceX_Announce_block1_Icon')}}"></i></a>
  </div>
    <div class="announcebutton announce announce_up">
{{property('SpaceX_Announce_block1_Text')}}  
  </div>
      <div class="announcebutton">
      </div>
</div>
  <div class="first-border announce color2">
    <div class="announceicon announce announceiconbg2">
    <a href="{{property('SpaceX_Announce_block2_Link')}}"><i class="{{property('SpaceX_Announce_block2_Icon')}}"></i></a>
    </div>
    <div class="announcebutton announce announce_up">
    {{property('SpaceX_Announce_block2_Text')}}
    </div>
    <div class="announcebutton">
    </div>
  </div>
  <div class="first-border announce color3">
    <div class="announceicon announce announceiconbg3">
  		<a href="{{property('SpaceX_Announce_block3_Link')}}" data-xf-click="overlay"><i class="{{property('SpaceX_Announce_block3_Icon')}}"></i></a>
    </div>
    <div class="announcebutton announce announce_up">
		<a href="{{property('SpaceX_Announce_block3_Link')}}" data-xf-click="overlay">{{property('SpaceX_Announce_block3_Text')}}</a>
    </div>
    <div class="announcebutton">
    </div>
  </div>
	</div></xf:if>]]></template>
    <template title="announce.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.announce {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	
}

.announce-row {
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 5px;
}

.first-border {
    position: relative;
    max-width: 390px;
    height: 60px;
    margin-left: 3px;
    margin-bottom: 10px;
    background: var(--announcebg);
    color: var(--fontclr);
    border-radius: 5px;
    box-sizing: content-box;
}

.announce_up a{
    background: var(--announcebg);
    color: var(--fontclr);
}



.announceicon {
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 1px;
    cursor: pointer;
    transition: 1s;
    z-index: 1;
}

.announceicon i {
    color: #d8d8d8;
    font-size: 28px;
}


.announceiconbg1 {
    background: linear-gradient(to right, #2d9ce6, #0498f4);
}

.announceiconbg2 {
    background: linear-gradient(to right, #d64494, #c55a96);
}

.announceiconbg3 {
    background: linear-gradient(to right, #f3a03f, #ef7c33);
}

.announceiconbg1::after {
    background: #0e99f0;
}

.announceiconbg2::after {
    background: #ca5496;
}

.announceiconbg3::after {
    background: #f08436;
}

.announceicon:hover {
    transform: scale(1.1);
}
.announceiconbg1::after, .announceiconbg2::after, .announceiconbg3::after {
    content: "";
    width: 2.2388059701em;
    height: 2.2388059701em;
    position: absolute;
    z-index: -1;
    top: 50%;
    right: .27em;
    transform: rotate(45deg) translate(50%, -50%);
    transform-origin: 100% 0%;
    border-radius: .3em;
}

.announce_up {
    position: relative;
    border: none;
    font-weight: 600;
    width: 340px;
    height: 40px;
    margin-left: 80px;
    border-radius: 40px 0 0 40px;
}
.announcebutton {
    box-sizing: border-box;
    padding: 0 15px;
    justify-content: space-between;
    background: var(--announcebg);
    border: 5px solid var(--announcebg);

}]]></template>
    <template title="app_footer.less" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[.p-footer
{
	.xf-publicFooter();

	a
	{
		.xf-publicFooterLink();
	}
}

.p-footer-inner
{
	.m-pageWidth();
	.m-pageInset();

	padding-top: @xf-paddingMedium;
	padding-bottom: @xf-paddingLarge;
}

.p-footer-row
{
	.m-clearFix();

	margin-bottom: -@xf-paddingLarge;
}

.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
		{
			padding: 2px 4px;
			border-radius: @xf-borderRadiusSmall;

			&:hover
			{
				text-decoration: none;
				background-color: fade(@xf-publicFooterLink--color, 10%);
			}
		}
	}
}

.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-copyright
{
	margin-top: @xf-elementSpacer;
	text-align: center;
	font-size: @xf-fontSizeSmallest;
}

.p-footer-debug
{
	margin-top: @xf-paddingLarge;
	text-align: right;
	font-size: @xf-fontSizeSmallest;

	.pairs > dt { color: inherit; }
}

@media (max-width: @xf-responsiveMedium)
{
	.p-footer-row-main,
	.p-footer-row-opposite
	{
		float: none;
	}

	.p-footer-copyright
	{
		text-align: left;
		padding: 0 4px; // aligns with other links
	}
}]]></template>
    <template title="approval_queue" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:title>{{ phrase('approval_queue') }}</xf:title>

<xf:css src="approval_queue.less" />
<xf:js src="xf/approval_queue.js" />

<xf:set var="$sortOrders" value="{{ {
	'content_date': phrase('content_date')
} }}" />

<div class="block">
	<div class="block-container block-container--none">
		<div class="block-filterBar block-filterBar--standalone">
			<div class="filterBar">
				<xf:if contentcheck="true">
					<ul class="filterBar-filters">
						<xf:contentcheck>
							<xf:if is="$filters.content_type">
								<li><a href="{{ link('approval-queue', null, $filters|replace({'content_type': null})) }}"
									class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
									<span class="filterBar-filterToggle-label">{{ phrase('content_type:') }}</span>
									{{ $xf.app.getContentTypePhrase($filters.content_type) ?: $filters.content_type }}
								</a></li>
							</xf:if>
							<xf:if is="$filters.order AND {$sortOrders.{$filters.order}}">
								<li><a href="{{ link('approval-queue', null, $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>

				<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('approval-queue/filters', null, $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>
	</div>
</div>
<span class="special-colorize-border"></span>

<xf:if is="$unapprovedItems is not empty">
	<xf:form action="{{ link('approval-queue/process') }}" ajax="true" class="js-stickyParent approvalQueue">
		<div class="blocks">
			<xf:foreach loop="$unapprovedItems" value="$unapprovedItem" i="$i" count="$count">
				<div class="block">
					<div class="block-container approvalQueue-item js-approvalQueue-item">
						<div class="block-body">
							{$unapprovedItem.getHandler().render($unapprovedItem)|raw}
						</div>
					</div>
				</div>
			</xf:foreach>

			<div class="block">
				<div class="block-container block-container--none">
					<xf:submitrow icon="save" sticky=".js-stickyParent" rowtype="standalone" />
				</div>
			</div>
		</div>
	</xf:form>
<xf:elseif is="$filters" />
	<div class="blockMessage">{{ phrase('no_items_matched_your_filter') }}</div>
<xf:else />
	<div class="blockMessage">{{ phrase('there_is_no_content_currently_awaiting_approval') }}</div>
</xf:if>]]></template>
    <template title="contact_form" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:title>{{ phrase('contact_us') }}</xf:title>
<span class="special-colorize-border"></span>
<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') }}" force="$forceCaptcha" />

			<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>]]></template>
    <template title="conversation_list" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:title page="{$page}">{{ phrase('conversations') }}</xf:title>

<xf:js src="xf/inline_mod.js" min="1" />

<xf:pageaction if="$xf.visitor.canStartConversation()">
	<xf:button href="{{ link('conversations/add') }}" class="button--cta" icon="write">{{ phrase('start_conversation') }}</xf:button>
</xf:pageaction>

<div class="block" data-xf-init="inline-mod" data-type="conversation" data-href="{{ link('inline-mod') }}">
	<div class="block-outer">
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{$total}"
			link="conversations" params="{$filters}"
			wrapperclass="block-outer-main" />
		<div class="block-outer-opposite">
			<div class="buttonGroup">
				<xf:macro template="inline_mod_macros" name="button"
					arg-variant="inlineModButton--withLabel"
					arg-label="{{ phrase('selected') }}"
					arg-tooltip="{{ false }}" />
			</div>
		</div>
	</div>

	<div class="block-container">
		<div class="block-filterBar">
			<div class="filterBar">
				<xf:if contentcheck="true">
					<ul class="filterBar-filters">
					<xf:contentcheck>
						<xf:if is="$filters.starter_id AND $starterFilter">
							<li><a href="{{ link('conversations', null, $filters|replace('starter_id', null)) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								{{ phrase('started_by_x', {'name': $starterFilter.username}) }}</a></li>
						</xf:if>
						<xf:if is="$filters.receiver_id AND $receiverFilter">
							<li><a href="{{ link('conversations', null, $filters|replace('receiver_id', null)) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								{{ phrase('received_by_x', {'name': $receiverFilter.username}) }}</a></li>
						</xf:if>
						<xf:if is="$filters.starred">
							<li><a href="{{ link('conversations', null, $filters|replace('starred', null)) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
								{{ phrase('starred') }}</a></li>
						</xf:if>
						<xf:if is="$filters.unread">
							<li><a href="{{ link('conversations', null, $filters|replace('unread', null)) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
								{{ phrase('filter_unread') }}</a></li>
						</xf:if>
					</xf:contentcheck>
					</ul>
				</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" data-menu="menu" aria-hidden="true">
					<div class="menu-content">
						<h4 class="menu-header">{{ phrase('show_only:') }}</h4>
						<xf:form action="{{ link('conversations/filters') }}">
							<div class="menu-row menu-row--separated">
								<xf:radio name="filter_type">
									<xf:option value="" selected="{{ !$starterFilter AND !$receiverFilter }}">{{ phrase('show_all_conversations') }}</xf:option>
									<xf:option value="started" selected="{{ $starterFilter ? true : false }}" data-hide="true"
										label="{{ phrase('started_by...') }}">

										<xf:textbox name="starter" value="{{ $starterFilter ? $starterFilter.username : '' }}" ac="single"
											maxlength="{{ max_length($xf.visitor, 'username') }}"/>
									</xf:option>
									<xf:option value="received" selected="{{ $receiverFilter ? true : false }}" data-hide="true"
										label="{{ phrase('received_by...') }}">

										<xf:textbox name="receiver" value="{{ $receiverFilter ? $receiverFilter.username : '' }}" ac="single"
											maxlength="{{ max_length($xf.visitor, 'username') }}" />
									</xf:option>
								</xf:radio>
							</div>
							<div class="menu-row menu-row--separated">
								<xf:checkbox>
									<xf:option name="starred" selected="{$filters.starred}" label="{{ phrase('starred_conversations') }}" />
									<xf:option name="unread" selected="{$filters.unread}" label="{{ phrase('unread_conversations') }}" />
								</xf:checkbox>
							</div>

							<div class="menu-footer">
								<span class="menu-footer-controls">
									<xf:button type="submit" class="button--primary">{{ phrase('filter') }}</xf:button>
								</span>
							</div>
							<xf:hiddenval name="apply">1</xf:hiddenval>
						</xf:form>
					</div>
				</div>
			</div>
		</div>
<span class="special-colorize-border"></span>
		<div class="block-body">
			<xf:if is="$userConvs is not empty">
				<div class="structItemContainer">
					<xf:foreach loop="$userConvs" value="$userConv">
						<xf:macro template="conversation_list_macros" name="item" arg-userConv="{$userConv}" />
					</xf:foreach>
				</div>
			<xf:else />
				<div class="block-row">{{ phrase('there_no_conversations_to_display') }}</div>
			</xf:if>
		</div>
	</div>

	<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$total}"
		link="conversations" params="{$filters}"
		wrapperclass="block-outer block-outer--after" />
</div>

<xf:widgetpos id="conversation_list_sidebar" position="sidebar" />]]></template>
    <template title="conversation_message_macros" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:macro name="message" arg-message="!" arg-conversation="!" arg-position="" arg-lastRead="{{ null }}">
	<xf:css src="message.less" />
	<article class="message message--conversationMessage {{ $message.isIgnored() ? ' is-ignored' : '' }} {{ $message.isUnread($lastRead) ? 'is-unread' : '' }} js-message" data-author="{{ $message.User.username ?: $message.username }}">
		<span class="u-anchorTarget" id="convMessage-{$message.message_id}"></span>
		<div class="message-inner">
			<div class="message-cell message-cell--user">
									<div class="stickypostbit">
				<div class="postbit-bg"><div class="postbit-slash1"><div class="postbit-slash2"></div><div class="postbit-slash3"></div></div>	</div>
				<xf:macro template="message_macros" name="user_info" arg-user="{$message.User}" arg-fallbackName="{$message.username}" />
			</div>
			</div>
			<div class="message-cell message-cell--main">
				<div class="message-main js-quickEditTarget">
					<div class="message-content">
						<header class="message-attribution">
							<a href="{{ link('conversations/messages', $message) }}" class="message-attribution-main u-concealed" rel="nofollow">
								<xf:date time="{$message.message_date}" />
							</a>
							<span class="message-attribution-opposite">
								<xf:if is="$message.isUnread($lastRead)">
									<span class="message-newIndicator">{{ phrase('new') }}</span>
								</xf:if>
								<xf:if is="$position">#{$position|number}</xf:if>
							</span>
						</header>

						<xf:if is="$message.isIgnored()">
							<div class="messageNotice messageNotice--ignored">
								{{ phrase('you_are_ignoring_content_by_this_member') }}
							</div>
						</xf:if>

						<div class="message-userContent lbContainer js-lbContainer"
							data-lb-id="message-{$message.message_id}"
							data-lb-caption-title="{{ $message.User ? $message.User.username : $message.username }}"
							data-lb-caption-desc="{{ date_time($message.message_date) }}">

							<article class="message-body js-selectToQuote">
								{{ bb_code($message.message, 'conversation_message', $message) }}
								<div class="js-selectToQuoteEnd">&nbsp;</div>
							</article>

							<xf:if is="$message.attach_count">
								<xf:macro template="message_macros" name="attachments"
									arg-attachments="{$message.Attachments}"
									arg-message="{$message}"
									arg-canView="{{ true }}" />
							</xf:if>
						</div>

						<xf:macro template="message_macros" name="signature" arg-user="{$message.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="{$message}" link="conversations/messages/react" list="< .js-message | .js-reactionsList" />

												<xf:if is="$conversation.canReply()">
													<xf:set var="$quoteLink">{{ link('conversations/reply', $conversation, {'quote': $message.message_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="{$message.message_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('conversations/messages/quote', $message) }}">{{ 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="$message.canReport()">
													<a href="{{ link('conversations/messages/report', $message) }}" class="actionBar-action actionBar-action--report" data-xf-click="overlay">{{ phrase('report_verb') }}</a>
												</xf:if>

												<xf:if is="$message.canEdit()">
													<xf:js src="xf/message.js" min="1" />
													<a href="{{ link('conversations/messages/edit', $message) }}"
														class="actionBar-action actionBar-action--edit"
														data-xf-click="quick-edit"
														data-editor-target="< .js-quickEditTarget">{{ phrase('edit') }}</a>
												</xf:if>

												<xf:if is="$message.canCleanSpam()">
													<a href="{{ link('spam-cleaner', $message) }}"
														class="actionBar-action actionBar-action--spam actionBar-action--menuItem"
														data-xf-click="overlay">{{ phrase('spam') }}</a>
												</xf:if>

												<xf:if is="$xf.visitor.canViewIps() && $message.ip_id">
													<a href="{{ link('conversations/messages/ip', $message) }}"
														class="actionBar-action actionBar-action--ip"
														data-xf-click="overlay">{{ phrase('ip') }}</a>
												</xf:if>
											</xf:contentcheck>
										</div>
									</xf:if>
								</xf:contentcheck>
							</div>
						</xf:if>

						<div class="reactionsBar js-reactionsList {{ $message.reactions ? 'is-active' : '' }}">
							<xf:reactions content="{$message}" link="conversations/messages/reactions" />
						</div>
					</footer>
				</div>
			</div>
		</div>
	</article>
</xf:macro>]]></template>
    <template title="conversation_view" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:title page="{$page}">{$conversation.title}</xf:title>

<xf:description meta="false">
	<ul class="listInline listInline--bullet">
		<li>
			<xf:fa icon="fa-users" title="{{ phrase('participants')|for_attr }}" />
			<span class="u-srOnly">{{ phrase('participants') }}</span>

			<ul class="listInline listInline--selfInline listInline--comma">
				<li><xf:username user="$conversation.Starter" defaultname="{$conversation.username}" title="{{ phrase('conversation_starter') }}" href="" /></li><xf:trim>
				</xf:trim><xf:foreach loop="$conversation.recipients" value="$recipient" if="{$recipient.user_id} != {$conversation.user_id} AND $i < 4" i="$i"><xf:trim>
					<li><xf:username user="{$recipient}" defaultname="{{ phrase('unknown_member') }}" href="" /></li>
				</xf:trim></xf:foreach>
			</ul>
			<xf:if is="$conversation.recipient_count > 5">
				{{ phrase('ellipsis_and_x_more', {'count': ($conversation.recipient_count - 5)|number}) }}
			</xf:if>
		</li>
		<li>
			<xf:fa icon="fa-clock" title="{{ phrase('start_date')|for_attr }}" />
			<span class="u-srOnly">{{ phrase('start_date') }}</span>

			<a href="{{ link('conversations', $conversation) }}" class="u-concealed"><xf:date time="{$conversation.start_date}" /></a>
		</li>
	</ul>
</xf:description>

<xf:breadcrumb href="{{ link('conversations') }}">{{ phrase('conversations') }}</xf:breadcrumb>

<xf:sidebar key="conversationInfo">
	<div class="block">
		<div class="block-container">
			<h3 class="block-minorHeader">{{ phrase('conversation_info') }}</h3>
			<span class="special-colorize-border"></span>
			<div class="block-body block-row block-row--minor">
				<dl class="pairs pairs--justified"><dt>{{ phrase('participants') }}</dt> <dd>{$conversation.recipient_count|number}</dd></dl>
				<dl class="pairs pairs--justified"><dt>{{ phrase('replies') }}</dt> <dd>{$conversation.reply_count|number}</dd></dl>
				<dl class="pairs pairs--justified"><dt>{{ phrase('last_reply_date') }}</dt> <dd><xf:date time="$conversation.last_message_date" /></dd></dl>
				<dl class="pairs pairs--justified"><dt>{{ phrase('last_reply_from') }}</dt> <dd><xf:username user="$conversation.LastMessageUser" /></dd></dl>
			</div>
		</div>
	</div>
</xf:sidebar>

<xf:sidebar key="conversationParticipants">
	<div class="block">
		<div class="block-container">
			<h3 class="block-minorHeader">{{ phrase('conversation_participants') }}</h3>
			<span class="special-colorize-border"></span>
			<ol class="block-body">
				<xf:foreach loop="$recipients" value="$recipient">
					<li class="block-row">
						<div class="contentRow">
							<xf:if is="$recipient.User">
								<div class="contentRow-figure">
									<xf:avatar user="$recipient.User" size="xs" />
								</div>
								<div class="contentRow-main">
									<xf:username user="$recipient.User" rich="true" />
									<div class="contentRow-minor"><xf:usertitle user="$recipient.User" /></div>
								</div>
							<xf:else />
								<div class="contentRow-figure">
									<xf:avatar user="{{ null }}" size="xs" />
								</div>
								<div class="contentRow-main">
									{{ phrase('unknown_member') }}
								</div>
							</xf:if>
						</div>
					</li>
				</xf:foreach>
			</ol>
			<xf:if is="$conversation.canInvite()">
				<div class="block-footer">
					<span class="block-footer-controls">
						<a href="{{ link('conversations/invite', $conversation) }}" data-xf-click="overlay">{{ phrase('invite_more') }}</a>
					</span>
				</div>
			</xf:if>
		</div>
	</div>
</xf:sidebar>

<div class="block block--messages">
	<div class="block-outer">
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{{ $conversation.reply_count + 1 }}"
			link="conversations" data="{$conversation}"
			wrapperclass="block-outer-main" />
		<div class="block-outer-opposite">
			<div class="buttonGroup">
				<xf:if is="$conversation.canEdit()">
					<xf:button href="{{ link('conversations/edit', $conversation) }}" class="button--link"
						icon="edit" overlay="true" />
				</xf:if>
				<xf:button href="{{ link('conversations/star', $conversation) }}" class="button--link"
					data-xf-click="switch"
					data-sk-star="{{ phrase('star') }}"
					data-sk-unstar="{{ phrase('unstar') }}">
					{{ {$userConv.is_starred} ? phrase('unstar') : phrase('star') }}
				</xf:button>
				<xf:button href="{{ link('conversations/mark-unread', $conversation) }}" class="button--link"
					data-xf-click="switch"
					data-sk-read="{{ phrase('mark_read') }}"
					data-sk-unread="{{ phrase('mark_unread') }}">
					{{ {$userConv.is_unread} ? phrase('mark_read') : phrase('mark_unread') }}
				</xf:button>
				<xf:button href="{{ link('conversations/leave', $conversation) }}" class="button--link" overlay="true">
					{{ phrase('leave') }}
				</xf:button>
			</div>
		</div>
	</div>

	<div class="block-container lbContainer"
		data-xf-init="lightbox{{ $xf.options.selectQuotable ? ' select-to-quote' : '' }}"
		data-message-selector=".js-message"
		data-lb-id="conversation-{$conversation.conversation_id}"
		data-lb-universal="{$xf.options.lightBoxUniversal}">

		<div class="block-body js-replyNewMessageContainer">
			<xf:foreach loop="$messages" value="$message">
				<xf:macro template="conversation_message_macros" name="message"
					arg-message="{$message}" arg-conversation="{$conversation}"
					arg-lastRead="{$lastRead}" />
			</xf:foreach>
		</div>
	</div>

	<div class="block-outer block-outer--after">
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{{ $conversation.reply_count + 1 }}"
			link="conversations" data="{$conversation}"
			wrapperclass="block-outer-main" />
		<xf:showignored wrapperclass="block-outer-opposite" />
	</div>

	<xf:if is="!$conversation.conversation_open">
		<div class="block-outer block-outer--after">
			<dl class="blockStatus">
				<dt>{{ phrase('status') }}</dt>
				<dd class="blockStatus-message blockStatus-message--locked">
					{{ phrase('this_conversation_is_closed_for_new_replies') }}
				</dd>
			</dl>
		</div>
	</xf:if>
</div>

<xf:if is="$conversation.canReply()">
	<xf:form action="{{ link('conversations/add-reply', $conversation) }}"
		ajax="true"
		draft="{{ link('conversations/draft', $conversation) }}"
		class="block js-quickReply"
		data-xf-init="attachment-manager quick-reply">

		<xf:js src="xf/message.js" min="1" />
		<xf:set var="$lastMessage" value="{$messages|last}" />

		<div class="block-container">
			<div class="block-body">
				<xf:macro template="quick_reply_macros" name="body"
					arg-message="{$conversation.draft_reply.message}"
					arg-attachmentData="{$attachmentData}"
					arg-forceHash="{$conversation.draft_reply.attachment_hash}"
					arg-messageSelector=".js-message"
					arg-supportsMultiQuote="{$xf.options.multiQuote}"
					arg-multiQuoteHref="{{ link('conversations/multi-quote', $conversation) }}"
					arg-multiQuoteStorageKey="multiQuoteConversation"
					arg-lastDate="{$lastMessage.message_date}"
					arg-previewUrl="{{ link('conversations/reply-preview', $conversation) }}" />
			</div>
		</div>
	</xf:form>
</xf:if>

<xf:widgetpos id="conversation_view_sidebar" context-conversation="{$conversation}" position="sidebar" />]]></template>
    <template title="dbtech_ecommerce_account_macros" type="public" addon_id="DBTech/eCommerce" version_id="2020170" version_string="2.2.1"><![CDATA[<xf:macro name="list_filter_bar" arg-filters="!" arg-baseLinkPath="!" arg-addressFilter="{{ null }}" arg-stateFilter="{{ null }}">
	<xf:set var="$sortOrders" value="{{ {
		'order_date': phrase('dbtech_ecommerce_order_date'),
		'order_state': phrase('dbtech_ecommerce_order_state'),
		'cost_amount': phrase('dbtech_ecommerce_order_total')
	} }}" />

	<div class="block-filterBar">
		<div class="filterBar">
			<xf:if contentcheck="true">
				<ul class="filterBar-filters">
					<xf:contentcheck>
						<xf:if is="$filters.address AND $addressFilter">
							<li><a href="{{ link($baseLinkPath, null, $filters|replace('address', null)) }}"
								   class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('dbtech_ecommerce_address:') }}</span>
								{$addressFilter.title}</a></li>
						</xf:if>
						<xf:if is="$filters.state AND $stateFilter">
							<li><a href="{{ link($baseLinkPath, null, $filters|replace('state', null)) }}"
								   class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('dbtech_ecommerce_order_state:') }}</span>
								{$stateFilter}</a></li>
						</xf:if>
						<xf:if is="$filters.order AND {$sortOrders.{$filters.order}}">
							<li><a href="{{ link($baseLinkPath, null, $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}}
								<i class="fa {{ $filters.direction == 'asc' ? 'fa-angle-up' : 'fa-angle-down' }}" aria-hidden="true"></i>
								<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>

			<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($baseLinkPath . '/filters', null, $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>
	<span class="special-colorize-border"></span>

</xf:macro>]]></template>
    <template title="dbtech_ecommerce_category_list_macros" type="public" addon_id="DBTech/eCommerce" version_id="2020170" version_string="2.2.1"><![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('dbtech-ecommerce/categories', $category) }}" class="categoryList-link{{ $isSelected ? ' is-selected' : '' }}">
				{$category.title}
			</a>
			<span class="categoryList-label">
				<span class="label label--subtle label--smallest">{$extras.product_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>
				<span class="special-colorize-border"></span>

			<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"
	arg-category="!"
	arg-extras="!"
	arg-children="!"
	arg-childExtras="!"
	arg-chooseName=""
	arg-bonusInfo="">
	
	<div class="node node--depth2 node--productCategory node--productCategory{$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('dbtech-ecommerce/categories', $category) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$category.title}</a>
				</h3>
				<xf:if is="$descriptionDisplay != 'none' && $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">
						<dl class="pairs pairs--inline">
							<dt>{{ phrase('dbtech_ecommerce_products') }}</dt>
							<dd>{$extras.product_count|number}</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--single">
				<dl class="pairs pairs--rows">
					<dt>{{ phrase('dbtech_ecommerce_products') }}</dt>
					<dd>{$extras.product_count|number}</dd>
				</dl>
			</div>

			<div class="node-extra">
				<xf:if is="{$extras.last_update}">
					<div class="node-extra-row"><a href="{{ link('dbtech-ecommerce', {'product_id': $extras.last_product_id, 'title': $extras.last_product_title}) }}" class="node-extra-title" title="{$extras.last_product_title}">{$extras.last_product_title}</a></div>
					<div class="node-extra-row">
						<xf:date time="{$extras.last_update}" class="node-extra-date" />
					</div>
				<xf:else />
					<span class="node-extra-placeholder">{{ phrase('none') }}</span>
				</xf:if>
			</div>
		</div>
	</div>
	
</xf:macro>]]></template>
    <template title="dbtech_ecommerce_checkout" type="public" addon_id="DBTech/eCommerce" version_id="2020170" version_string="2.2.1"><![CDATA[<xf:css src="dbtech_ecommerce.less" />

<xf:js src="xf/payment.js" />

<xf:title>{{ phrase('dbtech_ecommerce_checkout') }}</xf:title>

<xf:if contentcheck="true">
	<dl class="blockStatus blockStatus--standalone">
		<dt>{{ phrase('status') }}</dt>
		<xf:contentcheck>
			<xf:if is="$order.Address && $order.Address.address_state == 'moderated'">
				<dd class="blockStatus-message blockStatus-message--moderated">
					{{ phrase('dbtech_ecommerce_vat_id_awaiting_approval_before_tax_status_applies') }}
				</dd>
			</xf:if>
		</xf:contentcheck>
	</dl>
</xf:if>

<xf:form action="{{ link('dbtech-ecommerce/checkout/update', $order) }}" class="block" ajax="true" data-force-flash-message="true">
	<div class="block-container">

		<h2 class="block-header"><xf:checkbox standalone="true"><xf:option check-all=".dataList .js-checkAllCartItems >" /></xf:checkbox>{{ phrase('dbtech_ecommerce_cart') }}</h2>
		<div class="block-body">
			<xf:datalist>
				<tbody class="dataList-rowGroup">
				<xf:foreach loop="$order.Items" value="$item">
					<xf:datarow rowclass="prefixGroup{$prefixGroupId} js-checkAllCartItems">
						<xf:toggle name="order_item_ids[]" value="{$item.order_item_id}" />

						<xf:main class="dataList-cell--flexHeight">
							<xf:label><a href="{{ link('dbtech-ecommerce', $item.Product) }}">{{ prefix('dbtechEcommerceProduct', $item.Product) }} {$item.full_title}</a></xf:label>
							<xf:hint>
								{$item.Product.getProductTypePhrase()}
								<xf:if is="$item.Product.hasLicenseFunctionality() && $item.license_id">
									- <a href="{{ link('dbtech-ecommerce/licenses/license', $item.License) }}" class="u-concealed" target="_blank">{{ phrase('dbtech_ecommerce_renewal') }}</a>
								</xf:if>

							</xf:hint>
							<xf:explain>
								<xf:if is="$item.Product.hasLicenseFunctionality()">
									<xf:if is="$item.Cost.isLifetime()">
										{{ phrase('dbtech_ecommerce_will_never_expire') }}
									<xf:else />
										{{ phrase('dbtech_ecommerce_updates_until_y', {
											'date': date_time($item.Cost.getNewExpiryDate($item.License))
										}) }}
									</xf:if>
									<div><a href="{{ link('dbtech-ecommerce/checkout/update-duration', $item) }}" data-xf-click="overlay" class="u-concealed">{{ phrase('dbtech_ecommerce_change_update_duration') }}</a></div>
								<xf:elseif is="$item.Product.hasShippingFunctionality()" />
									<xf:if is="$item.ShippingMethod is not empty && $item.ShippingMethod.isApplicable($order.ShippingAddress)">
										<div>{{ phrase('dbtech_ecommerce_current_shipping_method_x', {'shippingMethod': $item.ShippingMethod.title}) }}</div>
										<div><a href="{{ link('dbtech-ecommerce/checkout/shipping-method', $item) }}" data-xf-click="overlay" class="u-concealed">{{ phrase('dbtech_ecommerce_change_shipping_method') }}</a></div>
									<xf:else />
										<a href="{{ link('dbtech-ecommerce/checkout/shipping-method', $item) }}" data-xf-click="overlay" class="u-concealed">{{ phrase('dbtech_ecommerce_choose_shipping_method') }}</a>
									</xf:if>
								</xf:if>
							</xf:explain>
						</xf:main>
						<xf:cell class="dataList-cell--separated dataList-cell--alt dataList-cell--min" style="text-align: start;">
							{$item.base_price|currency($xf.options.dbtechEcommerceCurrency)}
						</xf:cell>
					</xf:datarow>
				</xf:foreach>
				</tbody>
			</xf:datalist>
		</div>
		<div class="block-footer block-footer--split">
			<span class="block-footer-counter"><xf:button type="submit" name="delete" value="1">{{ phrase('dbtech_ecommerce_delete_selected') }}</xf:button></span>
			<span class="block-footer-controls">
				<b>{{ phrase('dbtech_ecommerce_sub_total:') }}</b> {$order.sub_total|currency($xf.options.dbtechEcommerceCurrency)}
			</span>
		</div>

		<xf:if contentcheck="true">
			<hr class="block-separator" />

			<h3 class="block-header">{{ phrase('dbtech_ecommerce_purchase_options') }}</h3>
		<span class="special-colorize-border"></span>	<div class="block-body">
				<xf:contentcheck>
					<xf:if is="$xf.options.dbtechEcommerceCoupons.enabled">
						<xf:textboxrow name="coupon_code" value="{{ $order.Coupon ? $order.Coupon.coupon_code : '' }}"
									   label="{{ phrase('dbtech_ecommerce_coupon_code') }}"
									   explain="{{ phrase('dbtech_ecommerce_coupon_checkout_explain') }}"
						/>
					</xf:if>

					<xf:if is="$xf.visitor.dbtech_ecommerce_store_credit > 0">
						<xf:numberboxrow name="store_credit" value="{$order.store_credit_amount}" min="0" step="1"
										 readonly="{{ !$xf.visitor.dbtech_ecommerce_store_credit }}"
										 label="{{ phrase('dbtech_ecommerce_store_credit') }}"
										 explain="{{ phrase('dbtech_ecommerce_you_have_x_store_credit', {
											'amount': ($xf.visitor.dbtech_ecommerce_store_credit)|currency($xf.options.dbtechEcommerceCurrency)
										 }) }}"
						/>
					</xf:if>

					<xf:if is="$order.hasVatInfo()">
						<xf:if is="$order.Address.sales_tax_id">
							<xf:formrow label="{{ phrase('dbtech_ecommerce_vat_id') }}">
								{$order.Address.sales_tax_id}
							</xf:formrow>
						<xf:else />
							<xf:set var="$country" value="{{ $xf.app.em.find('DBTech\eCommerce:Country', $xf.options.dbtechEcommerceAddressCountry) }}" />

							<xf:textboxrow name="sales_tax_id" maxlength="{{ max_length('DBTech\eCommerce:Address', 'sales_tax_id') }}"
										   label="{{ phrase('dbtech_ecommerce_vat_id') }}"
										   explain="{{ phrase('dbtech_ecommerce_vat_id_explain', {
										'country': $country.name
								   }) }}" />
						</xf:if>
					</xf:if>
				</xf:contentcheck>
			</div>
		</xf:if>

		<xf:foreach loop="$order.Items" value="$item">
			<xf:if contentcheck="true">
				<hr class="block-separator" />

				<h3 class="block-header">{$item.Product.full_title}</h3>
				<span class="special-colorize-border"></span><div class="block-body">
					<xf:contentcheck>
						<xf:macro template="custom_fields_macros" name="custom_fields_edit"
								  arg-type="dbtechEcommerceOrders"
								  arg-set="{$item.product_fields}"
								  arg-onlyInclude="{$item.Product.field_cache}"
								  arg-namePrefix="product_fields[{$item.order_item_id}]"
								  arg-valueClass="formRow" />
					</xf:contentcheck>
				</div>
			</xf:if>
		</xf:foreach>

		<xf:submitrow icon="save" />
	</div>

</xf:form>

<xf:if is="count($xf.options.dbtechEcommercePaymentProfileIds) == 0">
	<div class="block-container">
		<div class="block-body">
			<xf:inforow>
				<p class="block-rowMessage block-rowMessage--error block-rowMessage--iconic">
					<strong>{{ phrase('error:') }}</strong>
					{{ phrase('dbtech_ecommerce_system_not_configured_missing_payment_profile', {'contacturl': link('canonical:misc/contact') }) }}
				</p>
			</xf:inforow>
		</div>
	</div>
<xf:else />
	<xf:form action="{{ link('dbtech-ecommerce/checkout/complete') }}" class="block" ajax="true" data-xf-init="payment-provider-container">
		<div class="block-container">
			<h2 class="block-header">{{ phrase('dbtech_ecommerce_checkout') }}</h2>
			<xf:if is="$xf.options.dbtechEcommerceTermsPageId">
				<h3 class="block-minorHeader">
					{$xf.visitor.dbtech_ecommerce_terms.title}
					<span class="block-desc">
					<b>{{ phrase('last_updated:') }}</b> {{ date_time($xf.visitor.dbtech_ecommerce_terms.modified_date) }}
				</span>
				</h3>
				<span class="special-colorize-border"></span>
				
				<div class="block-body">
					<div class="block-row block-row--dbtechEcommerceTerms">
						<xf:include template="{{ $xf.visitor.dbtech_ecommerce_terms.getTemplateName() }}" />
					</div>

					<xf:checkboxrow rowtype="fullWidth noLabel" data-xf-init="dbtech-ecommerce-multi-disabler" data-input-controls=".js-consentBoxes" data-container=".js-submitDisable">
						<xf:option name="confirm" class="js-consentBoxes">
							<xf:label>{{ phrase('dbtech_ecommerce_i_agree_to_terms_of_service') }}</xf:label>
						</xf:option>

						<xf:if is="$order.hasDigitalDownload() && $xf.options.dbtechEcommerceSeparateRefundPolicy">
							<xf:option name="confirm_digital_refund" class="js-consentBoxes">
								<xf:label>{{ phrase('dbtech_ecommerce_i_agree_to_refund_policy') }}</xf:label>
							</xf:option>
						</xf:if>
					</xf:checkboxrow>
				</div>
			<xf:else />
				<h3 class="block-formSectionHeader">
					{{ phrase('terms_and_rules') }}
				</h3><span class="special-colorize-border"></span>
				<div class="block-body">
					<div class="block-row block-row--dbtechEcommerceTerms">
						{{ phrase('terms_rules_text', {'age': $xf.options.registrationSetup.minimumAge ?: 13}) }}
					</div>

					<xf:checkboxrow rowtype="fullWidth noLabel" data-xf-init="dbtech-ecommerce-multi-disabler" data-input-controls=".js-consentBoxes" data-container=".js-submitDisable">
						<xf:option name="confirm" class="js-consentBoxes">
							<xf:label>{{ phrase('dbtech_ecommerce_i_agree_to_terms_of_service') }}</xf:label>
						</xf:option>

						<xf:if is="$order.hasDigitalDownload() && $xf.options.dbtechEcommerceSeparateRefundPolicy">
							<xf:option name="confirm_digital_refund" class="js-consentBoxes">
								<xf:label>{{ phrase('dbtech_ecommerce_i_agree_to_refund_policy') }}</xf:label>
							</xf:option>
						</xf:if>
					</xf:checkboxrow>
				</div>
			</xf:if>

			<xf:submitrow submit="{{ ($order.order_total > 0) ? phrase('dbtech_ecommerce_proceed_to_payment') : phrase('dbtech_ecommerce_get_free') }}" icon="purchase" rowclass="js-submitDisable" />

			<div class="js-paymentProviderReply-dbtech_ecommerce_order{$order.order_id}"></div>
		</div>

	</xf:form>
</xf:if>

<xf:sidebar key="pricingInfo">
	<div class="block">
		<div class="block-container">
			<h3 class="block-minorHeader">{{ phrase('dbtech_ecommerce_order_totals') }}</h3>
<span class="special-colorize-border"></span>
			<div class="block-body block-row block-row--minor">
				<xf:if is="$order.order_total > 0">
					<dl class="pairs pairs--justified"><dt><b>{{ phrase('dbtech_ecommerce_sub_total') }}</b></dt> <dd>{$order.sub_total|currency($xf.options.dbtechEcommerceCurrency)}</dd></dl>
				</xf:if>

				<xf:if is="$xf.options.dbtechEcommerceSales.enabled && ($order.sale_discounts > 0 || $xf.options.dbtechEcommerceSales.alwaysShow)">
					<dl class="pairs pairs--justified"><dt>{{ phrase('dbtech_ecommerce_sale_discounts') }}</dt> <dd>-{$order.sale_discounts|currency($xf.options.dbtechEcommerceCurrency)}</dd></dl>
				</xf:if>

				<xf:if is="$xf.options.dbtechEcommerceCoupons.enabled && ($order.coupon_discounts > 0 || $xf.options.dbtechEcommerceCoupons.alwaysShow)">
					<dl class="pairs pairs--justified"><dt>{{ phrase('dbtech_ecommerce_coupon_discounts') }}</dt> <dd>-{$order.coupon_discounts|currency($xf.options.dbtechEcommerceCurrency)}</dd></dl>
				</xf:if>

				<xf:if is="$order.automatic_discounts > 0">
					<dl class="pairs pairs--justified"><dt>{{ phrase('dbtech_ecommerce_automatic_discounts') }}</dt> <dd>-{$order.automatic_discounts|currency($xf.options.dbtechEcommerceCurrency)}</dd></dl>
				</xf:if>

				<xf:if is="$order.store_credit_amount > 0">
					<dl class="pairs pairs--justified"><dt>{{ phrase('dbtech_ecommerce_store_credit_used') }}</dt> <dd>-{$order.store_credit_amount|currency($xf.options.dbtechEcommerceCurrency)}</dd></dl>
				</xf:if>

				<xf:if is="$order.hasPhysicalProduct()">
					<dl class="pairs pairs--justified"><dt>{{ phrase('dbtech_ecommerce_shipping_cost') }}</dt> <dd>+{$order.shipping_cost|currency($xf.options.dbtechEcommerceCurrency)}</dd></dl>
				</xf:if>

				<xf:if is="$xf.options.dbtechEcommerceSalesTax.enabled && $order.sales_tax > 0">
					<dl class="pairs pairs--justified"><dt>{{ phrase('dbtech_ecommerce_sales_tax') }}</dt> <dd>+{$order.sales_tax|currency($xf.options.dbtechEcommerceCurrency)}</dd></dl>
				</xf:if>

				<dl class="pairs pairs--justified"><dt><b>{{ phrase('dbtech_ecommerce_order_total') }}</b></dt> <dd>{$order.order_total|currency($xf.options.dbtechEcommerceCurrency)}</dd></dl>
			</div>
		</div>
	</div>
</xf:sidebar>

<xf:if is="$order.isAddressRequired()">
	<xf:sidebar key="billingAddress">
		<div class="block">
			<div class="block-container">
				<h3 class="block-minorHeader">{{ phrase('dbtech_ecommerce_billing_address') }}</h3>
<span class="special-colorize-border"></span>
				<ul class="block-body block-row block-row--minor">
					<li>{$order.Address.business_title}</li>

					<xf:if is="$order.Address.business_co">
						<li>{$order.Address.business_co}</li>
					</xf:if>

					<xf:if is="$order.Address.address1">
						<li>{$order.Address.address1}</li>
					</xf:if>

					<xf:if is="$order.Address.address2">
						<li>{$order.Address.address2}</li>
					</xf:if>

					<xf:if is="$order.Address.address3">
						<li>{$order.Address.address3}</li>
					</xf:if>

					<xf:if is="$order.Address.address4">
						<li>{$order.Address.address4}</li>
					</xf:if>

					<li>{$order.Address.Country.native_name}</li>

					<li><a href="{{ link('dbtech-ecommerce/checkout/address') }}">{{ phrase('button.edit') }}</a></li>
				</ul>
			</div>
		</div>
	</xf:sidebar>

	<xf:if is="$order.hasPhysicalProduct()">
		<xf:sidebar key="shippingAddress">
			<xf:set var="$address" value="{{ $order.shipping_address_id ? $order.ShippingAddress : $order.Address }}" />

			<div class="block">
				<div class="block-container">
					<h3 class="block-minorHeader">{{ phrase('dbtech_ecommerce_shipping_address') }}</h3>
<span class="special-colorize-border"></span>
					<ul class="block-body block-row block-row--minor">
						<li>{$address.business_title}</li>

						<xf:if is="$address.business_co">
							<li>{$address.business_co}</li>
						</xf:if>

						<xf:if is="$address.address1">
							<li>{$address.address1}</li>
						</xf:if>

						<xf:if is="$address.address2">
							<li>{$address.address2}</li>
						</xf:if>

						<xf:if is="$address.address3">
							<li>{$address.address3}</li>
						</xf:if>

						<xf:if is="$address.address4">
							<li>{$address.address4}</li>
						</xf:if>

						<li>{$address.Country.native_name}</li>

						<li><a href="{{ link('dbtech-ecommerce/checkout/address') }}">{{ phrase('button.edit') }}</a></li>
					</ul>
				</div>
			</div>
		</xf:sidebar>
	</xf:if>
</xf:if>]]></template>
    <template title="dbtech_ecommerce_overview_macros" type="public" addon_id="DBTech/eCommerce" version_id="2020170" version_string="2.2.1"><![CDATA[<xf:macro name="list_filter_bar" arg-filters="!" arg-baseLinkPath="!" arg-category="{{ null }}" arg-ownerFilter="{{ null }}" arg-platformFilter="{{ null }}" arg-productFieldFilter="{{ null }}">
	<xf:set var="$sortOrders" value="{{ {
		'last_update': phrase('dbtech_ecommerce_last_update'),
		'creation_date': phrase('dbtech_ecommerce_creation_date'),
		'rating_weighted': phrase('rating'),
		'download_count': phrase('dbtech_ecommerce_downloads'),
		'title': phrase('title'),
		'random': phrase('dbtech_ecommerce_random')
	} }}" />

	<div class="block-filterBar">
		<div class="filterBar">
			<xf:if contentcheck="true">
				<ul class="filterBar-filters">
					<xf:contentcheck>
						<xf:if is="$filters.type">
							<xf:if is="$filters.type == 'on_sale'">
								<li><a href="{{ link($baseLinkPath, $category, $filters|replace('type', null)) }}"
									   class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
									<span class="filterBar-filterToggle-label">{{ phrase('dbtech_ecommerce_on_sale') }}</span></a></li>
							<xf:else />
								<li><a href="{{ link($baseLinkPath, $category, $filters|replace('type', null)) }}"
									   class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
									<span class="filterBar-filterToggle-label">{{ phrase('price:') }}</span>
									<xf:if is="$filters.type == 'free'">{{ phrase('dbtech_ecommerce_free') }}<xf:else />{{ phrase('dbtech_ecommerce_paid') }}</xf:if></a></li>
							</xf:if>
						</xf:if>
						<xf:if is="$filters.prefix_id">
							<li><a href="{{ link($baseLinkPath, $category, $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('dbtechEcommerceProduct', $filters.prefix_id) }}</a></li>
						</xf:if>
						<xf:if is="$filters.platform AND $platformFilter">
							<li><a href="{{ link($baseLinkPath, $category, $filters|replace('platform', null)) }}"
								   class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('dbtech_ecommerce_platform:') }}</span>
								{$platformFilter}</a></li>
						</xf:if>
						<xf:if is="$filters.owner_id AND $ownerFilter">
							<li><a href="{{ link($baseLinkPath, $category, $filters|replace('owner_id', null)) }}"
								   class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('dbtech_ecommerce_product_owner:') }}</span>
								{$ownerFilter.username}</a></li>
						</xf:if>
						<xf:if is="$filters.product_fields AND $productFieldFilter">
							<xf:foreach loop="$productFieldFilter" key="$fieldId" value="$field">
								<li><a href="{{ link($baseLinkPath, $category, $filters|replace('product_fields', $filters.product_fields|replace($fieldId, null))) }}"
									   class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
									<span class="filterBar-filterToggle-label">{$field.title}:</span>

									<xf:macro template="custom_fields_macros" name="custom_field_value"
											  arg-definition="{$field.definition}"
											  arg-value="{$field.value}" />
								</a></li>
							</xf:foreach>
						</xf:if>
						<xf:if is="$filters.order AND {$sortOrders.{$filters.order}}">
							<li><a href="{{ link($baseLinkPath, $category, $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}}
								<i class="fa {{ $filters.direction == 'asc' ? 'fa-angle-up' : 'fa-angle-down' }}" aria-hidden="true"></i>
								<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>

			<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($baseLinkPath . '/filters', $category, $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>
	<span class="special-colorize-border"></span>

</xf:macro>]]></template>
    <template title="dbtech_ecommerce_product_wrapper" type="public" addon_id="DBTech/eCommerce" version_id="2020170" version_string="2.2.1"><![CDATA[<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.canChangeDiscussionThread()">
														<a href="{{ link('dbtech-ecommerce/change-thread', $product) }}" data-xf-click="overlay" class="menu-linkRow">{{ phrase('dbtech_ecommerce_change_discussion_thread') }}</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 contentcheck="true">
		<div class="block-container">
			<div class="block-body">
				<xf:contentcheck>
					<xf:macro name="dbtech_ecommerce_product_wrapper_macros::description"
							  arg-product="{$product}" />
					<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>
</div>

<div class="block">
	<div class="block-container">
		<xf:macro name="dbtech_ecommerce_product_wrapper_macros::tabs"
				  arg-product="{$product}"
				  arg-pageSelected="{$pageSelected}" />
		{$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="productInfo">
	<div class="block">
		<div class="block-container">
			<h3 class="block-minorHeader">{{ phrase('dbtech_ecommerce_product_information') }}</h3>
<span class="special-colorize-border"></span>

			<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>
						<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" />
					</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:sidebar key="pricingInfo">
	<xf:if contentcheck="true">
		<div class="block">
			<div class="block-container">
				<h3 class="block-minorHeader">{{ phrase('dbtech_ecommerce_pricing_information') }}</h3>
<span class="special-colorize-border"></span>

				<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="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>
					<span class="special-colorize-border"></span>
	<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_sidebar" context-product="{$product}" position="sidebar" />]]></template>
    <template title="dbtech_ecommerce_product_wrapper_macros" type="public" addon_id="DBTech/eCommerce" version_id="2020170" version_string="2.2.1"><![CDATA[<xf:macro name="header"
		  arg-product="!"
		  arg-titleHtml="{{ null }}"
		  arg-showMeta="{{ true }}"
		  arg-metaHtml="{{ null }}">

	<xf:page option="headerHtml">
		<div class="contentRow contentRow--hideFigureNarrow">
			<div class="contentRow-main">
				<div class="p-title">
					<h1 class="p-title-value">
						<xf:if is="$titleHtml !== null">
							{$titleHtml|raw}
						<xf:else />
							{{ prefix('dbtechEcommerceProduct', $product) }}{$product.title}
						</xf:if>
					</h1>
				</div>
				<xf:if is="$showMeta">
					<div class="p-description">
						<xf:if is="$metaHtml !== null">
							{$metaHtml|raw}
						</xf:if>
					</div>
				</xf:if>
			</div>
		</div>
	</xf:page>
</xf:macro>

<xf:macro name="description" arg-product="!">
	<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:macro>

<xf:macro name="tabs" arg-product="!" arg-licence="{{ null }}" arg-pageSelected="overview">
	<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>
<span class="special-colorize-border"></span>
	</xf:if>
</xf:macro>

<xf:macro name="sidebar" arg-product="!" arg-category="!" arg-showCheckout="{{ true }}">
	<xf:sidebar key="productInfo">
		<div class="block">
			<div class="block-container">
				<h3 class="block-minorHeader">{{ phrase('dbtech_ecommerce_product_information') }}</h3>
				<span class="special-colorize-border"></span>

				<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>
							<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" />
						</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:sidebar key="pricingInfo">
		<xf:if contentcheck="true">
			<div class="block">
				<div class="block-container">
					<h3 class="block-minorHeader">{{ phrase('dbtech_ecommerce_pricing_information') }}</h3>
				<span class="special-colorize-border"></span>

					<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>
				<span class="special-colorize-border"></span>

								<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="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>
											<span class="special-colorize-border"></span>
<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_sidebar" context-product="{$product}" position="sidebar" />
</xf:macro>]]></template>
    <template title="dbtech_ecommerce_whats_new_downloads" type="public" addon_id="DBTech/eCommerce" version_id="2020170" version_string="2.2.1"><![CDATA[<xf:title page="{$page}">{{ phrase('dbtech_ecommerce_new_downloads') }}</xf:title>

<xf:wrap template="whats_new_wrapper">
	<xf:set var="$pageSelected">new_dbtech_ecommerce_download</xf:set>
</xf:wrap>

<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="dbtech_ecommerce_download" data-href="{{ link('inline-mod') }}">
	<xf:if is="$findNew.result_count">
		<div class="block-outer">
			<xf:pagenav
				page="{$page}" perpage="{$perPage}" total="{$findNew.result_count}"
				link="whats-new/ecommerce-downloads" data="{$findNew}"
				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:contentcheck>
					</div>
				</div>
			</xf:if>
		</div>
	</xf:if>

	<div class="block-container">
		<xf:if is="$xf.visitor.user_id">
			<div class="block-filterBar">
				<div class="filterBar">
					<xf:if contentcheck="true">
						<ul class="filterBar-filters">
						<xf:contentcheck>
							<!--[XF:filters:top]-->
							<xf:if is="$findNew.filters.watched">
								<li><a href="{{ link('whats-new/ecommerce-downloads', $findNew, {'remove': 'watched'}) }}"
									class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
									<span class="filterBar-filterToggle-label">{{ phrase('show_only') }}</span>
									{{ phrase('filter_watched') }}</a></li>
							</xf:if>
							<!--[XF:filters:bottom]-->
						</xf:contentcheck>
						</ul>
					</xf:if>

					<a class="filterBar-menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('filters') }}</a>
					<xf:macro name="filter_menu" arg-findNew="{$findNew}" arg-submitRoute="{{ link('whats-new/ecommerce-downloads') }}" />
				</div>
			</div>
		</xf:if>
<span class="special-colorize-border"></span>

		<xf:if is="$findNew.result_count">
			<div class="structItemContainer">
				<xf:foreach loop="$downloads" value="$download">
					<xf:macro template="dbtech_ecommerce_download_list_macros" name="download"
						arg-download="{$download}" />
				</xf:foreach>
			</div>
		<xf:else />
			<div class="block-row">{{ phrase('no_results_found') }}</div>
		</xf:if>
	</div>

	<xf:if is="$findNew.result_count">
		<div class="block-outer block-outer--after">
			<xf:pagenav
				page="{$page}" perpage="{$perPage}" total="{$findNew.result_count}"
				link="whats-new/ecommerce-downloads" data="{$findNew}"
				wrapperclass="block-outer-main" />
			<xf:showignored wrapperclass="block-outer-opposite" />
		</div>
	</xf:if>
</div>

<xf:macro name="filter_menu" arg-findNew="!" arg-submitRoute="!">
	<div class="menu" data-menu="menu" aria-hidden="true">
		<div class="menu-content">
			<h4 class="menu-header">{{ phrase('show_only:') }}</h4>
			<xf:form action="{{ link($submitRoute) }}">
				<div class="menu-row">
					<xf:checkbox>
						<xf:option name="watched" selected="{$findNew.filters.watched}">{{ phrase('watched_content') }}</xf:option>
						<!--[XF:filter_menu:filters_extra]-->
					</xf:checkbox>
				</div>
				<!--[XF:filter_menu:below_filters]-->

				<xf:macro template="filter_macros" name="find_new_filter_footer" />
			</xf:form>
		</div>
	</div>
</xf:macro>]]></template>
    <template title="dbtech_ecommerce_widget_latest_reviews" type="public" addon_id="DBTech/eCommerce" version_id="2020170" version_string="2.2.1"><![CDATA[<xf:if is="$reviews is not empty">
	<div class="block"{{ widget_data($widget) }}>
		<div class="block-container">
			<h3 class="block-minorHeader">
				<a href="{{ link('dbtech-ecommerce/latest-reviews') }}" rel="nofollow">{{ $title ?: phrase('dbtech_ecommerce_latest_reviews') }}</a>
			</h3>
						<span class="special-colorize-border"></span>

			<ul class="block-body">
				<xf:foreach loop="$reviews" value="$review">
					<li class="block-row">
						<xf:macro template="dbtech_ecommerce_product_review_macros" name="review_simple"
							arg-review="{$review}" />
					</li>
				</xf:foreach>
			</ul>
		</div>
	</div>
</xf:if>]]></template>
    <template title="dbtech_ecommerce_widget_new_products" type="public" addon_id="DBTech/eCommerce" version_id="2020170" version_string="2.2.1"><![CDATA[<xf:if is="$products is not empty">
	<div class="block"{{ widget_data($widget) }}>
		<div class="block-container">
			<xf:if is="$style == 'full'">
				<h3 class="block-header">
					<a href="{$link}" rel="nofollow">{{ $title ?: phrase('dbtech_ecommerce_latest_products') }}</a>
				</h3>
							<span class="special-colorize-border"></span>

				<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>			<span class="special-colorize-border"></span>

				<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>			<span class="special-colorize-border"></span>

				<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>			<span class="special-colorize-border"></span>

				<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="2020170" version_string="2.2.1"><![CDATA[<xf:if is="$products is not empty">
	<div class="block"{{ widget_data($widget) }}>
		<div class="block-container">
			<xf:if is="$style == 'full'">
				<h3 class="block-header">{{ $title ?: phrase('dbtech_ecommerce_top_products') }}</h3>
							<span class="special-colorize-border"></span>

				<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>
							<span class="special-colorize-border"></span>

				<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>
							<span class="special-colorize-border"></span>
<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>
						<span class="special-colorize-border"></span>
	<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="extra.less" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[{{ include('SpaceX.less') }}
// Place your custom code below]]></template>
    <template title="forum_view" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![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:if is="!$forum.isSearchEngineIndexable()">
	<xf:head option="metaNoindex"><meta name="robots" content="noindex" /></xf:head>
</xf:if>

<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() OR $forum.canCreateThreadPreReg()">
	<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:extension name="above_node_list"></xf:extension>

<xf:if is="$nodeTree">
	<xf:ad position="forum_view_above_node_list" arg-forum="{$forum}" />
	<div class="block">
		<div class="block-container">
			<div class="block-body">
				<xf:macro template="forum_list" name="node_list"
					arg-children="{$nodeTree}"
					arg-extras="{$nodeExtras}"
					arg-depth="2" />
			</div>
		</div>
	</div>
	<xf:ad position="forum_view_below_node_list" arg-forum="{$forum}" />
</xf:if>

<xf:if is="$canInlineMod">
	<xf:js src="xf/inline_mod.js" min="1" />
</xf:if>

<xf:extension name="above_thread_list"></xf:extension>
<xf:ad position="forum_view_above_thread_list" arg-forum="{$forum}" />

<xf:extension name="thread_list_block_classes" value="" />
<div class="block {{ extension_value('thread_list_block_classes') }}" 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>

	<div class="block-container">

		<xf:extension name="thread_list_header">
			<div class="block-filterBar">
				<div class="filterBar">
					<xf:if contentcheck="true">
						<ul class="filterBar-filters">
						<xf:contentcheck>
							<xf:extension name="filters">
								<xf:macro name="filters"
									arg-forum="{$forum}"
									arg-filters="{$filters}"
									arg-starterFilter="{$starterFilter}"
									arg-threadTypeFilter="{$threadTypeFilter}" />
							</xf:extension>
						</xf:contentcheck>
						</ul>
					</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:extension>
<span class="special-colorize-border"></span>
		<xf:set var="$qtPos">{{ ($sortInfo.order == 'last_post_date' && $sortInfo.direction == 'asc') ? 'bottom' : 'top' }}</xf:set>

		<div class="block-body">
			<xf:extension name="thread_list">
				<div class="structItemContainer">
		
					<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 name="{{ $templateOverrides.thread_list_macro ?: 'thread_list_macros::item' }}"
										arg-thread="{$thread}"
										arg-forum="{$forum}"
										args="{$templateOverrides.thread_list_macro_args}" />
								</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 name="{{ $templateOverrides.thread_list_macro ?: 'thread_list_macros::item' }}"
										arg-thread="{$thread}"
										arg-forum="{$forum}"
										args="{$templateOverrides.thread_list_macro_args}"  />
								</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>
			</xf:extension>
		</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() AND !$forum.canCreateThreadPreReg()">
			<div class="block-outer-opposite">
				<xf:if is="$xf.visitor.user_id">
					<span class="button button--wrap 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>

<xf:ad position="forum_view_below_thread_list" arg-forum="{$forum}" />
<xf:extension name="below_thread_list"></xf:extension>

<xf:widgetpos id="forum_view_sidebar" context-forum="{$forum}" position="sidebar" />

<xf:macro name="filters" arg-forum="!" arg-filters="!" arg-starterFilter="{{ null }}" arg-threadTypeFilter="{{ null }}">
	<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:extension name="start"></xf:extension>

	<xf:extension name="prefix_id">
		<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:extension>

	<xf:extension name="starter_id">
		<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:extension>

	<xf:extension name="thread_type">
		<xf:if is="$filters.thread_type && $threadTypeFilter">
			<li><a href="{{ link('forums', $forum, $filters|replace('thread_type', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('thread_type_filter:') }}</span>
				{{ $threadTypeFilter.getTypeTitle() }}</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension name="last_days">
		<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:extension>

	<xf:extension name="order">
		<xf:if is="$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>
				{{ phrase_dynamic('forum_sort.' . $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:extension>

	<xf:extension name="end"></xf:extension>
</xf:macro>]]></template>
    <template title="forum_view_type_question" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:extends template="forum_view" />

<xf:extension name="thread_list_header">
	<h2 class="block-tabHeader tabs">
		<div class="hScroller" data-xf-init="h-scroller">
			<span class="hScroller-scroll">
				<!--[XF:type_tabs:start]-->
				<a href="{{ link('forums', $forum, $questionTabs.latest.filters) }}" class="tabs-tab {{ $questionTabs.latest.selected ? 'is-active' : '' }}">{{ phrase('latest_updates') }}</a>
				<a href="{{ link('forums', $forum, $questionTabs.popular.filters) }}" class="tabs-tab {{ $questionTabs.popular.selected ? 'is-active' : '' }}">{{ phrase('popular') }}</a>
				<a href="{{ link('forums', $forum, $questionTabs.newest.filters) }}" class="tabs-tab {{ $questionTabs.newest.selected ? 'is-active' : '' }}">{{ phrase('newest') }}</a>
				<a href="{{ link('forums', $forum, $questionTabs.unanswered.filters) }}" class="tabs-tab {{ $questionTabs.unanswered.selected ? 'is-active' : '' }}">{{ phrase('unanswered') }}</a>
				<a href="{{ link('forums', $forum, $questionTabs.unsolved.filters) }}" class="tabs-tab {{ $questionTabs.unsolved.selected ? 'is-active' : '' }}">{{ phrase('unsolved') }}</a>
				<xf:if is="$questionTabs.yourQuestions">
					<a href="{{ link('forums', $forum, $questionTabs.yourQuestions.filters) }}" class="tabs-tab {{ $questionTabs.yourQuestions.selected ? 'is-active' : '' }}">{{ phrase('your_questions') }}</a>
				</xf:if>
				<xf:if is="$questionTabs.yourAnswers">
					<a href="{{ link('forums', $forum, $questionTabs.yourAnswers.filters) }}" class="tabs-tab {{ $questionTabs.yourAnswers.selected ? 'is-active' : '' }}">{{ phrase('your_answers') }}</a>
				</xf:if>
				<!--[XF:type_tabs:end]-->
			</span>
		</div>

		<div class="tabs-extra tabs-extra--minor">
			<a class="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>
	</h2>

	<xf:if contentcheck="true">
		<div class="block-filterBar">
			<div class="filterBar">
				<ul class="filterBar-filters">
				<xf:contentcheck>
					<xf:extension name="filters">
						<xf:macro name="filters"
							arg-forum="{$forum}"
							arg-filters="{$filters}"
							arg-starterFilter="{$starterFilter}"
							arg-questionTabs="{$questionTabs}" />
					</xf:extension>
				</xf:contentcheck>
				</ul>
			</div>
		</div>
	</xf:if>
</xf:extension>
<span class="special-colorize-border"></span>
<xf:macro name="filters" extends="forum_view::filters" arg-questionTabs="!">
	<xf:extension name="order">
		<xf:if is="
			$questionTabs.latest.selected
			OR $questionTabs.popular.selected
			OR $questionTabs.newest.selected
		"><xf:else />
			<xf:extensionparent />
		</xf:if>
	</xf:extension>
</xf:macro>]]></template>
    <template title="forum_view_type_suggestion" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:extends template="forum_view" />

<xf:extension name="thread_list_header">
	<h2 class="block-tabHeader tabs">
		<div class="hScroller" data-xf-init="h-scroller">
			<span class="hScroller-scroll">
				<!--[XF:type_tabs:start]-->
				<a href="{{ link('forums', $forum, $suggestionTabs.latest.filters) }}" class="tabs-tab {{ $suggestionTabs.latest.selected ? 'is-active' : '' }}">{{ phrase('latest_updates') }}</a>
				<a href="{{ link('forums', $forum, $suggestionTabs.popular.filters) }}" class="tabs-tab {{ $suggestionTabs.popular.selected ? 'is-active' : '' }}">{{ phrase('popular') }}</a>
				<a href="{{ link('forums', $forum, $suggestionTabs.newest.filters) }}" class="tabs-tab {{ $suggestionTabs.newest.selected ? 'is-active' : '' }}">{{ phrase('newest') }}</a>
				<xf:if is="$suggestionTabs.implemented">
					<a href="{{ link('forums', $forum, $suggestionTabs.implemented.filters) }}" class="tabs-tab {{ $suggestionTabs.implemented.selected ? 'is-active' : '' }}">{{ phrase('implemented') }}</a>
				</xf:if>
				<xf:if is="$suggestionTabs.yourSuggestions">
					<a href="{{ link('forums', $forum, $suggestionTabs.yourSuggestions.filters) }}" class="tabs-tab {{ $suggestionTabs.yourSuggestions.selected ? 'is-active' : '' }}">{{ phrase('your_suggestions') }}</a>
				</xf:if>
				<xf:if is="$suggestionTabs.yourVotes">
					<a href="{{ link('forums', $forum, $suggestionTabs.yourVotes.filters) }}" class="tabs-tab {{ $suggestionTabs.yourVotes.selected ? 'is-active' : '' }}">{{ phrase('your_votes') }}</a>
				</xf:if>
				<!--[XF:type_tabs:end]-->
			</span>
		</div>

		<div class="tabs-extra tabs-extra--minor">
			<a class="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>
	</h2>

	<xf:if contentcheck="true">
		<div class="block-filterBar">
			<div class="filterBar">
				<ul class="filterBar-filters">
				<xf:contentcheck>
					<xf:extension name="filters">
						<xf:macro name="filters"
							arg-forum="{$forum}"
							arg-filters="{$filters}"
							arg-starterFilter="{$starterFilter}"
							arg-suggestionTabs="{$suggestionTabs}" />
					</xf:extension>
				</xf:contentcheck>
				</ul>
			</div>
		</div>
	</xf:if>
</xf:extension>
<span class="special-colorize-border"></span>
<xf:macro name="filters" extends="forum_view::filters" arg-suggestionTabs="!">
	<xf:extension name="prefix_id">
		<xf:extensionparent />

		<xf:if is="
			$filters.suggestion_state
			AND ($filters.suggestion_state != 'implemented' OR !$suggestionTabs.implemented.selected)
		">
			<li><a href="{{ link('forums', $forum, $filters|replace('suggestion_state', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('suggestion_status') }}:</span>
				<xf:if is="$filters.suggestion_state == 'open'">{{ phrase('open') }}
				<xf:elseif is="$filters.suggestion_state == 'closed'" />{{ phrase('closed') }}
				<xf:elseif is="$filters.suggestion_state == 'implemented'" />{{ phrase('implemented') }}</xf:if></a></li>
		</xf:if>
	</xf:extension>

	<xf:extension name="order">
		<xf:if is="
			$suggestionTabs.latest.selected
			OR $suggestionTabs.popular.selected
			OR $suggestionTabs.newest.selected
		"><xf:else />
			<xf:extensionparent />
		</xf:if>
	</xf:extension>
</xf:macro>]]></template>
    <template title="guestbanner" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:if is="property('SpaceX_Guest')">
<xf:if is="!$xf.visitor.user_id">
                 <xf:css src="guestbanner.less" /> 

                <div class="guestbanner">
                    <div class="guestbanner_frame">
                        <h1>{{property('SpaceX_Guest_Header')}}</h1>
                        <p>{{property('SpaceX_Guest_Content')}}</p>
                       
                    <div class="headerbuttonGroup">
                                <button href="{{ link('login') }}" data-xf-click="overlay"  class="guestlgn-button guestlgn-blue-button button--cta button button--icon button--icon--login"><span class="button-text">{{ phrase('login') }}</span></button>
                                 <em class="bracer">{{property('SpaceX_Guest_Buttonbracer')}}</em>
                                    <a href="{{ link('register') }}" data-xf-click="overlay"  class="guestlgn-button guestlgn-pink-button button"><span class="button-text"><i class="fal fa-user-plus"></i> {{ phrase('register') }}</span></a>
                                 
                                </div>
                    </div>
                     
                         
                                 
                     
                     
                    <video autoplay loop muted playsinline src="{{property('SpaceX_Guest_Video')}}"></video>
                </div>
<span class="special-colorize-border"></span>
</xf:if></xf:if>]]></template>
    <template title="guestbanner.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.guestbanner {
                    color: rgba(255,255,255,0.5);
                    position: relative;
                    text-align: center;
                    justify-content: center;
                    display: flex;
                    align-items: center;
                    min-height: 300px;
                    overflow: hidden;
                }
                 
                 
                .guestbanner > .guestbanner_frame {
                 
                 
                    margin-bottom: 30px;
                    z-index: 2;
                }
                 
                .guestbanner video {
                    position: absolute;
                    min-width: 100%;
                    bottom: 50%;
                    right: 50%;
                    transform: translateX(50%) translateY(50%);
                }
                 
                .guestbanner:after {
                    background: linear-gradient(45deg, #1054ad 0%, #bd5aba);
                    display: block;
                    position: absolute;
                    opacity: 0.6;
                    content: ' ';
                    width: 100%;
                    height: 100%;
                 
                     
                }
                 
                 
                 
                 
                 
                   
                      .headerbuttonGroup {
                    display: inline-block;
                    vertical-align: top;
                    display: flex;
                    position: relative;
                }
                        
                      .headerbuttonGroup > .button {
                          width: 50%;
                          margin: 8px;
                          padding-top: 7px;
                          padding-bottom: 7px;
                          text-transform: capitalize;
                          font-weight: 700;
                          float: left;
                          border: 0;
                        
                      }
                        
                        
                        
                      .guestlgn-button {
                          flex: 1 1 auto;
                          text-transform: capitalize;
                          background-size: 200% auto !important;
                          color: white;
                          text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
                      }
                        
                      .guestlgn-pink-button {
                          background-image: linear-gradient(to right, #8122d8 0%, #c470e0 51%, #cd43ef 100%) !important;
                          color: white !important;
                      }
                      .guestlgn-blue-button {
                      background-image: linear-gradient(to right, #248fa0 0%, #4dbdde 51%, #047caa 100%) !important;
                      color: white !important;
                      }
                        
                      .guestlgn-button:hover {
                          background-position: right center !important;
                      }
                        
                      .button, a.button{transition: all 0.5s;}
                        
                      .bracer {
                          width: 48px;
                          height: 41px;
                          max-height: 41px;
                          display: inline-block;
                          position: relative;
                          margin: 6px -20px;
                          line-height: 41px;
                          background: #fff;
                          color: #777;
                          text-align: center;
                          border-radius: 50%;
                      }]]></template>
    <template title="help_wrapper" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:if is="$pages is not empty">
	<xf:sidenav>
		<div class="block">
			<div class="block-container">
				<h2 class="block-header">{{ phrase('help') }}</h2>
				<span class="special-colorize-border"></span>
				<div class="block-body">
					<xf:foreach loop="$pages" value="$page">
						<xf:if is="($page.page_id == 'trophies' AND $xf.options.enableTrophies) OR $page.page_id != 'trophies'">
							<a href="{$page.public_url}" class="blockLink {{ $pageSelected == $page.page_name ? 'is-selected' : '' }}">{$page.title}</a>
						</xf:if>
					</xf:foreach>
				</div>
			</div>
		</div>
	</xf:sidenav>
	<xf:page option="sideNavTitle">{{ phrase('help_pages') }}</xf:page>
</xf:if>

<xf:widgetpos id="help_page_sidenav" position="sidenav" />

{$innerContent|raw}]]></template>
    <template title="helper_js_global" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:macro name="head" arg-app="!">
	<xf:set var="$cssUrls" value="{{ ['public:normalize.css', 'public:fa.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:macro>

<xf:macro name="body" arg-app="!" arg-jsState="{{ null }}">
	<xf:corejs />
	<!--XF:JS-->
		<script type="text/javascript">
$(document).ready(function () {

    'use strict';

    var activehigh, currentScrollTop = 0,
        header = $('#hideheader');

    $(window).scroll(function () {
        var scrollhigh = $(window).scrollTop();
        var headerhigh = header.height();

        currentScrollTop = scrollhigh;

        if (activehigh < currentScrollTop && scrollhigh > headerhigh + headerhigh) {
            header.addClass('hide-active');
        } else if (activehigh > currentScrollTop && !(scrollhigh <= headerhigh)) {
            header.removeClass('hide-active');
        }
        activehigh = currentScrollTop;
    });

});

			
</script>

	
	<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' }}
			},
			cacheKey: '{{ cache_key()|escape("js") }}',
			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},
			allowedAudioExtensions: {$xf.allowedAudioExtensions|json|raw},
			shortcodeToEmoji: {{ $xf.options.shortcodeToEmoji ? 'true' : 'false' }},
			visitorCounts: {
				conversations_unread: '{$xf.visitor.conversations_unread|number}',
				alerts_unviewed: '{$xf.visitor.alerts_unviewed|number}',
				total_unread: '{{ ($xf.visitor.conversations_unread + $xf.visitor.alerts_unviewed)|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') }}",

			number_button_up: "{{ phrase('number_button_up')|escape('js') }}",
			number_button_down: "{{ phrase('number_button_down')|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:macro>]]></template>
    <template title="login" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:css src="login.less" />
<xf:js src="xf/login_signup.js" min="1" />
<xf:title>{{ phrase('log_in') }}</xf:title>
<span class="special-colorize-border"></span>

<xf:head option="robots"><meta name="robots" content="noindex" /></xf:head>

<xf:if contentcheck="true">
	<div class="blockMessage blockMessage--error blockMessage--iconic">
		<xf:contentcheck>{$error}</xf:contentcheck>
	</div>
</xf:if>

<div class="blocks Newloginstyle">
	<xf:form action="{{ link('login/login') }}" class="block">
		<div class="block-container">
			<div class="block-body">
				<div class="newicon newiconbg"></div>    
        <xf:textboxrow name="login" value="{$login}" autofocus="autofocus" autocomplete="username"
        placeholder="{{ phrase('your_name_or_email_address') }}" />
 
    <xf:passwordboxrow name="password" autocomplete="current-password"
        placeholder="{{ phrase('password') }}">
    </xf:passwordboxrow>
				
				<xf:if is="$captcha">
					<xf:captcharow label="{{ phrase('verification') }}" force="true" force-visible="true" />
				</xf:if>

				<xf:checkboxrow>
                              <xf:option name="remember" selected="true">{{ phrase('stay_logged_in') }}</xf:option>
                           
                          <xf:html>
                                  <a href="{{ link('lost-password') }}" data-xf-click="overlay">{{ phrase('forgot_your_password') }}</a>
                              </xf:html>
                          </xf:checkboxrow>
                           
                                  <div class="buttonGroup">
                          <button type="submit" class="new-button new-blue-button button--cta button button--icon button--icon--login"><span class="button-text">{{ phrase('login') }} </span></button>
                          <em class="brace">or</em>
                           
                              <a href="{{ link('register') }}"  class="new-button new-pink-button button"><span class="button-text"><i class="fal fa-user-plus"></i>{{ phrase('register') }}</span></a>
                           
                          </div>
				
				<xf:hiddenval name="_xfRedirect">{$redirect}</xf:hiddenval>
		<xf:if is="$providers is not empty">
                              <xf:formrow rowtype="button">
           
                                  <ul class="listHeap2">
                                      <xf:foreach loop="$providers" value="$provider">
                                          <li>
                                              <xf:macro template="connected_account_macros" name="button"
                                                  arg-provider="{$provider}" />
                                          </li>
                                      </xf:foreach>
                                  </ul>
                              </xf:formrow>
                      </xf:if>
                      </div>
                  </div>
              </xf:form>
              
                      </div>]]></template>
    <template title="login.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.Newloginstyle {
            margin: 0 auto;
        }
         
        .Newloginstyle .block-body {
            padding: 25px 0;
        }
         
        .Newloginstyle .input {
            text-align: center;
        }
         
        .buttonGroup {
            display: inline-block;
            vertical-align: top;
            padding-bottom: 20px;
            display: flex;
            margin: 25px 25px;
            justify-content: center;
        }
         
        .buttonGroup > .button {
            width: 50%;
            margin: 8px;
            padding-top: 7px;
            padding-bottom: 7px;
            text-transform: capitalize;
            font-weight: 700;
            float: left;
            border: 0;
         
        }
         
         
         
        .new-button {
            flex: 1 1 auto;
            text-transform: capitalize;
            background-size: 200% auto !important;
            color: white;
            text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        }
         
        .new-pink-button {
            background-image: linear-gradient(to right, #8122d8 0%, #c470e0 51%, #cd43ef 100%) !important;
            color: white !important;
        }
        .new-blue-button {
        background-image: linear-gradient(to right, #248fa0 0%, #4dbdde 51%, #047caa 100%) !important;
        color: white !important;
        }
         
        .new-button:hover {
            background-position: right center !important;
        }
         
        .button, a.button{transition: all 0.5s;}
         
        .brace {
            width: 48px;
            height: 41px;
            max-height: 41px;
            display: inline-block;
            position: relative;
            margin: 6px -20px;
            line-height: 41px;
            background: #fff;
            color: #777;
            text-align: center;
            border-radius: 50%;
        }
         
         
         
        .Newloginstyle .formRow--input>dt,
        .Newloginstyle .inputGroup-text,
        .Newloginstyle .formRow>dt,
        .Newloginstyle .block-outer.block-outer--after,
        .Newloginstyle .blocks-textJoiner
        {display: none;
        }
         
         
         
         
        .Newloginstyle .inputChoices {
               display:inline-block;
            margin-right: 25px;
            margin-top: -5px;
        }
         
        .Newloginstyle .formRow>dd {
            width: 100%;
            padding: 10px 10px 0px 10px;
            text-align: center; 
        }
         
        .newiconbg {
            background-color: transparent;
        }
        .newicon {
               background:url(styles/spacex/login.png) no-repeat;
            animation: rotateicon 4s infinite linear;
            display: block;
            width: 64px;
            height: 64px;
            margin: 0 auto;
            margin-bottom: 6px;
        }
         
        @keyframes rotateicon {
         
            0% {
            -webkit-transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
        }}
         
        .fa-user-plus:before {
    content: "\f234";
    margin-right: 5px;
}
        .listHeap2 {
            list-style: none;
            margin: 0;
            padding: 0;
            margin-top: -35px;
            text-align: center;
        }]]></template>
    <template title="megafooter" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<footer class="p-footer" id="footer">
	<div class="p-footer-inner">
<xf:if is="property('SpaceX_Footer_Show')">

		<div class="foo-cont">
        <div class="foo-box foo-box1">
            <span class="foo-slashl1"><span class="foo-slashl2"></span><span class="foo-slashl3"></span></span>
			<h2>{{property('SpaceX_footer1_Header')}}</h2>
            <div class="f-cont">
				<p><xf:if is="property('SpaceX_footer1_Content')">{{property('SpaceX_footer1_Content')}}</xf:if>
					</p>
              <xf:if is="property('SpaceX_footer1_Social')">
				<div class="foo-soc">
                    	<a href="{{property('SpaceX_footer1_Facebook')}}" target="_blank"><span class="fab fa-facebook-f"></span></a>
					
					
                    	<a href="{{property('SpaceX_footer1_Twitter')}}" target="_blank"><span class="fab fa-twitter"></span></a>
					
					
                    	<a href="{{property('SpaceX_footer1_Instagram')}}" target="_blank"><span class="fab fa-instagram"></span></a>
					
					
                    	<a href="{{property('SpaceX_footer1_Youtube')}}" target="_blank"><span class="fab fa-youtube"></span></a>
					
                </div>
					</xf:if>
							<xf:if contentcheck="true">
			<div class="p-footer-copyright">
			<xf:contentcheck>
				<xf:copyright />
				{{ phrase('extra_copyright') }}
			</xf:contentcheck>
			</div>
		</xf:if>
					
            </div>
        </div>
        <div class="foo-box foo-box2">
            <h2>{{property('SpaceX_footer2_Header')}}</h2>
            <div class="f-cont">
				<div class="footer-icon">
		<span class="fal fa-arrow-alt-right"></span>
			<span class="foo-text">
				<a href="{{property('SpaceX_footer2_link1')}}">{{property('SpaceX_footer2_text1')}}</a>
			</span>
	</div>
	<div class="footer-icon">
		<span class="fal fa-arrow-alt-right"></span>
		<span class="foo-text">
			<a href="{{property('SpaceX_footer2_link2')}}">{{property('SpaceX_footer2_text2')}}</a>
		</span>
	</div>
	<div class="footer-icon">
		<span class="fal fa-arrow-alt-right"></span>
		<span class="foo-text">
			<a href="{{property('SpaceX_footer2_link3')}}">{{property('SpaceX_footer2_text3')}}</a>
		</span>
	</div>
	<div class="footer-icon">
		<span class="fal fa-arrow-alt-right"></span>
		<span class="foo-text">
			<a href="{{property('SpaceX_footer2_link4')}}">{{property('SpaceX_footer2_text4')}}</a>
		</span>
</div>
            </div>
        </div>
	<div class="foo-box foo-box3">
            <h2>{{property('SpaceX_footer3_Header')}}</h2>
            <div class="f-cont">
                <div class="footer-icon">
		<span class="fal fa-arrow-alt-right"></span>
			<span class="foo-text">
				<a href="{{property('SpaceX_footer3_link1')}}">{{property('SpaceX_footer3_text1')}}</a>
			</span>
	</div>
	<div class="footer-icon">
		<span class="fal fa-arrow-alt-right"></span>
		<span class="foo-text">
			<a href="{{property('SpaceX_footer3_link2')}}">{{property('SpaceX_footer3_text2')}}</a>
		</span>
	</div>
	<div class="footer-icon">
		<span class="fal fa-arrow-alt-right"></span>
		<span class="foo-text">
			<a href="{{property('SpaceX_footer3_link3')}}">{{property('SpaceX_footer3_text3')}}</a>
		</span>
	</div>
	<div class="footer-icon">
		<span class="fal fa-arrow-alt-right"></span>
		<span class="foo-text">
			<a href="{{property('SpaceX_footer3_link4')}}">{{property('SpaceX_footer3_text4')}}</a>
		</span>
</div>
            </div>
        </div>
        <div class="foo-box foo-box4">
            <h2>{{property('SpaceX_footer4_Header')}}</h2>
            <div class="f-cont MostReactions">
			<xf:widget key="Mostreact"/>
			</div>
        </div>
</div>
<span class="special-colorize-border"></span>	
		</xf:if>
	
	<div class="p-footer-row">
			<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>

	

		<xf:if contentcheck="true">
			<div class="p-footer-debug">
			<xf:contentcheck>
				<xf:macro template="debug_macros" name="debug"
					arg-controller="{$controller}"
					arg-action="{$actionMethod}"
					arg-template="{$template}" />
			</xf:contentcheck>
			</div>
		</xf:if>
	</div>
</footer>]]></template>
    <template title="member_view" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:title page="{$page}">{$user.username}</xf:title>
<xf:h1 hidden="true" />

<xf:if is="!$user.isSearchEngineIndexable()">
	<xf:head option="metaNoindex"><meta name="robots" content="noindex" /></xf:head>
</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" />
<span class="special-colorize-border"></span>
<div class="block">
	<div class="block-container">
		<div class="block-body">
			<div class="memberHeader {{ $user.Profile.banner_date ? 'memberHeader--withBanner' : '' }}">
				<xf:profilebanner user="$user" size="l" class="memberHeader-main" toggle="memberHeader--withBanner">
					<div class="memberHeader-mainContent">
						<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 is="$user.user_id == $xf.visitor.user_id && $xf.visitor.canUploadProfileBanner()">
												<xf:button href="{{ link('account/banner') }}"
													class="button--link" overlay="true">
													{{ phrase('edit_profile_banner') }}
												</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">
							<span class="memberHeader-nameWrapper" data-stroke="{$user.username}">
								<xf:username user="{$user}" rich="true" href="" />
							</span>
							<xf:if is="$user.hasViewableUsernameHistory()">
								<a class="memberHeader-nameChangeIndicator"
									data-xf-click="menu"
									data-xf-init="tooltip"
									title="{{ phrase('username_changed') }}"
									role="button"
									tabindex="0"
									aria-expanded="false"
									aria-haspopup="true"
									aria-label="{{ phrase('username_changed') }}"><xf:fa icon="fa-history" /></a>
								<div class="menu" data-menu="menu" aria-hidden="true"
									data-href="{{ link('members/username-history', $user, {'menu': 1}) }}"
									data-load-target=".js-usernameHistoryBody">
									<div class="menu-content">
										<h3 class="menu-header">{{ phrase('previous_usernames') }}</h3>
										<div class="js-usernameHistoryBody">
											<div class="menu-row">
												{{ phrase('loading...') }}
											</div>
										</div>
									</div>
								</div>
							</xf:if>
						</h1>

						<xf:if contentcheck="true">
							<div class="memberHeader-banners">
								<xf:contentcheck><xf:userbanners user="$user" /></xf:contentcheck>
							</div>
						</xf:if>

						<div class="memberHeader-blurbContainer">
							<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>
				</xf:profilebanner>

				<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>
		<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>
	</div>
</div>

<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" />

			<xf:macro template="lightbox_macros" name="setup" arg-canViewAttachments="{$canViewAttachments}" />

			<div class="block block--messages"
				data-xf-init="lightbox 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"
								arg-attachmentData="{$attachmentData}" />
						</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-attachmentData="{$profilePostAttachData.{$profilePost.profile_post_id}}"
									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="member_wrapper" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:sidenav>
	<div class="block">
		<div class="block-container">
			<h3 class="block-header">{{ phrase('members') }}</h3>
			<span class="special-colorize-border"></span>
			<div class="block-body">
				<a class="blockLink {{ $pageSelected == 'overview' ? 'is-selected' : '' }}" href="{{ link('members') }}">{{ phrase('overview') }}</a>
				<xf:foreach loop="$memberStats" key="$key" value="$memberStat">
					<a class="blockLink {{ $pageSelected == $key ? 'is-selected' : '' }}" href="{{ link('members', null, {'key': $memberStat.member_stat_key}) }}">{$memberStat.title}</a>
				</xf:foreach>
				<xf:if is="$xf.options.enableMemberList">
					<a class="blockLink {{ $pageSelected == 'member_list' ? 'is-selected' : '' }}" href="{{ link('members/list') }}">{{ phrase('registered_members') }}</a>
				</xf:if>
			</div>
		</div>
	</div>
</xf:sidenav>
<xf:page option="sideNavTitle">{{ phrase('members') }}</xf:page>

<xf:widgetpos id="member_wrapper_sidenav" position="sidenav" />
{$innerContent|raw}]]></template>
    <template title="message.less" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[@_message-actionColumnWidth: 40px;
@_messageSimple-userColumnWidth: 70px;

.message
{
	+ .message,
	&.message--bordered
	{
		border-top: @xf-borderSize solid @xf-borderColor;
	}
}

.message,
.block--messages .message
{
	&.is-mod-selected
	{
		background: @xf-inlineModHighlightColor;

		.message-cell--user,
		.message-cell--vote
		{
			background: @xf-inlineModHighlightColor;
		}

		.message-userArrow:after
		{
			border-right-color: @xf-inlineModHighlightColor;
		}
	}
}

.message-inner
{
	display: flex;

	& + .message-inner
	{
		border-top: @xf-borderSize solid @xf-borderColor;
	}
}

.message-cell
{
	display: block;
	vertical-align: top;
	padding: @xf-messagePadding;

	.message--quickReply &
	{
		//padding-bottom: 35px; // for the submit row

		> .formRow:last-child
		{
			> dd
			{
				padding-bottom: 0;
			}
		}
	}

	&.message-cell--closer
	{
		padding: @xf-messagePaddingSmall;

		&.message-cell--user
		{
			.m-fixedWidthFlex((@xf-messageUserBlockWidth) + 2 * (@xf-messagePaddingSmall));

			.message--simple &
			{
				.m-fixedWidthFlex(@_messageSimple-userColumnWidth + 2 * (@xf-messagePaddingSmall));

			}
		}

		&.message-cell--action
		{
			.m-fixedWidthFlex((@_message-actionColumnWidth) + 2 * (@xf-messagePaddingSmall));
		}
	}

	&.message-cell--user,
	&.message-cell--action
	{
		position: relative;
		.xf-messageUserBlock(no-border);
		border-right: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
		min-width: 0;
	}

	&.message-cell--vote
	{
		position: relative;
		.xf-messageUserBlock(no-border);
		border-left: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
		border-right: 0;
		padding-top: 0;
		padding-bottom: 0;

		.message--solution &
		{
			background: @xf-successBg;
		}

		.solutionIcon
		{
			margin-top: @xf-paddingMedium;
		}
	}

	&.message-cell--user
	{
		.m-fixedWidthFlex((@xf-messageUserBlockWidth) + 2 * (@xf-messagePadding));

		.message--simple &
		{
			.m-fixedWidthFlex(@_messageSimple-userColumnWidth + 2 * @xf-messagePaddingSmall);
		}
	}

	&.message-cell--action
	{
		.m-fixedWidthFlex((@_message-actionColumnWidth) + 2 * (@xf-messagePadding));
	}

	&.message-cell--main
	{
		flex: 1 1 auto;
		width: 100%;
		min-width: 0;

		&.is-editing
		{
			padding: 0;
		}

		// should really only happen when editing
		.block
		{
			margin: 0;
		}

		.block-container
		{
			margin: 0;
			border: none;
		}
	}

	&.message-cell--alert
	{
		font-size: @xf-fontSizeSmall;
		flex: 1 1 auto;
		width: 100%;
		min-width: 0;
		.xf-contentAccentBase();

		a
		{
			.xf-contentAccentLink();
		}
	}

	&.message-cell--extra
	{
		.m-fixedWidthFlex(180 + 2 * (@xf-messagePadding));
		border-left: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
		background: @xf-contentAltBg;

		.formRow-explain
		{
			margin: @xf-paddingMedium 0 0;
			.xf-formExplain();
			.m-textColoredLinks();
			font-size: 80%;
		}
	}

	&.message-cell--header,
	&.message-cell--solutionHeader
	{
		flex: 1 1 auto;
		width: 100%;
		min-width: 0;
		padding: @xf-blockPaddingV @xf-blockPaddingH;
		margin: 0;
	}

	&.message-cell--header
	{
		font-weight: @xf-fontWeightNormal;
		text-decoration: none;
		.xf-blockHeader();
		border-bottom: none;

		.m-hiddenLinks();
	}

	&.message-cell--solutionHeader
	{
		color: @xf-successColor;
		font-size: @xf-fontSizeLarge;
		background: @xf-successBg;
		border-left: @xf-borderSizeFeature solid @xf-successFeatureColor;
	}
}

.message-main
{
	height: 100%;
	display: flex;
	flex-direction: column;
}

.message-content
{
	flex: 1 1 auto;

	// IE11 flex bug
	min-height: 1px;
}

.message-footer
{
	margin-top: auto;
}

.message-expandWrapper
{
	position: relative;
	overflow: hidden;
	.m-transition(-xf-height, height);

	.message-expandContent
	{
		max-height: 250px;
		overflow: hidden;
	}

	&.is-expandable
	{
		.message-expandLink
		{
			display: block;
		}
	}

	&.is-expanded
	{
		.message-expandContent
		{
			max-height: none;
		}

		.message-expandLink
		{
			display: none;
		}
	}
}

.message-column
{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.message-expandLink
{
	display: none;
	position: absolute;
	top: 60%;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
	z-index: @zIndex-1;

	.m-gradient(
		fade(@xf-contentBase--background-color, 0%),
		xf-default(@xf-contentBase--background-color, transparent),
		transparent,
		0%,
		70%
	);

	a
	{
		position: absolute;
		bottom: @xf-messagePadding;
		left: 0;
		right: 0;
		text-align: center;
		font-size: @xf-fontSizeSmall;
		color: @xf-textColorAttention;
		text-decoration: none;
	}
}

@media (max-width: @xf-messageSingleColumnWidth)
{
	.message:not(.message--forceColumns)
	{
		.message-inner
		{
			display: block;
		}

		.message-cell
		{
			display: block;
			.m-clearFix();

			&.message-cell--user
			{
				width: auto;
				border-right: none;
				border-bottom: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
			}

			&.message-cell--vote
			{
				width: auto;
				border-left: none;
				border-top: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;

				.solutionIcon
				{
					margin-top: 0;
				}
			}

			&.message-cell--main
			{
				padding-left: @xf-messagePadding;
			}

			&.message-cell--extra
			{
				width: auto;
				border-left: none;
				border-top: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
			}
		}

		.message-column
		{
			flex-direction: row;
			justify-content: space-evenly;
		}
	}

	.message--simple:not(.message--forceColumns),
	.message--quickReply:not(.message--forceColumns)
	{
		.message-cell.message-cell--user
		{
			display: none;
		}
	}
}

// ######################## USER COLUMN #########################

.message-userArrow
{
	position: absolute;
	top: (@xf-messagePadding) * 2;
	right: -1px;

	.m-triangleLeft(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

	&:after
	{
		position: absolute;
		top: -(@xf-messagePadding - 1px);
		right: -@xf-messagePadding;
		content: "";

		.m-triangleLeft(@xf-contentBg, @xf-messagePadding - 1px);
	}
}

.message-avatar
{
	text-align: center;

	.avatar
	{
		vertical-align: bottom;
	}
}

.message-avatar-wrapper
{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: .5em;

	.message-avatar-online
	{
		position: absolute;

		// center bottom position
		left: 50%;
		margin-left: -.615em;
		bottom: -.5em;

		&:before
		{
			.m-faBase();
			.m-faContent(@fa-var-user-circle, .969em);
			line-height: 1;
			font-weight: bold;
			color: rgb(127, 185, 0);
			background: @xf-messageUserBlock--background-color;
			border: @xf-messageUserBlock--background-color solid 2px;
			border-radius: 50%;
			display: inline-block;
		}
	}
}

.message-name
{
	font-weight: @xf-fontWeightHeavy;
	font-size: inherit;
	text-align: center;
	margin: 0;
}

.message-userTitle
{
	font-size: @xf-fontSizeSmaller;
	font-weight: normal;
	text-align: center;
	margin: 0;
}

.message-userBanner.userBanner
{
	display: block;
	margin-top: 3px;
}

.message-userExtras
{
	margin-top: 3px;
	font-size: @xf-fontSizeSmaller;
}

.message--deleted
{
	.message-userDetails
	{
		display: none;
	}

	.message-avatar .avatar
	{
		.m-avatarSize(@avatar-s);
	}
}

@media (max-width: @xf-messageSingleColumnWidth)
{
	.message:not(.message--forceColumns)
	{
		.message-userArrow
		{
			top: auto;
			right: auto;
			bottom: -1px;
			left: ((@avatar-s) / 2);

			border: none;
			.m-triangleUp(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

			&:after
			{
				top: auto;
				right: auto;
				left: -(@xf-messagePadding - 1px);
				bottom: -@xf-messagePadding;

				border: none;
				.m-triangleUp(@xf-contentBg, @xf-messagePadding - 1px);
			}
		}

		&.is-mod-selected
		{
			.message-userArrow:after
			{
				border-color: transparent;
				border-bottom-color: @xf-inlineModHighlightColor;
			}
		}

		.message-user
		{
			display: flex;
		}

		.message-avatar
		{
			margin-bottom: 0;

			.avatar
			{
				.m-avatarSize(@avatar-s);

				& + .message-avatar-online
				{
					left: auto;
					right: 0;
				}
			}
		}

		.message-userDetails
		{
			flex: 1;
			min-width: 0;
			padding-left: @xf-messagePadding;
		}

		.message-name
		{
			text-align: left;
		}

		.message-userTitle,
		.message-userBanner.userBanner
		{
			display: inline-block;
			text-align: left;
			margin: 0;
		}

		.message-userExtras
		{
			display: none;
		}

		.message--deleted
		{
			.message-userDetails
			{
				display: block;
			}
		}
	}
}

// ####################### MAIN COLUMN ####################

.message-content
{
	position: relative;

	.js-selectToQuoteEnd
	{
		height: 0;
		font-size: 0;
		overflow: hidden;
	}

	.message--multiQuoteList &
	{
		min-height: 80px;
		max-height: 120px;
		overflow: hidden;

		.message-body
		{
			pointer-events: none;
		}
	}
}

.message-attribution
{
	color: @xf-textColorMuted;
	font-size: @xf-fontSizeSmaller;
	padding-bottom: 3px;
	border-bottom:1px solid var(--generalborder);
	.m-clearFix();

	&.message-attribution--plain
	{
		border-bottom: none;
		font-size: inherit;
		padding-bottom: 0;
	}

	&.message-attribution--split
	{
		display: flex;
		align-items: flex-end;

		.message-attribution-opposite
		{
			margin-left: auto;
		}
	}
}

.message-attribution-main
{
	float: left;
}

.message-attribution-opposite
{
	float: right;

	&.message-attribution-opposite--list
	{
		display: flex;
		.m-listPlain();

		> li
		{
			margin-left: 14px;

			&:first-child
			{
				margin-left: 0;
			}
		}
	}

	a
	{
		color: inherit;

		&:hover
		{
			text-decoration: none;
			color: @xf-linkHoverColor;
		}
	}
}

.message-attribution-gadget
{
	display: inline-block;
	margin: -3px -7px;
	padding: 3px 7px;
}

.message-attribution-source
{
	font-size: @xf-fontSizeSmaller;
	margin-bottom: @xf-paddingSmall;
}

.message-attribution-user
{
	font-weight: @xf-fontWeightHeavy;

	.avatar
	{
		display: none;
	}

	.attribution
	{
		display: inline;
		font-size: inherit;
		font-weight: inherit;
		margin: 0;
	}
}

.message-newIndicator,
a.message-newIndicator
{
	.xf-messageNewIndicator();
	white-space: nowrap;
}

a.message-newIndicator:hover
{
	color: @xf-messageNewIndicator--color;
}

.message-minorHighlight
{
	font-size: @xf-fontSizeSmall;
	color: @xf-textColorFeature;
}

.message-fields
{
	margin: @xf-messagePadding 0;

	.message--simple &
	{
		margin-top: @xf-messagePaddingSmall;
		margin-bottom: @xf-messagePaddingSmall;
	}

	&:last-child
	{
		margin-bottom: 0;
	}
}

.message-body
{
	margin: @xf-messagePadding 0;
	font-family: @xf-fontFamilyBody;
	.m-clearFix();

	.message--simple &
	{
		margin-top: @xf-messagePaddingSmall;
		margin-bottom: @xf-messagePaddingSmall;
	}

	&:last-child
	{
		margin-bottom: 0;
	}

	.message-title
	{
		// basically replicates .structItem-title
		font-size: @xf-fontSizeLarge;
		font-weight: @xf-fontWeightNormal;
		margin: 0 0 @xf-messagePadding 0;
		padding: 0;
	}
}

.message-attachments
{
	margin: .5em 0;
}

	.message-attachments-list
	{
		.m-listPlain();
	}

.message-lastEdit
{
	margin-top: .5em;
	color: @xf-textColorMuted;
	font-size: @xf-fontSizeSmallest;
	text-align: right;
}

.message-signature
{
	margin-top: @xf-messagePadding;
	.xf-messageSignature();
}

.message-actionBar .actionBar-set
{
	margin-top: @xf-messagePadding;
	font-size: @xf-fontSizeSmall;

	.message--simple &
	{
		margin-top: @xf-messagePaddingSmall;
	}
}

.message .likesBar
{
	margin-top: @xf-messagePadding;
	padding: @xf-messagePaddingSmall;
}

.message .reactionsBar
{
	margin-top: @xf-messagePadding;
	padding: @xf-messagePaddingSmall;
}

.message-historyTarget
{
	margin-top: @xf-messagePadding;
}

.message-gradient
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60px;

	.m-gradient(fade(@xf-contentBg, 0%), @xf-contentBg, @xf-contentBg, 0%, 90%);
}

.message-responses
{
	margin-top: @xf-messagePaddingSmall;
	font-size: @xf-fontSizeSmall;

	.editorPlaceholder
	{
		.input
		{
			font-size: inherit;
		}
	}
}

.message-responseRow
{
	margin-top: -@xf-minorBlockContent--border-width;
	.xf-minorBlockContent();
	padding: @xf-messagePaddingSmall;

	// note that border radiuses are very difficult to do here due to a lot of dynamic showing/hiding

	&.message-responseRow--likes,
	&.message-responseRow--reactions
	{
		.m-transitionFadeDown();
	}
}

@media (max-width: @xf-messageSingleColumnWidth)
{
	.message:not(.message--forceColumns)
	{
		.message-attribution-user .avatar
		{
			display: inline-flex;
			.m-avatarSize((@xf-fontSizeNormal) * (@xf-lineHeightDefault));
		}

		.message-content
		{
			// this is 1px to workaround an IE11 issue - see #139187
			min-height: 1px;
		}
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.message-signature
	{
		display: none;
	}
}

// MESSAGE MENU

.message-menuGroup
{
	display: inline-block;
}

.message-menuTrigger
{
	display: inline-block;

	&:after
	{
		.m-menuGadget(); // 1em
		text-align: right;
	}

	&:hover:after
	{
		color: black;
	}
}

.message-menu-section
{
	&--editDelete
	{
		.menu-linkRow
		{
			font-weight: @xf-fontWeightHeavy;
			font-size: @xf-fontSizeNormal;
		}
	}
}

.message-menu-link
{
	&--delete i:after
	{
		.m-faContent(@fa-var-trash-alt);
	}
	&--edit i:after
	{
		.m-faContent(@fa-var-edit);
	}
	&--report i:after
	{
		.m-faContent(@fa-var-frown);
	}
	&--warn i:after
	{
		.m-faContent(@fa-var-exclamation-triangle);
	}
	&--spam i:after
	{
		.m-faContent(@fa-var-ban);
	}
	&--ip i:after
	{
		.m-faContent(@fa-var-sitemap);
	}
	&--history i:after
	{
		.m-faContent(@fa-var-history);
	}
	&--follow i:after
	{
		.m-faContent(@fa-var-user-plus);
	}
	&--ignore i:after
	{
		.m-faContent(@fa-var-user-times);
	}
	&--share i:after
	{
		.m-faContent(@fa-var-share-alt);
	}
}

// ############################# CUSTOM FOR MESSAGE VARIANTS ##############

.message-articleUserInfo
{
	.xf-messageUserBlock(no-border);
	border-top: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;

	&:last-child
	{
		.m-borderBottomRadius(@block-borderRadius-inner);
	}

	.contentRow-figure
	{
		width: @xf-messageUserBlockWidth;
		text-align: center;
	}

	.contentRow-main
	{
		padding-left: 2 * (@xf-messagePadding);
		text-align: left;
	}

	@media (max-width: @xf-messageSingleColumnWidth)
	{
		.contentRow-figure
		{
			width: auto;
		}

		.contentRow-main
		{
			padding-left: @xf-paddingLarge;
		}
	}
}

.message-articleWrittenBy
{
	color: @xf-textColorMuted;
	font-size: @xf-fontSizeSmall;
}

.message-articleUserName
{
	font-weight: @xf-fontWeightHeavy;
	font-size: @xf-fontSizeLarger;
 	margin: 0;
	display: inline;
}

.message-articleUserBlurb,
.message-articleUserBlurb div
{
	font-size: @xf-fontSizeSmall;
	display: inline;
}

.message-articleUserAbout
{
	font-size: @xf-fontSizeSmall;
	margin: .5em 0;
}

.message-articleUserBanners .userBanner
{
	margin-bottom: 3px;
}

.message-articleUserStats
{
	font-size: @xf-fontSizeSmall;
	color: @xf-textColorMuted;
}

@media (max-width: @xf-responsiveNarrow)
{
	.message-articleUserStats
	{
		display: none;
	}
}

// ############################# COMMENTS ###############

.comment
{
}

.comment-inner
{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.comment-avatar
{
	display: table-cell;
	width: 24px;
	vertical-align: top;

	.avatar,
	img
	{
		vertical-align: bottom;
	}
}

.comment-main
{
	display: table-cell;
	padding-left: @xf-messagePadding;
	vertical-align: top;
}

.comment-contentWrapper
{
	margin-bottom: @xf-messagePaddingSmall;
}

.comment-user
{
	font-weight: @xf-fontWeightHeavy;
}

.comment-body
{
	display: inline;
}

.comment-note
{
	color: @xf-textColorMuted;
	font-size: @xf-fontSizeSmallest;
}

.comment-input
{
	display: block;
	height: 2.34em;
	margin-bottom: @xf-messagePaddingSmall;
}

.comment-actionBar .actionBar-set
{
	margin-top: @xf-messagePaddingSmall;
	color: @xf-textColorMuted;
}

.comment-likes,
.comment-reactions
{
	.m-transitionFadeDown();

	margin-top: @xf-messagePaddingSmall;
	font-size: @xf-fontSizeSmaller;
}

// ################################## MESSAGE QUICK REPLY ADDITIONS #############

.formSubmitRow.formSubmitRow--messageQr
{
	.formSubmitRow-controls
	{
		text-align: center;
		padding-left: 0;
		padding-right: 0;
		margin-left: @xf-messagePadding;
		margin-right: @xf-messagePadding;

		@media (max-width: @xf-formResponsive)
		{
			text-align: right;
		}
	}
}

// ################################## MESSAGE NOTICES #############################

.messageNotice
{
	margin: @xf-messagePaddingSmall 0;
	padding: @xf-messagePaddingSmall @xf-messagePadding;
	.xf-contentAccentBase();
	font-size: @xf-fontSizeSmaller;
	border-left: @xf-borderSizeMinorFeature solid @xf-borderColorAttention;

	&.messageNotice--nested
	{
		border-left-width: @xf-borderSize;
	}

	&:not(.messageNotice--highlighted)
	{
		a,
		a:hover
		{
			.xf-contentAccentLink();
		}
	}

	&:before
	{
		display: inline-block;
		.m-faBase();
		padding-right: .2em;
		font-size: 125%;
		color: @xf-textColorAttention;
	}

	&.messageNotice--highlighted
	{
		.xf-contentHighlightBase();
		border-left-color: @xf-borderColorFeature;

		&:before
		{
			color: @xf-textColorFeature;
		}
	}

	&.messageNotice--deleted:before { .m-faContent(@fa-var-trash-alt); } // , .88em
	&.messageNotice--moderated:before { .m-faContent(@fa-var-shield); } // , 1em
	&.messageNotice--warning:before { .m-faContent(@fa-var-exclamation-triangle); } // , 1em
	&.messageNotice--ignored:before { .m-faContent(@fa-var-microphone-slash); } // , 1.25em
}

// ##################### MESSAGE VARIANTS/RESPONSIVE ##################

@media (min-width: @xf-responsiveEdgeSpacerRemoval)
{
	.block:not(.block--messages)
	{
		@{block-noStripSel} > .block-body:first-child > .message:first-child,
		.block-topRadiusContent.message,
		.block-topRadiusContent > .message:first-child
		{
			.message-inner:first-of-type .message-cell
			{
				&:first-child { border-top-left-radius: @block-borderRadius-inner; }
				&:last-child { border-top-right-radius: @block-borderRadius-inner; }
			}
		}

		@{block-noStripSel} > .block-body:last-child > .message:last-child,
		.block-bottomRadiusContent.message,
		.block-bottomRadiusContent > .message:last-child
		{
			.message-inner:last-of-type .message-cell
			{
				&:first-child { border-bottom-left-radius: @block-borderRadius-inner; }
				&:last-child { border-bottom-right-radius: @block-borderRadius-inner; }
			}
		}
	}
}

.block--messages
{
	.block-container
	{
		background: none;
		border: none;
	}

	.message,
	.block-row
	{
		.xf-contentBase();
		.xf-blockBorder();
		border-radius: @xf-blockBorderRadius;

		+ .message,
		+ .block-row
		{
			margin-top: @xf-blockPaddingV;
		}
	}

	.block-filterBar
	{
		.xf-blockBorder();
		border-radius: @xf-blockBorderRadius;
		margin-bottom: @xf-blockPaddingV;
	}

	.message-spacer
	{
		+ .message,
		+ .block-row
		{
			margin-top: @xf-blockPaddingV;
		}
	}

	.message-inner .message-cell
	{
		border-radius: 0;
	}

	.message-inner:first-of-type .message-cell
	{
		&:first-child { border-top-left-radius: @block-borderRadius-inner; }
		&:last-child { border-top-right-radius: @block-borderRadius-inner; }
	}

	.message-inner:last-of-type .message-cell
	{
		&:first-child { border-bottom-left-radius: @block-borderRadius-inner; }
		&:last-child { border-bottom-right-radius: @block-borderRadius-inner; }
	}

	@media (max-width: @xf-messageSingleColumnWidth)
	{
		.message-inner
		{
			.message-cell
			{
				border-radius: 0;
			}

			&:first-of-type .message-cell:first-child
			{
				border-top-left-radius: @block-borderRadius-inner;
				border-top-right-radius: @block-borderRadius-inner;
			}

			&:last-of-type .message-cell:last-child
			{
				border-bottom-left-radius: @block-borderRadius-inner;
				border-bottom-right-radius: @block-borderRadius-inner;
			}
		}

		.message--simple .message-cell--user + .message-cell
		{
			border-radius: 0;
			border-top-left-radius: @block-borderRadius-inner;
			border-top-right-radius: @block-borderRadius-inner;
		}
	}

	@media (max-width: @xf-responsiveEdgeSpacerRemoval)
	{
		.message,
		.block-row,
		.block-filterBar
		{
			border-left: none;
			border-right: none;
			border-radius: 0;
		}

		.message .message-inner .message-cell
		{
			border-radius: 0;

			&:first-child,
			&:last-child
			{
				border-radius: 0;
			}
		}

		.message--simple .message-cell--user + .message-cell
		{
			border-radius: 0;
		}
	}
}

.message--article
{
	&.is-moderated
	{
		background: @xf-contentHighlightBg;
	}

	&.is-deleted
	{
		opacity: .65;
	}
}

// article preview view for thread list
.message--articlePreview
{
	display: flex;
	flex-direction: column;
	min-width: 0;

	.articlePreview-main
	{
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	.articlePreview-image
	{
		flex: 0 0 auto;
		padding-bottom: 75%;
		background: center / cover @xf-contentAltBg no-repeat;

		& + .articlePreview-text
		{
			.bbImageWrapper,
			.bbImage
			{
				display: none;
			}

			.bbWrapper
			{
				.m-fadeOutLines(8, @xf-contentBg);
			}
		}
	}

	.articlePreview-text
	{
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		padding: @xf-messagePadding;
	}

	.articlePreview-title
	{
		margin: 0;
		font-size: @xf-fontSizeLarge;
	}

	.articlePreview-content
	{
		flex: 1 1 auto;
	}

	.articlePreview-links
	{
		text-align: right;
		padding-top: @xf-blockPaddingV;
	}

	.articlePreview-statuses
	{
		float: left;
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;

		> li
		{
			margin-right: 8px;
		}

		.message-newIndicator
		{
			font-size: @xf-fontSizeSmall;
		}
	}

	.articlePreview-footer
	{
		padding: 0 @xf-blockPaddingH;
	}

	.articlePreview-meta
	{
		display: flex;
		align-items: center;

		border-top: solid 1px @xf-borderColor;
		padding: @xf-blockPaddingV 0;

		color: @xf-textColorMuted;
		font-size: @xf-fontSizeSmall;

		> li
		{
			margin-right: @xf-blockPaddingH;

			&:last-child
			{
				margin-right: 0;
			}
		}
	}

	.articlePreview-replies
	{
		white-space: nowrap;
	}

	.articlePreview-by,
	.articlePreview-repliesLabel
	{
		display: none;
	}
}

.block--articles.block--messages.block--expanded
{
	.article-title
	{
		// from .p-title-value
		margin: 0 0 5px;
		font-size: @xf-fontSizeLargest;
		font-weight: @xf-fontWeightNormal;
	}

	.message-snippet-link
	{
		margin-top: .5em;
		text-align: center;
	}

	.message + .message
	{
		margin-top: @xf-paddingLargest;
	}
}

// expanded article grid behavior

@media (min-width: @xf-responsiveMedium)
{
	.block--previews .block-body
	{
		display: grid;
		gap: @xf-paddingLarge;
		grid-template-rows: auto;
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas: "a a";

		> .message--articlePreview
		{
			// first five
			&:nth-of-type(-n+5)
			{
				.articlePreview-title
				{
					font-size: @xf-fontSizeLarger;
				}

				.articlePreview-image
				{
					padding-bottom: 60%;
				}

				.articlePreview-meta
				{
					.articlePreview-by
					{
						display: block;
					}
				}
			}

			// first
			&:first-of-type
			{
				grid-area: a;

				.articlePreview-title
				{
					font-size: @xf-fontSizeLargest;
				}

				.articlePreview-meta
				{
					border-top: none;
				}

				.articlePreview-main
				{
					flex-direction: row-reverse;
				}

				.articlePreview-image
				{
					padding-left: 50%;
					padding-bottom: 30%;
				}
			}
		}
	}
}

// max width multi-columns
.m-maxPreviewColumns()
{
	.block--previews .block-body
	{
		grid-template-columns: repeat(4, 1fr);
		grid-template-areas:
			"a a a a"
			"b_1 b_1 b_2 b_2"
			"b_3 b_3 b_4 b_4";

		> .message--articlePreview
		{
			&:nth-of-type(1) { grid-area: a; }
			&:nth-of-type(2) { grid-area: b_1; }
			&:nth-of-type(3) { grid-area: b_2; }
			&:nth-of-type(4) { grid-area: b_3; }
			&:nth-of-type(5) { grid-area: b_4; }
		}
	}
}

.p-body-main:not(.p-body-main--withSidebar)
{
	@media (min-width: @xf-responsiveWide)
	{
		.m-maxPreviewColumns();
	}
}

.p-body-main--withSidebar
{
	@media (min-width: (@xf-responsiveWide + @xf-sidebarWidth))
	{
		.m-maxPreviewColumns();
	}
}]]></template>
    <template title="message_macros" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![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' : '' }}">
			<div class="message-avatar-wrapper">
				<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
				<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.solutions AND $user.question_solution_count">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('solutions') }}</dt>
							<dd>{$user.question_solution_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">
							<span class="special-colorize-border-sign"></span>

			<xf:contentcheck>
				{{ bb_code($user.Profile.signature, 'user:signature', $user) }}
			</xf:contentcheck>
			</aside>
		</xf:if>
	</xf:if>
</xf:macro>]]></template>
    <template title="node_list_category" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![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}  collapsible-nodes" >
		<span class="u-anchorTarget" id="{$node.Data.getCategoryAnchor()}"></span>
		<div class="block-container">
			<h2 class="block-header">
				<div class="block-header--left">
				<a href="{{ link('categories', $node) }}">{$node.title}</a>
				<xf:if is="{$node.description}"><span class="block-desc">{$node.description|raw}</span></xf:if>
		
</div>	<span id="collapse-{$node.node_id}" class="collapseTrigger collapseTrigger--block is-active" data-xf-click="toggle" data-xf-init="toggle-storage" data-target=".block--category{$node.node_id} .block-body" data-storage-key="_node-{$node.node_id}"></span>
</h2>
			<span class="special-colorize-border"></span>	
			
			
<div class="block-body block-body--collapsible 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-body">
			<span class="node-icon" aria-hidden="true"><i></i></span>
			<div class="node-main js-nodeMain">
				<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
				<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>{{ phrase('threads') }}</dt>
								<dd>{$extras.discussion_count|number_short(1)}</dd>
							</dl>
							<dl class="pairs pairs--inline">
								<dt>{{ phrase('messages') }}</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}">
				<div class="node-stats">
					<dl class="pairs pairs--rows">
						<dt>{{ phrase('threads') }}</dt>
						<dd>{$extras.discussion_count|number_short(1)}</dd>
					</dl>
					<dl class="pairs pairs--rows">
						<dt>{{ phrase('messages') }}</dt>
						<dd>{$extras.message_count|number_short(1)}</dd>
					</dl>
				</div>
			</xf:if>

			<div class="node-extra">
				<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="xs" />
						<xf:else />
							<xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
						</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>
</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="notice_macros" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![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 : '' }}"
		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="$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="post_article_macros" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:macro name="article"
	arg-post="!"
	arg-thread="!"
	arg-forum="{{ null }}"
	arg-isExpanded="{{ true }}"
	arg-isListItem="{{ false }}">


	<xf:css src="message.less" />
	<article class="message message--article js-post js-inlineModContainer
		{{ $thread.discussion_state == 'moderated' ? 'is-moderated' : '' }}
		{{ $thread.discussion_state == 'deleted' ? 'is-deleted' : '' }}"
		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>
		<div class="message-inner">
			<div class="message-cell message-cell--main">
				<div class="message-expandWrapper js-expandWatch {{ $isExpanded ? 'is-expanded' : ''}}">
					<div class="message-expandContent js-expandContent">
						<div class="message-main js-quickEditTarget">

							<xf:if is="$isListItem">
								<h2 class="article-title">
									<xf:if is="$thread.discussion_state == 'moderated'">
										<xf:fa icon="fa-shield" class="structItem-status--moderated" aria-hidden="true" title="{{ phrase('awaiting_approval')|for_attr }}" />
										<span class="u-srOnly">{{ phrase('awaiting_approval') }}</span>
									<xf:elseif is="$thread.discussion_state == 'deleted'" />
										<i class="structItem-status structItem-status--deleted" aria-hidden="true" title="{{ phrase('deleted')|for_attr }}"></i>
										<span class="u-srOnly">{{ phrase('deleted') }}</span>
									</xf:if>
									<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) }}">{$thread.title}</a>
								</h2>
							</xf:if>

							<xf:macro name="post_macros::post_attribution"
								arg-post="{$post}"
								arg-thread="{$thread}"
								arg-mainClass="listInline--bullet"
								arg-showPosition="{{ false }}"
								arg-showReplyCount="{{ $isListItem ? false : true }}"
								arg-showUser="{$isListItem}"
								arg-showThreadUnreadIndicator="{$isListItem}"
								arg-showThreadStateIcons="{$isListItem}" />
							<span class="special-colorize-border"></span>

							<xf:macro name="post_macros::post_notices" arg-post="{$post}" arg-thread="{$thread}" />

							<div class="message-content js-messageContent">
								<xf:macro name="post_macros::post_user_content"
									arg-post="{$post}"
									arg-thread="{$thread}"
									arg-snippet="{{ $isListItem ? $thread.Forum.type_config.expanded_snippet : false }}" />

								<xf:macro name="post_macros::post_last_edit" arg-post="{$post}" />
							</div>

							<xf:if is="$isListItem">
								<xf:macro name="list_item_footer"
									arg-post="{$post}"
									arg-thread="{$thread}"
									arg-snippet="{$thread.Forum.type_config.expanded_snippet}" />

								<xf:set var="$ldJson" value="{{ $thread.getLdStructuredData($post) }}" />
								<xf:if is="$ldJson">
									<script type="application/ld+json">
										{$ldJson|json(true)|raw}
									</script>
								</xf:if>
							<xf:else />
								<xf:macro name="post_macros::post_footer" arg-post="{$post}" arg-thread="{$thread}" />
							</xf:if>

						</div>
					</div>
					<div class="message-expandLink js-expandLink"><a>{{ phrase('click_to_expand') }}</a></div>
				</div>
			</div>
		</div>

		<xf:if is="!$isListItem">
			<aside class="message-articleUserInfo">
				<div class="message-cell">
					<xf:macro name="author_info" arg-user="{$post.User}" arg-fallbackName="{$post.username}" />
				</div>
			</aside>
		</xf:if>

	</article>
</xf:macro>

<xf:macro name="list_item_footer"
	arg-post="!"
	arg-thread="!"
	arg-snippet="{{ false }}">

	<xf:set var="$link" value="{{ link('threads', $thread) }}" />
	<xf:set var="$linkUnread" value="{{ link('threads' . ($thread.isUnread() ? '/unread' : ''), $thread) }}" />

	<footer class="message-footer">
		<div class="message-actionBar actionBar">
			<xf:if contentcheck="true">
				<div class="actionBar-set actionBar-set--external">
					<xf:contentcheck>
						<xf:if is="$thread.reply_count">
							<a href="{$linkUnread}" class="actionBar-action actionBar-action--replies">
								<xf:fa icon="fa-comment" class="u-spaceAfter" />{{ phrase('replies:') }} {$thread.reply_count|number}</a>
						</xf:if>
						<xf:if is="$thread.canUseInlineModeration()">
							<span class="actionBar-action actionBar-action--inlineMod"><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></span>
						</xf:if>
					</xf:contentcheck>
				</div>
			</xf:if>
			<xf:if contentcheck="true">
				<div class="actionBar-set actionBar-set--internal">
					<xf:contentcheck>
						<xf:if is="$snippet">
							<a href="{$link}" class="actionBar-action actionBar-action--threadLink">
								{{ phrase('view_full_article') }} &gt;</a>
						</xf:if>
					</xf:contentcheck>
				</div>
			</xf:if>
		</div>
	</footer>
</xf:macro>

<xf:macro name="author_info" arg-user="!" arg-fallbackName="">
	<div class="contentRow">
		<div class="contentRow-figure">
			<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" />
		</div>
		<div class="contentRow-main">

			<div class="message-articleUserFirstLine">
				<div class="message-articleWrittenBy u-srOnly">{{ phrase('article_written_by') }}</div>
				<h3 class="message-articleUserName">
					<xf:username user="$user" rich="true" defaultname="{$fallbackName}" />
				</h3>

				<xf:if contentcheck="true">
					<div class="message-articleUserBlurb">
						<xf:contentcheck>
							<xf:userblurb user="$user" tag="div" />
						</xf:contentcheck>
					</div>
				</xf:if>
			</div>

			<xf:if contentcheck="true">
				<div class="message-articleUserAbout">
					<xf:contentcheck>
						<xf:if is="$user.Profile.about">
							{{ bb_code($user.Profile.about, 'user:about', $user) }}
						</xf:if>
					</xf:contentcheck>
				</div>
			</xf:if>

			<xf:if contentcheck="true">
				<div class="message-articleUserBanners">
					<xf:contentcheck><xf:userbanners user="$user" /></xf:contentcheck>
				</div>
			</xf:if>

			<div class="message-articleUserStats">
				<ul class="listInline listInline--bullet">
					<!--[XF:stats:start]-->
					<li><dl class="pairs pairs--inline">
						<dt>{{ phrase('messages') }}</dt>
						<dd>{$user.message_count|number}</dd>
					</dl></li>
					<!--[XF:stats:after_messages]-->
					<li><dl class="pairs pairs--inline">
						<dt>{{ phrase('reaction_score') }}</dt>
						<dd>{$user.reaction_score|number}</dd>
					</dl></li>
					<!--[XF:stats:after_likes]-->
					<!--[XF:stats:after_reactions]-->
					<xf:if is="$xf.options.enableTrophies">
						<li><dl class="pairs pairs--inline">
							<dt>{{ phrase('points') }}</dt>
							<dd>{$user.trophy_points|number}</dd>
						</dl></li>
					</xf:if>
					<!--[XF:stats:end]-->
				</ul>
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="article_preview"
	arg-thread="!"
	arg-post="!"
	arg-forum="!"
	arg-allowInlineMod="{{ true }}">

	<xf:set var="$link" value="{{ link('threads', $thread) }}" />
	<xf:set var="$linkUnread" value="{{ link('threads' . ($thread.isUnread() ? '/unread' : ''), $thread) }}" />
	<xf:set var="$username"><xf:username user="{$thread.User}" defaultname="{$thread.username}" class="u-concealed" /></xf:set>
	<xf:set var="$ldJson" value="{{ $thread.getLdStructuredData($post) }}" />

	<article class="message message--article message--articlePreview {{
		$thread.discussion_state == 'moderated' ? 'is-moderated' : '' }}{{
		$thread.discussion_state == 'deleted' ? 'is-deleted' : ''
		}} js-inlineModContainer js-threadListItem-{$thread.thread_id}">
		<div class="articlePreview-main">
			<xf:if is="$thread.cover_image">
				<a href="{$linkUnread}" class="articlePreview-image" style="background-image: url('{$thread.cover_image}')">&nbsp;</a>
			</xf:if>
			<div class="articlePreview-text">
				<div class="articlePreview-headline">
					<h2 class="articlePreview-title">
						<xf:if is="$thread.discussion_state == 'moderated'">
							<xf:fa icon="fa-shield" class="structItem-status--moderated" aria-hidden="true" title="{{ phrase('awaiting_approval')|for_attr }}" />
							<span class="u-srOnly">{{ phrase('awaiting_approval') }}</span>
						<xf:elseif is="$thread.discussion_state == 'deleted'" />
							<i class="structItem-status structItem-status--deleted" aria-hidden="true" title="{{ phrase('deleted')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('deleted') }}</span>
						</xf:if>
						<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="{$linkUnread}">{$thread.title}</a>
					</h2>
				</div>
				<div class="articlePreview-content">
					<div class="message-content js-messageContent" data-xf-init="lightbox">
						<div class="message-userContent lbContainer js-lbContainer"
							data-lb-id="post-{$post.post_id}"
							data-lb-caption-desc="{{ $post.User ? $post.User.username : $post.username }} &middot; {{ date_time($post.post_date) }}">
							<article class="message-body">
								{{ snippet($post.message, $forum.type_config.expanded_snippet, {
									'stripQuote': true,
									'bbWrapper': true
								}) }}
							</article>
						</div>
					</div>
				</div>
				<div class="articlePreview-links">
					<ul class="articlePreview-statuses">
						<xf:extension name="status_new">
							<xf:if is="$thread.isUnread()">
								<li><span class="message-newIndicator" title="{{ !$post.isUnread() ? phrase('new_replies') : '' }}">{{ phrase('new') }}</span></li>
							</xf:if>
						</xf:extension>

						<xf:extension name="status_watch">
							<xf:if is="{$xf.visitor.user_id} AND {$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:extension>

						<xf:extension name="status_state">
							<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:extension>

						<xf:extension name="status_sticky">
							<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:extension>
					</ul>

					<a href="{$link}">{{ phrase('view_full_article') }} &gt;</a>
				</div>
			</div>
		</div>
		<footer class="articlePreview-footer">
			<ul class="articlePreview-meta listPlain">
				<li><xf:avatar user="{$thread.User}" size="xxs" defaultname="{$thread.username}"/></li>
				<li class="articlePreview-by">{{ phrase('by_user_x', {'name':$username}) }}</li>
				<li><a href="{$link}" class="u-concealed" rel="nofollow"><xf:date time="{$thread.post_date}"/></a></li>
				<li class="u-flexStretch"><a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}"
					class="u-concealed"
					data-xf-init="share-tooltip"
					data-href="{{ link('posts/share', $post) }}"
					rel="nofollow">
					<xf:fa icon="fa-share-alt"/>
				</a></li>
				<xf:if is="$thread.reply_count">
					<li class="articlePreview-replies"><a href="{$linkUnread}"
						title="{{ phrase('replies:') }} {$thread.reply_count|number}">
						<xf:fa icon="fa-comment" class="u-spaceAfter" /><span class="articlePreview-repliesLabel">{{ phrase('replies:') }} </span>{$thread.reply_count|number}</a></li>
				</xf:if>
				<xf:if 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>
			</ul>
		</footer>
	</article>

	<xf:if is="$ldJson">
		<script type="application/ld+json">
			{$ldJson|json(true)|raw}
		</script>
	</xf:if>
</xf:macro>]]></template>
    <template title="post_macros" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:macro name="post"
	arg-post="!"
	arg-thread="!"
	arg-highlightedPosts="{{ [] }}">

	<xf:css src="message.less" />

	<xf:extension name="before"></xf:extension>

	<xf:extension name="extra_classes" value="message--post" />
	<article class="message {{ extension_value('extra_classes') }} js-post js-inlineModContainer {{ $post.isIgnored() ? 'is-ignored' : '' }} {{ $post.isUnread() ? ' is-unread' : '' }}"
		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:extension name="full_body">
			<div class="message-inner">
				<xf:extension name="user_cell">
					<div class="message-cell message-cell--user">
					<div class="stickypostbit">
						<div class="postbit-bg"><div class="postbit-slash1"><div class="postbit-slash2"></div><div class="postbit-slash3"></div></div>	</div>
						<xf:macro template="message_macros" name="user_info" arg-user="{$post.User}"
							arg-fallbackName="{$post.username}"/>
					</div>						</div>

				</xf:extension>

				<xf:extension name="main_cell">
					<div class="message-cell message-cell--main">
					<xf:extension name="main_cell_inner">
						<div class="message-main js-quickEditTarget">

							<xf:extension name="attribution">
								<xf:macro name="post_attribution" arg-post="{$post}" arg-thread="{$thread}" />
							</xf:extension>
							
							<xf:if is="$post->position == 0">

							<span class="special-colorize-border"></span>
							</xf:if>
							<div class="message-content js-messageContent">
							<xf:extension name="content">

								<xf:extension name="notices">
									<xf:macro name="post_notices" arg-post="{$post}" arg-thread="{$thread}" />
								</xf:extension>

								<xf:extension name="user_content">
									<xf:macro name="post_user_content" arg-post="{$post}" arg-thread="{$thread}" />
								</xf:extension>

								<xf:extension name="after_content">
									<xf:macro name="post_last_edit" arg-post="{$post}" />
								</xf:extension>

								<xf:extension name="signature">
									<xf:macro template="message_macros" name="signature" arg-user="{$post.User}" />
								</xf:extension>

							</xf:extension>
							</div>

							<xf:extension name="footer">
								<xf:macro name="post_footer" arg-post="{$post}" arg-thread="{$thread}" />
							</xf:extension>
						</div>

					</xf:extension>
					</div>
				</xf:extension>
			</div>
		</xf:extension>
	</article>

	<xf:extension name="after"></xf:extension>
	<xf:ad position="post_below_container" arg-post="{$post}" />
</xf:macro>

<xf:macro name="post_attribution"
	arg-post="!"
	arg-thread="!"
	arg-showPosition="{{ true }}"
	arg-showUser="{{ false }}"
	arg-showThreadUnreadIndicator="{{ false }}"
	arg-showReplyCount="{{ false }}"
	arg-repliesPhrase="{{ phrase('replies:') }}"
	arg-showThreadStateIcons="{{ false }}"
	arg-mainClass=""
	arg-oppositeClass="">

	<header class="message-attribution message-attribution--split">
		<ul class="message-attribution-main listInline {$mainClass}">
			<xf:if is="$showThreadStateIcons">
				<xf:if is="{$xf.visitor.user_id} AND {$thread.Watch.{$xf.visitor.user_id}}">
					<li>
						<xf:fa icon="fa-bell" title="{{ phrase('thread_watched')|for_attr }}" />
						<span class="u-srOnly">{{ phrase('thread_watched') }}</span>
					</li>
				</xf:if>

				<xf:if is="$thread.sticky">
					<li>
						<xf:fa icon="fa-thumbtack" title="{{ phrase('sticky')|for_attr }}" />
						<span class="u-srOnly">{{ phrase('sticky') }}</span>
					</li>
				</xf:if>
			</xf:if>
			<xf:if is="$showUser">
				<xf:set var="$username"><xf:username user="{$post.User}" defaultname="{$post.username}" /></xf:set>
				<li class="u-concealed message-attribution-user--top">{{ phrase('by_user_x', {'name':$username}) }}</li>
			</xf:if>
			<li class="u-concealed">
				<a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}" rel="nofollow">
					<xf:date time="{$post.post_date}" itemprop="datePublished" />
				</a>
			</li>
			<xf:if is="$showReplyCount && $thread.reply_count">
				<li class="u-concealed">
					<a href="{{ link('threads', $thread) }}#posts">
						<xf:fa icon="fa-comment" class="u-spaceAfter" />{$repliesPhrase|raw} {$thread.reply_count|number}
					</a>
				</li>
			</xf:if>
		</ul>

		<ul class="message-attribution-opposite message-attribution-opposite--list {$oppositeClass}">
			<xf:if is="$post.isUnread()">
				<li><span class="message-newIndicator">{{ phrase('new') }}</span></li>
			<xf:elseif is="$thread.isUnread() && $showThreadUnreadIndicator" />
				<li><span class="message-newIndicator" title="{{ phrase('new_replies') }}">{{ phrase('new') }}</span></li>
			</xf:if>
			<li>
				<a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}"
					class="message-attribution-gadget"
					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="message-attribution-gadget bookmarkLink--highlightable"
							arg-confirmUrl="{{ link('posts/bookmark', $post) }}"
							arg-showText="{{ false }}"/>
					</xf:contentcheck>
				</li>
			</xf:if>
			<xf:if is="$showPosition">
				<li>
					<a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}" rel="nofollow">
						#{{ number($post.position + 1) }}
					</a>
				</li>
			</xf:if>
		</ul>
	</header>
</xf:macro>

<xf:macro name="post_notices" arg-post="!" arg-thread="!">
	<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="$post.isIgnored()">
		<div class="messageNotice messageNotice--ignored">
			{{ phrase('you_are_ignoring_content_by_this_member') }}
			<xf:showignored />
		</div>
	</xf:if>
</xf:macro>

<xf:macro name="post_user_content" arg-post="!" arg-thread="!" arg-snippet="{{ false }}">

	<div class="message-userContent lbContainer js-lbContainer {{ $post.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}" />
			<xf:if is="$snippet">
				{{ bb_code_snippet($post.message, 'post', $post, $snippet) }}
			<xf:else />
				{{ bb_code($post.message, 'post', $post) }}
			</xf:if>
			<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:macro>

<xf:macro name="post_last_edit" arg-post="!">
	<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}" itemprop="dateModified" />
			<xf:else />
				{{ phrase('last_edited_by_moderator:') }} <xf:date time="{$post.last_edit_date}" itemprop="dateModified" />
			</xf:if>
		</div>
	</xf:if>
</xf:macro>

<xf:macro name="post_footer" arg-post="!" arg-thread="!">
	<footer class="message-footer">
		<xf:if contentcheck="true">
			<div class="message-actionBar actionBar">
				<xf:contentcheck>
					<xf:macro name="post_action_bar" arg-post="{$post}" arg-thread="{$thread}" />
				</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>
</xf:macro>

<xf:macro name="post_action_bar" arg-post="!" arg-thread="!">
	<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() OR $thread.canReplyPreReg()">
				<xf:set var="$quoteLink">{{ link('threads/reply', $thread, {'quote': $post.post_id}) }}</xf:set>

				<xf:if is="$xf.options.multiQuote AND $xf.visitor.user_id">
					<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: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_simple" 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="register_form" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:js src="xf/login_signup.js" min="1" />

<xf:title>{{ phrase('register') }}</xf:title>
<span class="special-colorize-border"></span>
<xf:head option="robots"><meta name="robots" content="noindex" /></xf:head>

<xf:if is="$xf.session.preRegActionKey">
	<div class="blockMessage blockMessage--highlight">
		{{ phrase('pre_reg_action_notice') }}<br />
		<br />
		{{ phrase('already_have_account') }}
		<xf:button class="button--link"
			href="{{ link('login', null, {'_xfRedirect': $redirect}) }}"
			data-xf-click="overlay"
		>{{ phrase('login') }}</xf:button>
	</div>
</xf:if>

<xf:if is="$providers is not empty">
	<div class="block">
		<div class="block-container">
			<div class="block-body">
				<xf:formrow rowtype="button"
					label="{{ phrase('register_faster_using') }}">

					<ul class="listHeap">
						<xf:foreach loop="$providers" value="$provider">
							<li>
								<xf:macro template="connected_account_macros" name="button"
									arg-provider="{$provider}" />
							</li>
						</xf:foreach>
					</ul>
				</xf:formrow>
			</div>
		</div>
	</div>
</xf:if>

<xf:form action="{{ link('register/register') }}" ajax="true" class="block"
	data-xf-init="reg-form" data-timer="{$xf.options.registrationTimer}">

	<div class="block-container">
		<div class="block-body">

			<xf:comment>Spam catcher field</xf:comment>
			<xf:textboxrow name="username" value="" autocomplete="off" rowclass="formRow--limited"
				maxlength="{{ max_length($xf.visitor, 'username') }}"
				label="{{ phrase('user_name') }}"
				explain="{{ phrase('please_leave_this_field_blank') }}" />

			<xf:macro template="register_macros" name="username_row"
				arg-fieldName="{{ $regForm.getFieldName('username') }}"
				arg-value="{$fields.username}" />

			<xf:comment>Spam catcher field</xf:comment>
			<xf:if is="{{ rand(0, 2) == 1 }}">
				<xf:textboxrow name="{{ $regForm.getFieldName('email_hp') }}" value="" type="email" autocomplete="off"
					rowclass="formRow--limited"
					maxlength="{{ max_length($xf.visitor, 'email') }}"
					label="{{ phrase('email') }}"
					explain="{{ phrase('please_leave_this_field_blank') }}" />
			</xf:if>

			<xf:macro template="register_macros" name="email_row"
				arg-fieldName="{{ $regForm.getFieldName('email') }}"
				arg-value="{$fields.email}" />

			<xf:comment>Spam catcher field</xf:comment>
			<xf:if is="{{ rand(0, 2) == 1 }}">
				<xf:textboxrow name="email" value="" type="email" autocomplete="off" rowclass="formRow--limited"
					maxlength="{{ max_length($xf.visitor, 'email') }}"
					label="{{ phrase('email') }}"
					explain="{{ phrase('please_leave_this_field_blank') }}" />
			</xf:if>

			<xf:comment>Spam catcher field</xf:comment>
			<xf:if is="{{ rand(0, 2) == 1 }}">
				<xf:textboxrow name="password" type="password" autocomplete="off" rowclass="formRow--limited"
					label="{{ phrase('password') }}"
					explain="{{ phrase('please_leave_this_field_blank') }}" />
			</xf:if>

			<xf:passwordboxrow name="{{ $regForm.getFieldName('password') }}" autocomplete="new-password"
				label="{{ phrase('password') }}"
				hint="{{ phrase('required') }}"
				required="required" checkstrength="true" />

			<xf:macro template="register_macros" name="dob_row" />

			<xf:macro template="register_macros" name="location_row"
				arg-value="{$fields.location}" />

			<xf:macro template="register_macros" name="custom_fields" />

			<xf:captcharow label="{{ phrase('verification') }}" hint="{{ phrase('required') }}" />

			<xf:macro template="register_macros" name="email_choice_row" />

			<xf:macro template="register_macros" name="tos_row" />
		</div>
		<xf:macro template="register_macros" name="submit_row" />
	</div>

	<xf:hiddenval name="reg_key">{{ $regForm.getUniqueKey() }}</xf:hiddenval>
	<xf:hiddenval name="{{ $regForm.getFieldName('timezone') }}" value="" data-xf-init="auto-timezone" />
</xf:form>]]></template>
    <template title="sv_modess_moderators_log" type="public" addon_id="" version_id="2010100" version_string="2.1.1"><![CDATA[<xf:title page="{$page}">{{ phrase('moderator_log') }}</xf:title>

<xf:wrap template="sv_modess_moderators_wrapper" />

<xf:css src="sv_modess.less" />

<xf:if is="$invalidSearch">
	<div class="blockMessage blockMessage--warning">
		{{ phrase('sv_modess_the_requested_search_was_not_found') }}
	</div>
</xf:if>

<div class="block">
	<div class="block-container">
		<xf:macro name="filter_bar"
			arg-available="{$available}"
			arg-filters="{$filters}" />

		<xf:if is="$logs is not empty">
			<div class="structItemContainer">
				<xf:foreach loop="$logs" value="$log">
					<xf:macro name="log_item"
						arg-log="{$log}" />
				</xf:foreach>
			</div>
		<xf:else />
			<div class="block-row">
				<xf:if is="$filters.days">
					{{ phrase('no_results_found') }}
				<xf:else />
					{{ phrase('sv_modess_no_unread_items_view_recent', {'link': link(
						'moderator/log',
						null,
						$filters + {'days': 1}
					)}) }}
				</xf:if>
			</div>
		</xf:if>

		<xf:if is="$before">
			<div class="block-footer">
				<span class="block-footer-controls">
					<xf:button href="{{ link('moderator/log', null, $filters|replace('before', $before)) }}" class="button--link">
						{{ phrase('view_older_results') }}
					</xf:button>
				</span>
			</div>
		</xf:if>
	</div>
<span class="special-colorize-border"></span>
	<xf:if is="$logs is not empty">
		<div class="block-outer block-outer--after">
			<xf:pagenav
				page="{$page}" perpage="{$perPage}" total="{$total}"
				link="moderator/log" params="{{ {'search_id': $search.search_id, 'default': $default} }}"
				wrapperclass="block-outer-main" />
		</div>
	</xf:if>
</div>

<xf:macro name="filter_bar"
	arg-available="!"
	arg-filters="!">

	<div class="block-filterBar">
		<div class="filterBar">
			<xf:if contentcheck="true">
				<ul class="filterBar-filters">
				<xf:contentcheck>
					<!--[XF:filters:top]-->
					<xf:if is="$filters.type">
						<li><span class="filterBar-filterToggle filterBar-filterToggle--sv-static">
							<span class="filterBar-filterToggle-label">{{ phrase('type:') }}</span>
							{$available.type.{$filters.type}}
						</span></li>
					</xf:if>

					<xf:if is="$filters.actions">
						<li><span class="filterBar-filterToggle filterBar-filterToggle--sv-static">
							{{ phrase('sv_modess_selected_actions') }}
						</span></li>
					</xf:if>

					<xf:if is="$filters.users">
						<li><span class="filterBar-filterToggle filterBar-filterToggle--sv-static">
							<span class="filterBar-filterToggle-label">{{ phrase('user:') }}</span>
							{$available.users.{$filters.users}}
						</span></li>
					</xf:if>

					<xf:if is="$filters.days">
						<li><span class="filterBar-filterToggle filterBar-filterToggle--sv-static">
							<span class="filterBar-filterToggle-label">{{ phrase('sv_modess_within:') }}</span>
							{$available.days.{$filters.days}} {{ phrase('units_days') }}
						</span></li>
					</xf:if>
					<!--[XF:filters:bottom]-->
				</xf:contentcheck>
				</ul>
			</xf:if>

			<xf:comment>TODO: filter params can be absurdly large with many actions (log)</xf:comment>
			<a href="{{ link('moderator/log-filters', null, $filters) }}"
			   class="filterBar-menuTrigger filterBar-menuTrigger--sv-no-icon"
			   data-xf-click="overlay"
			   role="button"
			   tabindex="0">

				{{ phrase('filters') }}
			</a>
		</div>
	</div>
</xf:macro>

<xf:macro name="log_item"
	arg-log="!">

	<xf:css src="structured_list.less" />

	<div class="structItem">
		<div class="structItem-cell structItem-cell--icon">
			<div class="structItem-iconContainer">
				<xf:avatar user="$log.User" size="s" />
			</div>
		</div>

		<div class="structItem-cell structItem-cell--main">
			<div class="structItem-title">
				{$log.action_text}
			</div>

			<div class="structItem-minor">
				<ul class="structItem-parts">
					<li><xf:username user="$log.User" defaultname="{{ phrase('unknown_member') }}" /></li>
					<li class="structItem-startDate"><xf:date time="{$log.log_date}" /></li>
					<xf:if is="$xf.visitor.canViewIps() and $xf.options.modess_mod_log_show_ips">
						<li>{{ $log.ip_address ? $log.ip_address|ip : '' }}</li>
					</xf:if>
					<xf:if is="$log.hasViewableDiscussion()">
						<li><a href="{{ link('threads', $log.Discussion) }}">{{ phrase('sv_modess_view_discussion') }}</a></li>
					<xf:elseif is="$log.canStartDiscussion()" />
						<li><a href="{{ link('moderator/log-discuss', null, {'log_id': $log.moderator_log_id}) }}">{{ phrase('sv_modess_start_discussion') }}</a></li>
					</xf:if>
				</ul>
			</div>
		</div>

		<div class="structItem-cell structItem-cell--latest structItem-cell--latest--sv-no-bullet">
			<a href="{{ base_url($log.content_url) }}">{$log.content_title}</a>
			<div class="structItem-minor">
				{{ phrase('by_user_x', {'name': $log.content_username}) }}
			</div>
		</div>
	</div>
</xf:macro>]]></template>
    <template title="sv_modess_moderators_wrapper" type="public" addon_id="" version_id="2010100" version_string="2.1.1"><![CDATA[<xf:breadcrumb href="{{ link('moderator') }}">
	{{ phrase('sv_modess_moderator_control_panel') }}
</xf:breadcrumb>

<xf:page option="sideNavTitle">{{ phrase('sv_modess_moderator_control_panel') }}</xf:page>

<xf:sidenav>
	<div class="block">
		<div class="block-container">
			<h3 class="block-header">{{ phrase('sv_modess_moderator_control_panel') }}</h3>
			<span class="special-colorize-border"></span>
			<xf:if contentcheck="true">
				<div class="block-body">
					<!--[XF:panel_links:top]-->
					<xf:contentcheck>
						<xf:if is="$xf.visitor.canViewModeratorLog()">
							<a class="blockLink {{ $pageSelected == 'log' ? 'is-selected' : '' }}"
								href="{{ link('moderator/log') }}">

								{{ phrase('moderator_log') }} ({{ $xf.session.svModLogCounts.total }})
							</a>
						</xf:if>
					</xf:contentcheck>
					<!--[XF:panel_links:bottom]-->
				</div>
			</xf:if>

			<xf:if contentcheck="true">
				<h3 class="block-minorHeader">{{ phrase('users') }}</h3>
				<span class="special-colorize-border"></span>
				<div class="block-body">
					<!--[XF:user_links:top]-->
					<xf:contentcheck>
						<xf:if is="$xf.visitor.hasPermission('general', 'banUser')">
							<a class="blockLink {{ $pageSelected == 'ban-user' ? 'is-selected' : '' }}"
								href="{{ link('moderator/ban-user') }}">

								{{ phrase('ban_user') }}
							</a>
						</xf:if>

						<xf:if is="$xf.visitor.canViewBannedUserList()">
							<a class="blockLink {{ $pageSelected == 'banned-users' ? 'is-selected' : '' }}"
								href="{{ link('moderator/banned-users') }}">

								{{ phrase('banned_users') }}
							</a>
						</xf:if>

						<xf:if is="$xf.visitor.canSearchIps()">
							<a class="blockLink {{ $pageSelected == 'ip-search' ? 'is-selected' : '' }}"
								href="{{ link('moderator/ip-search') }}">

								{{ phrase('search_by_ip_address') }}
							</a>
						</xf:if>
					</xf:contentcheck>
					<!--[XF:user_links:bottom]-->
				</div>
			</xf:if>

			<xf:if contentcheck="true">
			<h3 class="block-minorHeader">{{ phrase('tags') }}</h3>
				<span class="special-colorize-border"></span>
			<div class="block-body">
				<!--[XF:tag_links:top]-->
				<xf:contentcheck>					
					<xf:if is="$xf.visitor.canManageTags()">
						<a class="blockLink {{ $pageSelected == 'tags' ? 'is-selected' : '' }}"
							href="{{ link('moderator/tags') }}">

							{{ phrase('sv_modess_manage_tags') }}
						</a>
					</xf:if>
				</xf:contentcheck>
				<!--[XF:tag_links:bottom]-->
			</div>
			</xf:if>

			<xf:if contentcheck="true">
			<h3 class="block-minorHeader">{{ phrase('threads') }}</h3>
				<span class="special-colorize-border"></span>
			<div class="block-body">
				<!--[XF:thread_links:top]-->
				<xf:contentcheck>
					<xf:if is="$xf.visitor.canManageReplyBans()">
						<a class="blockLink {{ $pageSelected == 'thread-reply-bans' ? 'is-selected' : '' }}"
							href="{{ link('moderator/thread-reply-bans') }}">

							{{ phrase('thread_reply_bans') }}
						</a>
					</xf:if>
				</xf:contentcheck>
				<!--[XF:thread_links:bottom]-->
			</div>
			</xf:if>
		</div>
	</div>
</xf:sidenav>

{$innerContent|raw}]]></template>
    <template title="whats_new_posts" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:title page="{$page}">{{ phrase('new_posts') }}</xf:title>

<xf:wrap template="whats_new_wrapper">
	<xf:set var="$pageSelected">new_thread</xf:set>
</xf:wrap>

<xf:pageaction>
	<xf:if is="$xf.visitor.canCreateThread() OR $xf.visitor.canCreateThreadPreReg()">
		<xf:button href="{{ link('forums/create-thread') }}" class="button--cta" icon="write" overlay="true">
			{{ phrase('post_thread...') }}
		</xf:button>
	</xf:if>
</xf:pageaction>

<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="thread" data-href="{{ link('inline-mod') }}">
	<xf:if is="$findNew.result_count">
		<div class="block-outer">
			<xf:pagenav
				page="{$page}" perpage="{$perPage}" total="{$findNew.result_count}"
				link="whats-new/posts" data="{$findNew}"
				wrapperclass="block-outer-main" />

			<xf:if contentcheck="true">
				<div class="block-outer-opposite">
					<div class="buttonGroup">
					<xf:contentcheck>
						<xf:macro name="buttons"
							arg-findNew="{$findNew}"
							arg-canInlineMod="{$canInlineMod}" />
					</xf:contentcheck>
					</div>
				</div>
			</xf:if>
		</div>
	</xf:if>

	<div class="block-container">
		<xf:macro name="filter_bar"
			arg-findNew="{$findNew}"
			arg-rerunRoute="whats-new/posts"
			arg-rerunData="{$findNew}"
			arg-filterRoute="whats-new/posts" />
<span class="special-colorize-border"></span>
		<xf:macro name="results"
			arg-findNew="{$findNew}"
			arg-threads="{$threads}"
			arg-latestRoute="whats-new/posts" />
	</div>

	<xf:if is="$findNew.result_count">
		<div class="block-outer block-outer--after">
			<xf:pagenav
				page="{$page}" perpage="{$perPage}" total="{$findNew.result_count}"
				link="whats-new/posts" data="{$findNew}"
				wrapperclass="block-outer-main" />
			<xf:showignored wrapperclass="block-outer-opposite" />
		</div>
	</xf:if>
</div>

<xf:macro name="buttons"
	arg-findNew="!"
	arg-canInlineMod="{{ false }}">

	<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', null, {'date': $findNew.cache_date}) }}"
			class="button--link" overlay="true">
			{{ phrase('mark_forums_read') }}
		</xf:button>
	</xf:if>
</xf:macro>

<xf:macro name="filter_bar"
	arg-findNew="!"
	arg-rerunRoute="!"
	arg-rerunData="{{ null }}"
	arg-rerunQuery="{{ [] }}"
	arg-filterRoute="!">

	<xf:if is="$xf.visitor.user_id">
		<div class="block-filterBar">
			<div class="filterBar">
				<xf:if contentcheck="true">
					<ul class="filterBar-filters">
					<xf:contentcheck>
						<!--[XF:filters:top]-->
						<xf:if is="$findNew.filters.unread">
							<li><a href="{{ link($rerunRoute, $rerunData, $rerunQuery + {'remove': 'unread'}) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
								{{ phrase('filter_unread') }}</a></li>
						</xf:if>
						<xf:if is="$findNew.filters.watched">
							<li><a href="{{ link($rerunRoute, $rerunData, $rerunQuery + {'remove': 'watched'}) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
								{{ phrase('filter_watched') }}</a></li>
						</xf:if>
						<xf:if is="$findNew.filters.participated">
							<li><a href="{{ link($rerunRoute, $rerunData, $rerunQuery + {'remove': 'participated'}) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
								{{ phrase('filter_participated') }}</a></li>
						</xf:if>
						<xf:if is="$findNew.filters.started">
							<li><a href="{{ link($rerunRoute, $rerunData, $rerunQuery + {'remove': 'started'}) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
								{{ phrase('filter_started') }}</a></li>
						</xf:if>
						<xf:if is="$findNew.filters.unanswered">
							<li><a href="{{ link($rerunRoute, $rerunData, $rerunQuery + {'remove': 'unanswered'}) }}"
								class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
								<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
								{{ phrase('filter_unanswered') }}</a></li>
						</xf:if>
						<!--[XF:filters:bottom]-->
					</xf:contentcheck>
					</ul>
				</xf:if>

				<a class="filterBar-menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('filters') }}</a>
				<xf:macro name="filter_menu" arg-findNew="{$findNew}" arg-submitRoute="{$filterRoute}" />
			</div>
		</div>
	</xf:if>
</xf:macro>

<xf:macro name="filter_menu" arg-findNew="!" arg-submitRoute="!">
	<div class="menu" data-menu="menu" aria-hidden="true">
		<div class="menu-content">
			<h4 class="menu-header">{{ phrase('show_only:') }}</h4>
			<xf:form action="{{ link($submitRoute) }}">
				<div class="menu-row">
					<xf:checkbox>
						<xf:option name="unread" selected="{$findNew.filters.unread}">{{ phrase('unread_threads') }}</xf:option>
						<xf:option name="watched" selected="{$findNew.filters.watched}">{{ phrase('watched_content') }}</xf:option>
						<xf:option name="participated" selected="{$findNew.filters.participated}">{{ phrase('threads_in_which_youve_participated') }}</xf:option>
						<xf:option name="started" selected="{$findNew.filters.started}">{{ phrase('threads_youve_started') }}</xf:option>
						<xf:option name="unanswered" selected="{$findNew.filters.unanswered}">{{ phrase('unanswered_threads') }}</xf:option>
						<!--[XF:filter_menu:filters_extra]-->
					</xf:checkbox>
				</div>
				<!--[XF:filter_menu:below_filters]-->

				<xf:macro template="filter_macros" name="find_new_filter_footer" />
			</xf:form>
		</div>
	</div>
</xf:macro>

<xf:macro name="results" arg-findNew="!" arg-threads="!" arg-latestRoute="!">
	<xf:if is="$findNew.result_count">
		<xf:set var="$activityBarShown" value="{{ false }}" />
		<div class="structItemContainer">
			<xf:foreach loop="$threads" value="$thread">
				<xf:if is="$xf.visitor.user_id AND !$activityBarShown AND $thread.last_post_date < $xf.session.previousActivity">
					<div class="structItem structItem--note">
						<div class="structItem-cell">{{ phrase('threads_below_not_updated_since_your_last_visit') }}</div>
					</div>
					<xf:set var="$activityBarShown" value="{{ true }}" />
				</xf:if>

				<xf:macro template="thread_list_macros" name="item" arg-thread="{$thread}" />
			</xf:foreach>
		</div>
	<xf:else />
		<div class="block-row">
			<xf:if is="$xf.visitor.user_id AND ($findNew.filters.unread AND count($findNew.filters) == 1)">
				{{ phrase('no_unread_posts_view_latest', {'link': link($latestRoute, null, {'skip': 1})}) }}
			<xf:else />
				{{ phrase('no_results_found') }}
			</xf:if>
		</div>
	</xf:if>
</xf:macro>]]></template>
    <template title="whats_new_profile_posts" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:title page="{$page}">{{ phrase('new_profile_posts') }}</xf:title>

<xf:wrap template="whats_new_wrapper">
	<xf:set var="$pageSelected">new_profile_post</xf:set>
</xf:wrap>

<xf:if is="$canInlineMod">
	<xf:js src="xf/inline_mod.js" min="1" />
</xf:if>

<xf:macro template="lightbox_macros" name="setup" arg-canViewAttachments="{$canViewAttachments}" />

<div class="block" data-xf-init="lightbox {{ $canInlineMod ? 'inline-mod' : '' }}" data-type="profile_post" data-href="{{ link('inline-mod') }}">
	<xf:if is="$findNew.result_count">
		<div class="block-outer">
			<xf:pagenav
				page="{$page}" perpage="{$perPage}" total="{$findNew.result_count}"
				link="whats-new/profile-posts" data="{$findNew}"
				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:contentcheck>
					</div>
				</div>
			</xf:if>
		</div>
	</xf:if>

	<div class="block-container">
		<xf:if is="$xf.visitor.user_id">
			<div class="block-filterBar">
				<div class="filterBar">
					<xf:if contentcheck="true">
						<ul class="filterBar-filters">
							<xf:contentcheck>
								<!--[XF:filters:top]-->
								<xf:if is="$findNew.filters.followed">
									<li><a href="{{ link('whats-new/profile-posts', $findNew, {'remove': 'followed'}) }}"
										class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
										<span class="filterBar-filterToggle-label">{{ phrase('show_only') }}</span>
										{{ phrase('filter_followed_members') }}</a></li>
								</xf:if>
								<!--[XF:filters:bottom]-->
							</xf:contentcheck>
						</ul>
					</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" data-menu="menu" aria-hidden="true">
						<div class="menu-content">
							<h4 class="menu-header">{{ phrase('show_only:') }}</h4>
							<xf:form action="{{ link('whats-new/profile-posts') }}">
								<div class="menu-row">
									<xf:checkbox>
										<xf:option name="followed" selected="{$findNew.filters.followed}"
											label="{{ phrase('members_you_follow') }}" />
									</xf:checkbox>
								</div>

								<xf:macro template="filter_macros" name="find_new_filter_footer" />
							</xf:form>
						</div>
					</div>
				</div>
			</div>
		</xf:if>
<span class="special-colorize-border"></span>
		<xf:if is="$findNew.result_count">
			<xf:foreach loop="$profilePosts" value="$profilePost">
				<xf:macro template="profile_post_macros" name="profile_post"
					arg-profilePost="{$profilePost}"
					arg-attachmentData="{$profilePostAttachData.{$profilePost.profile_post_id}}"
					arg-showTargetUser="{{ true }}" />
			</xf:foreach>
		<xf:else />
			<div class="block-row">{{ phrase('no_results_found') }}</div>
		</xf:if>
	</div>

	<xf:if is="$findNew.result_count">
		<div class="block-outer block-outer--after">
			<xf:pagenav
				page="{$page}" perpage="{$perPage}" total="{$findNew.result_count}"
				link="whats-new/profile-posts" data="{$findNew}"
				wrapperclass="block-outer-main" />
			<xf:showignored wrapperclass="block-outer-opposite" />
		</div>
	</xf:if>
</div>]]></template>
    <template title="whats_new_wrapper" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:if is="{$pageSelected} != 'overview'">
	<xf:head option="metaNoindex"><meta name="robots" content="noindex" /></xf:head>
</xf:if>

<xf:if is="property('whatsNewNavStyle') == 'tabs'">
	<div class="tabs tabs--standalone">
		<div class="hScroller" data-xf-init="h-scroller">
			<span class="hScroller-scroll">
				<xf:macro name="links"
					arg-pageSelected="{$pageSelected}"
					arg-baseClass="tabs-tab"
					arg-selectedClass="is-active" />
			</span>
		</div>
	</div>
<xf:else />
	<xf:sidenav>
		<div class="block">
			<div class="block-container">
				<h3 class="block-header">{{ phrase('whats_new') }}</h3>
				<span class="special-colorize-border"></span>
				<div class="block-body">
					<xf:macro name="links"
						arg-pageSelected="{$pageSelected}"
						arg-baseClass="blockLink"
						arg-selectedClass="is-selected" />
				</div>
			</div>
		</div>

		<xf:widgetpos id="whats_new_sidenav" />
	</xf:sidenav>
	<xf:page option="sideNavTitle">{{ phrase('whats_new') }}</xf:page>
</xf:if>

{$innerContent|raw}

<xf:macro name="links" arg-pageSelected="!" arg-baseClass="!" arg-selectedClass="!">
	<a class="{$baseClass} {{ $pageSelected == 'overview' ? {$selectedClass} : '' }}" href="{{ link('whats-new') }}">{{ phrase('whats_new') }}</a>
	<!--[XF:links:start]-->
	<a class="{$baseClass} {{ $pageSelected == 'new_thread' ? {$selectedClass} : '' }}" href="{{ link('whats-new/posts') }}" rel="nofollow">{{ phrase('new_posts') }}</a>
	<!--[XF:links:after_thread]-->
	<xf:if is="$xf.visitor.canViewProfilePosts()">
		<a class="{$baseClass} {{ $pageSelected == 'new_profile_post' ? {$selectedClass} : '' }}" href="{{ link('whats-new/profile-posts') }}" rel="nofollow">{{ phrase('new_profile_posts') }}</a>
	</xf:if>
	<!--[XF:links:after_profile_post]-->
	<xf:if is="$xf.options.enableNewsFeed">
		<xf:if is="$xf.visitor.user_id">
			<a class="{$baseClass} {{ $pageSelected == 'news_feed' ? {$selectedClass} : '' }}" href="{{ link('whats-new/news-feed') }}" rel="nofollow">{{ phrase('your_news_feed') }}</a>
		</xf:if>

		<a class="{$baseClass} {{ $pageSelected == 'latest_activity' ? {$selectedClass} : '' }}" href="{{ link('whats-new/latest-activity') }}" rel="nofollow">{{ phrase('latest_activity') }}</a>
	</xf:if>
	<!--[XF:links:end]-->
</xf:macro>]]></template>
    <template title="widget_birthdays" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:if is="$users is not empty">
	<div class="block"{{ widget_data($widget) }}>
		<div class="block-container">
			<h3 class="block-minorHeader">{$title}</h3>
			<span class="special-colorize-border"></span>
			<div class="block-body block-row">
				<ul class="listHeap">
					<xf:foreach loop="$users" value="$user">
						<li>
							<xf:avatar user="$user" size="s" img="true" />
						</li>
					</xf:foreach>
				</ul>
			</div>
		</div>
	</div>
</xf:if>]]></template>
    <template title="widget_find_member" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:form action="{{ link('members') }}" class="block" attributes="{{ widget_data($widget, true) }}">
	<div class="block-container">
		<h3 class="block-minorHeader">{$title}</h3>
			<span class="special-colorize-border"></span>
		<div class="block-body block-row">
			<xf:textbox name="username" ac="single" data-autosubmit="true"
				maxlength="{{ max_length($xf.visitor, 'username') }}"
				placeholder="{{ phrase('name...') }}" />
		</div>
	</div>
</xf:form>]]></template>
    <template title="widget_forum_statistics" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<div class="block"{{ widget_data($widget) }}>
	<div class="block-container">
		<h3 class="block-minorHeader">{$title}</h3>
			<span class="special-colorize-border"></span>
		<div class="block-body block-row">
			<dl class="pairs pairs--justified">
				<dt>{{ phrase('threads') }}</dt>
				<dd>{$forumStatistics.threads|number}</dd>
			</dl>

			<dl class="pairs pairs--justified">
				<dt>{{ phrase('messages') }}</dt>
				<dd>{$forumStatistics.messages|number}</dd>
			</dl>

			<dl class="pairs pairs--justified">
				<dt>{{ phrase('members') }}</dt>
				<dd>{$forumStatistics.users|number}</dd>
			</dl>

			<dl class="pairs pairs--justified">
				<dt>{{ phrase('latest_member') }}</dt>
				<dd><xf:username user="{$forumStatistics.latestUser}" /></dd>
			</dl>
		</div>
	</div>
</div>]]></template>
    <template title="widget_html" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:if is="!$options.advanced_mode">
	<div class="block">
		<div class="block-container">
			<xf:if is="$title">
				<h3 class="block-minorHeader">{$title}</h3>
			<span class="special-colorize-border"></span>
			</xf:if>
			<div class="block-body block-row">
				{$template|raw}
			</div>
		</div>
	</div>
<xf:else />
	{$template|raw}
</xf:if>]]></template>
    <template title="widget_member_stat" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:css src="member.less" />

<xf:if contentcheck="true">
	<div class="block"{{ widget_data($widget) }}>
		<div class="block-container">
			<h3 class="block-minorHeader">
				<a href="{{ link('members', null, {'key': $memberStat.member_stat_key}) }}">
					{$title}
				</a>
			</h3>
			<span class="special-colorize-border"></span>
			<ol class="block-body">
				<xf:contentcheck>
					<xf:foreach loop="$results" key="$userId" value="$data">
						<li class="block-row">
							<xf:macro template="member_notable" name="overview_row" arg-data="{$data}" />
						</li>
					</xf:foreach>
				</xf:contentcheck>
			</ol>
		</div>
	</div>
</xf:if>]]></template>
    <template title="widget_members_online" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:if is="$options.staffOnline">
	<xf:if contentcheck="true">
		<div class="block" data-widget-section="staffMembers"{{ widget_data($widget) }}>
			<div class="block-container">
				<h3 class="block-minorHeader"><a href="{{ link('members', null, {'key': 'staff_members'}) }}">{{ phrase('staff_online') }}</a></h3>
			<span class="special-colorize-border"></span>
				<ul class="block-body">
				<xf:contentcheck>
					<xf:foreach loop="$online.users" value="$user">
						<xf:if is="$user.is_staff">
							<li class="block-row">
								<div class="contentRow">
									<div class="contentRow-figure">
										<xf:avatar user="$user" size="xs" />
									</div>
									<div class="contentRow-main contentRow-main--close">
										<xf:username user="$user" rich="true" />
										<div class="contentRow-minor">
											<xf:usertitle user="$user" />
										</div>
									</div>
								</div>
							</li>
						</xf:if>
					</xf:foreach>
				</xf:contentcheck>
				</ul>
			</div>
		</div>
	</xf:if>
</xf:if>

<div class="block" data-widget-section="onlineNow"{{ widget_data($widget) }}>
	<div class="block-container">
		<h3 class="block-minorHeader"><a href="{{ link('online') }}">{$title}</a></h3>
					<span class="special-colorize-border"></span>

		<div class="block-body">
			<xf:if contentcheck="true">
				<div class="block-row block-row--minor">
					<h4 class="block-textHeader block-textHeader--scaled">
						{{ phrase('people_you_follow') }}
					</h4>
					<ul class="listHeap">
						<xf:contentcheck>
							<xf:if is="$options.followedOnline">
								<xf:foreach loop="$online.users" value="$user">
									<xf:if is="in_array($user.user_id, $xf.visitor.Profile.following)">
										<li>
											<xf:avatar user="$user" size="xxs" img="true" />
										</li>
									</xf:if>
								</xf:foreach>
							</xf:if>
						</xf:contentcheck>
					</ul>
				</div>

				<div class="block-row block-row--minor">
					<h4 class="block-textHeader block-textHeader--scaled">
						{{ phrase('members') }}
					</h4>
			<xf:else />
				<div class="block-row block-row--minor">
			</xf:if>

				<xf:if is="$online.users is not empty">
					<ul class="listInline listInline--comma">
						<xf:foreach loop="$online.users" value="$user"><xf:trim>
							<li><xf:username user="$user" rich="true" class="{{ !$user.visible ? 'username--invisible' : '' }}" /></li>
						</xf:trim></xf:foreach>
					</ul>
					<xf:if is="$online.counts.unseen">
						<a href="{{ link('online') }}">{{ phrase('ellipsis_and_x_more', {'count': $online.counts.unseen}) }}</a>
					</xf:if>
				<xf:else />
					{{ phrase('no_members_online_now') }}
				</xf:if>
			</div>
		</div>
		<div class="block-footer">
			<span class="block-footer-counter">{{ phrase('online_now_x_members_y_guests_z',{
				'total': number($online.counts.total),
				'members': number($online.counts.members),
				'guests': number($online.counts.guests)})
			}}</span>
		</div>
	</div>
</div>]]></template>
    <template title="widget_new_posts" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:if is="$threads is not empty OR ($threads is empty AND $filter != 'latest')">
	<div class="block"{{ widget_data($widget) }}>
		<div class="block-container">
			<xf:if is="$style == 'full'">
				<h3 class="block-header">
					<a href="{$link}" rel="nofollow">{$title}</a>
				</h3>
							<span class="special-colorize-border"></span>

				<div class="block-body">
					<div class="structItemContainer">
						<xf:if is="$threads is not empty">
							<xf:foreach loop="$threads" value="$thread">
								<xf:macro template="thread_list_macros" name="item"
									arg-allowInlineMod="{{ false }}"
									arg-thread="{$thread}" />
							</xf:foreach>
						<xf:elseif is="$filter == 'unread'" />
							<div class="block-row">
								{{ phrase('no_unread_posts_view_latest', {'link': link('whats-new/posts', null, {'skip': 1})}) }}
							</div>
						<xf:else />
							<div class="block-row">
								{{ phrase('no_results_found') }}
							</div>
						</xf:if>
					</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}</a>
				</h3>
							<span class="special-colorize-border"></span>

				<ul class="block-body">
					<xf:if is="$threads is not empty">
						<xf:foreach loop="$threads" value="$thread">
							<li class="block-row">
								<xf:macro template="thread_list_macros" name="item_new_posts"
									arg-thread="{$thread}" />
							</li>
						</xf:foreach>
					<xf:elseif is="$filter == 'unread'" />
						<li class="block-row block-row--minor">
							{{ phrase('no_unread_posts_view_latest', {'link': link('whats-new/posts', null, {'skip': 1})}) }}
						</li>
					<xf:else />
						<li class="block-row block-row--minor">
							{{ phrase('no_results_found') }}
						</li>
					</xf:if>
				</ul>
			</xf:if>
		</div>
	</div>
</xf:if>]]></template>
    <template title="widget_new_profile_posts" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:if is="$profilePosts is not empty">
	<xf:macro template="lightbox_macros" name="setup" arg-canViewAttachments="{$canViewAttachments}" />

	<div class="block"{{ widget_data($widget) }}
		data-xf-init="lightbox">
		<div class="block-container">
			<xf:if is="$style == 'full'">
				<h3 class="block-header">
					<a href="{$link}" rel="nofollow">{$title}</a>
				</h3>
							<span class="special-colorize-border"></span>

			<xf:else />
				<h3 class="block-minorHeader">
					<a href="{$link}" rel="nofollow">{$title}</a>
				</h3>
			</xf:if>
			<div class="block-body js-replyNewMessageContainer">
				<xf:if is="$xf.visitor.canPostOnProfile()">
					<xf:set var="$firstProfilePost" value="{$profilePosts|first}" />
					<xf:macro template="profile_post_macros" name="submit"
						arg-user="{$xf.visitor}"
						arg-lastDate="{{ $firstProfilePost.post_date ?: 0 }}"
						arg-containerSelector="< .js-replyNewMessageContainer"
						arg-style="{$style}"
						arg-context="all"
						arg-attachmentData="{$attachmentData}" />
				</xf:if>
				<xf:foreach loop="$profilePosts" value="$profilePost">
					<xf:if is="$style == 'full'">
						<xf:macro template="profile_post_macros" name="profile_post"
							arg-profilePost="{$profilePost}"
							arg-attachmentData="{$profilePostAttachData.{$profilePost.profile_post_id}}"
							arg-showTargetUser="{{ true }}"
							arg-allowInlineMod="{{ false }}" />
					<xf:else />
						<div class="block-row">
							<xf:macro template="profile_post_macros" name="profile_post_simple"
								arg-profilePost="{$profilePost}"
								arg-limitHeight="{{ true }}" />
						</div>
					</xf:if>
				</xf:foreach>
			</div>
			<xf:if is="$style == 'full'">
				<div class="block-footer">
					<span class="block-footer-controls">
						<xf:button href="{$link}" rel="nofollow">{{ phrase('view_more...') }}</xf:button>
					</span>
				</div>
			</xf:if>
		</div>
	</div>
</xf:if>]]></template>
    <template title="widget_new_threads" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:if is="$threads is not empty">
	<xf:if is="$style != 'expanded'">
		<div class="block"{{ widget_data($widget) }}>
			<div class="block-container">
				<xf:if is="$style == 'full'">
					<h3 class="block-header">
						<a href="{$link}" rel="nofollow">{$title}</a>
					</h3>
								<span class="special-colorize-border"></span>

					<div class="block-body">
						<div class="structItemContainer">
							<xf:foreach loop="$threads" value="$thread">
								<xf:macro template="thread_list_macros" name="item"
									arg-allowInlineMod="{{ false }}"
									arg-thread="{$thread}" />
							</xf:foreach>
						</div>
					</div>
				<xf:else />
					<h3 class="block-minorHeader">
						<a href="{$link}" rel="nofollow">{$title}</a>
					</h3>
					<ul class="block-body">
						<xf:foreach loop="$threads" value="$thread">
							<li class="block-row">
								<xf:macro template="thread_list_macros" name="item_new_threads"
									arg-thread="{$thread}" />
							</li>
						</xf:foreach>
					</ul>
				</xf:if>
			</div>
		</div>
	<xf:else />
		<xf:css src="message.less" />

		<div class="blocks" {{ widget_data($widget) }}>
			<xf:if is="$showExpandedTitle">
				<h2 class="blocks-header">
					{$title}
				</h2>
			</xf:if>

			<xf:foreach loop="$threads" value="$thread">
				<xf:set var="$post" value="{$thread.FirstPost}" />

				<div class="block">
					<div class="block-container"
						data-xf-init="lightbox">

						<h4 class="block-header">
							<a href="{{ link('threads', $thread) }}">{$thread.title}</a>
						</h4>
						<div class="block-body">
							<div class="message message--post">
								<div class="message-inner">
									<div class="message-cell message-cell--main">
										<div class="message-content js-messageContent">
											<header class="message-attribution">
												<ul class="listInline listInline--bullet u-muted">
													<li><xf:username user="{$thread.User}" defaultname="{$thread.username}" /></li>
													<li><xf:date time="{$post.post_date}" /></li>
													<li><a href="{{ link('forums', $thread.Forum) }}">{$thread.Forum.title}</a></li>
													<li>{{ phrase('replies:') }} {$thread.reply_count|number}</li>
												</ul>
											</header>
											<div class="message-userContent lbContainer js-lbContainer"
												data-lb-id="post-{$post.post_id}"
												data-lb-caption-desc="{{ $post.User ? $post.User.username : $post.username }} &middot; {{ date_time($post.post_date) }}">

												<article class="message-body">
													{{ bb_code($post.message, 'post', $post) }}
												</article>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</xf:foreach>
		</div>
	</xf:if>
</xf:if>]]></template>
    <template title="widget_newest_members" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:if is="$users is not empty">
	<div class="block"{{ widget_data($widget) }}>
		<div class="block-container">
			<h3 class="block-minorHeader">{$title}</h3>
			<span class="special-colorize-border"></span>
			<div class="block-body block-row">
				<ul class="listHeap">
					<xf:foreach loop="$users" value="$user">
						<li>
							<xf:avatar user="$user" size="s" img="true" />
						</li>
					</xf:foreach>
				</ul>
			</div>
		</div>
	</div>
</xf:if>]]></template>
    <template title="widget_online_statistics" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<div class="block"{{ widget_data($widget) }}>
	<div class="block-container">
		<h3 class="block-minorHeader">{$title}</h3>
					<span class="special-colorize-border"></span>

		<div class="block-body block-row">
			<dl class="pairs pairs--justified">
				<dt>{{ phrase('members_online') }}</dt>
				<dd>{$counts.members|number}</dd>
			</dl>

			<dl class="pairs pairs--justified">
				<dt>{{ phrase('guests_online') }}</dt>
				<dd>{$counts.guests|number}</dd>
			</dl>

			<dl class="pairs pairs--justified">
				<dt>{{ phrase('total_visitors') }}</dt>
				<dd>{$counts.total|number}</dd>
			</dl>
		</div>
		<div class="block-footer">
			{{ phrase('totals_may_include_hidden_visitors') }}
		</div>
	</div>
</div>]]></template>
    <template title="widget_search_forum" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:if is="$style != 'expanded'">
	<div class="block" {{ widget_data($widget) }}>
		<div class="block-container">
			<xf:if is="$style == 'full'">
				<h3 class="block-header">
					<a href="{{ link('search-forums', $searchForum) }}">
						{{ $title ?: $searchForum.title }}
					</a>
				</h3>
							<span class="special-colorize-border"></span>


				<div class="block-body">
					<div class="structItemContainer">
						<xf:foreach loop="$threads" value="$thread">
							<xf:macro template="thread_list_macros" name="item"
								arg-allowInlineMod="{{ false }}"
								arg-thread="{$thread}" />
						</xf:foreach>
					</div>
				</div>
			<xf:else />
				<h3 class="block-minorHeader">
					<a href="{{ link('search-forums', $searchForum) }}">
						{{ $title ?: $searchForum.title }}
					</a>
				</h3>

				<ul class="block-body">
					<xf:foreach loop="$threads" value="$thread">
						<li class="block-row">
							<xf:macro template="thread_list_macros" name="item_new_threads"
								arg-thread="{$thread}" />
						</li>
					</xf:foreach>
				</ul>
			</xf:if>
		</div>
	</div>
<xf:else />
	<xf:css src="message.less" />

	<div class="blocks" {{ widget_data($widget) }}>
		<xf:if is="$showExpandedTitle">
			<h2 class="blocks-header">
				{{ $title ?: $searchForum.title }}
			</h2>
		</xf:if>

		<xf:foreach loop="$threads" value="$thread">
			<xf:set var="$post" value="{$thread.FirstPost}" />

			<div class="block">
				<div class="block-container" data-xf-init="lightbox">
					<h4 class="block-header">
						<a href="{{ link('threads', $thread) }}">{$thread.title}</a>
					</h4>

					<div class="block-body">
						<div class="message message--post">
							<div class="message-inner">
								<div class="message-cell message-cell--main">
									<div class="message-content js-messageContent">
										<header class="message-attribution">
											<ul class="listInline listInline--bullet u-muted">
												<li><xf:username user="{$thread.User}" defaultname="{$thread.username}" /></li>
												<li><xf:date time="{$post.post_date}" /></li>
												<li><a href="{{ link('forums', $thread.Forum) }}">{$thread.Forum.title}</a></li>
												<li>{{ phrase('replies:') }} {$thread.reply_count|number}</li>
											</ul>
										</header>

										<div class="message-userContent lbContainer js-lbContainer"
											data-lb-id="post-{$post.post_id}"
											data-lb-caption-desc="{{ $post.User ? $post.User.username : $post.username }} &middot; {{ date_time($post.post_date) }}">

											<article class="message-body">
												{{ bb_code($post.message, 'post', $post) }}
											</article>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</xf:foreach>
	</div>
</xf:if>]]></template>
    <template title="widget_share_page" type="public" addon_id="XF" version_id="2020070" version_string="2.2.0"><![CDATA[<xf:if contentcheck="true">
	<div class="block"{{ widget_data($widget) }}>
		<div class="block-container">
			<h3 class="block-minorHeader">{$title}</h3>
						<span class="special-colorize-border"></span>

			<div class="block-body block-row">
				<xf:contentcheck>
					<xf:macro template="share_page_macros" name="buttons" arg-iconic="{$options.iconic}" />
				</xf:contentcheck>
			</div>
		</div>
	</div>
</xf:if>]]></template>
    <template title="xgt_forumistatik" type="public" addon_id="" version_id="3000600" version_string="3.0.6"><![CDATA[<xf:if is="$xf.visitor.canIstatistikleriGor()">
	<div class="xgt-ForumIstatistik-Govde">
		<div class="block istatistik-blogu">		
			<div class="{{ ($xf.visitor.canKullaniciIstatistikGor() == $xf.options.xgtForumistatikKullaniciVerileri) ? 'KonuHucre-Dar' : '' }}{{ (!$xf.visitor.canKullaniciIstatistikGor() OR !$xf.options.xgtForumistatikKullaniciVerileri) ? 'KonuHucre-Genis' : '' }}">
				<xf:if is="$forumIstatistikleri.pozisyonlar.anaveri">
					<xf:set var="$baslangic" value="{$forumIstatistikleri.baslangic.anaveri}" />     
					<xf:set var="$counter" value="1" />
					<h2 class="istatikKonu-TabHeader block-tabHeader tabs hScroller" data-xf-init="tabs h-scroller" data-state="replace" role="tablist">
						<span class="hScroller-scroll">
							<xf:foreach loop="$forumIstatistikleri.pozisyonlar.anaveri" key="$veri_id" value="$forumIstatistik">
								<a class="tabs-tab {{ $counter == 1 ? 'is-active' : '' }}" role="tab" tabindex="0" aria-controls="istatistikveri-{$veri_id}">
									<xf:if is="$xf.options.xgtForumistatikOzellikler.sekmeikon AND $forumIstatistik.veri_ikonu">
										<i class="{$forumIstatistik.veri_ikonu}"></i> 
									</xf:if>
									{$forumIstatistik.title}
								</a>
							<xf:set var="$counter" value="{{ $counter + 1 }}" />
						</xf:foreach>
						</span>
					</h2>
					<xf:set var="$counter" value="1" />
					<ul class="tabPanes">
						<span class="special-colorize-border"></span>
						<xf:foreach loop="$forumIstatistikleri.pozisyonlar.anaveri" key="$veri_id"  value="$forumIstatistik">
							<xf:if is="$counter == 1">
								<li class="is-active" role="tabpanel" id="istatistikveri-{$veri_id}" data-href-initial="{{ link('forum-istatistik/sonuclar', $forumIstatistik) }}">
									<xf:include template="xgt_forumistatik_sonuclar">
										<xf:set var="$forumIstatistik" value="{$baslangic}" />
									</xf:include>
								</li>
							<xf:else />
								<li class="" role="tabpanel" id="istatistikveri-{$veri_id}" data-href="{{ link('forum-istatistik/sonuclar', $forumIstatistik) }}" data-href-initial="{{ link('forum-istatistik/sonuclar', $forumIstatistik) }}">
									<div class="YukleniyorIkon">
										<i class="fas fa-spinner fa-pulse"></i>
									</div>
								</li>
							</xf:if>
							<xf:set var="$counter" value="{{ $counter + 1 }}" />
						</xf:foreach>
					</ul>
				</xf:if>
			</div>
			<xf:if is="$xf.visitor.canKullaniciIstatistikGor() AND $xf.options.xgtForumistatikKullaniciVerileri">
				<div class="Kullanici-hucre">
					<h2 class="block-tabHeader tabs hScroller istatikKullanici-TabHeader">
						<div class="tabs-tab">
							<span class="hScroller-scroll"> 
								<xf:if is="$xf.options.xgtForumistatikOzellikler.sekmeikon">
									<i class="fad fa-user-friends"></i>
								</xf:if>
								{{ phrase('xgt_forumistatik_encok_mesaj') }}
							</span>
						</div>
					</h2>
					<ul class="tabPanes">
						<div class="MiniHeader KullaniciMiniHeader">
							<div class="MiniHeaderHucre">
								{{ phrase('xgt_forumistatik_kullanici') }}
							</div>
							<div class="MiniHeaderHucre MesajSayisi">
								{{ phrase('xgt_forumistatik_mesaj_sayisi') }}
							</div>
						</div>
						<xf:widget key="xgtForumIstatistik_encok_mesaj_kullanici" />
					</ul>
				</div>
			</xf:if>
			<div class="xgtForumIstatistik-Footer"></div>
		</div>	
	</div>
	<xf:if is="$xf.options.xgtIstatistikOtoyenileme.otoyenileme">
		<xf:macro template="xgt_forumistatik.js" name="otoyenile" arg-kullanici="{$kullanici}" />
	</xf:if>
	<xf:css src="xgt_forumistatik.less" />
</xf:if>]]></template>
  </templates>
  <properties>
    <group group_name="Spacex_Color" title="[SpaceX] Main Theme Color Settings" description="It is the area where you can edit the colors of the theme." display_order="1" addon_id=""/>
    <group group_name="spcxDayNight" title="[SpaceX] Light Theme Color Settings" description="" display_order="2" addon_id=""/>
    <group group_name="Nightmode" title="[SpaceX] Night Theme Color Settings" description="" display_order="3" addon_id=""/>
    <group group_name="Spcx_Video_Guest" title="[SpaceX] Video Welcome Banner" description="edit the welcome banner with video background that is visible to the visitors." display_order="4" addon_id=""/>
    <group group_name="Announce_block" title="[SpaceX] Announce Block" description="Customizable Announce block" display_order="4" addon_id=""/>
    <group group_name="Spcx_Footer" title="[SpaceX] Footer Property" description="You can set footer properties here." display_order="6" addon_id=""/>
    <group group_name="Spcx_ungroup" title="[SpaceX] Ungrouped Settings" description="" display_order="7" addon_id=""/>
    <property property_name="DaySpacexBlockBreadArrow" group_name="spcxDayNight" title="Breadcrumbs Arrow" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="11" addon_id="">
      <value>"#d6d6d6"</value>
    </property>
    <property property_name="DaySpacexBlockBreadFontclr" group_name="spcxDayNight" title="Breadcrumbs Font Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="10" addon_id="">
      <value>"rgb(0, 13, 42)"</value>
    </property>
    <property property_name="DaySpacexBlockBreadHover" group_name="spcxDayNight" title="Breadcrumbs Hover" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="12" addon_id="">
      <value>"#dedede"</value>
    </property>
    <property property_name="DaySpacexBlockBreadbg" group_name="spcxDayNight" title="Breadcrumbs BG" description="" property_type="value" value_type="color" depends_on="" value_group="Breadcrumbs" display_order="9" addon_id="">
      <value>"rgb(245, 245, 245)"</value>
    </property>
    <property property_name="DaySpacexBlockfooterbg" group_name="spcxDayNight" title="Block Footer BG" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="7" addon_id="">
      <value>"linear-gradient(180deg, #dfdfdf, #f5f5f5)"</value>
    </property>
    <property property_name="DaySpacexBlockfooterborder" group_name="spcxDayNight" title="Block Footer Border" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="8" addon_id="">
      <value>"#d0d0d0"</value>
    </property>
    <property property_name="DaySpacexFrmBGeven" group_name="spcxDayNight" title="Forum List BG (Even)" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="2" addon_id="">
      <value>"rgb(242, 242, 242)"</value>
    </property>
    <property property_name="DaySpacexFrmBGodd" group_name="spcxDayNight" title="Forum List BG (Odd)" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="2" addon_id="">
      <value>"#eaeaea"</value>
    </property>
    <property property_name="DaySpacexFrmBracer" group_name="spcxDayNight" title="Forum List Bracer" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="4" addon_id="">
      <value>"#fff"</value>
    </property>
    <property property_name="DaySpacexFrmHover" group_name="spcxDayNight" title="Forum List Hover" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="3" addon_id="">
      <value>"#fff"</value>
    </property>
    <property property_name="DaySpacexFrmShadow" group_name="spcxDayNight" title="Forum List Block Shadow" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="5" addon_id="">
      <value>"#bfbfbf"</value>
    </property>
    <property property_name="DaySpacexGeneralFontColor" group_name="spcxDayNight" title="General Font Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="6" addon_id="">
      <value>"rgb(1, 6, 19)"</value>
    </property>
    <property property_name="DaySpacexPageBGimg" group_name="spcxDayNight" title="Page BG IMG" description="" property_type="value" value_type="string" depends_on="" value_group="General" display_order="0" addon_id="">
      <value>"url(styles/spacex/bglight.jpg)"</value>
    </property>
    <property property_name="DaySpacexannouncebg" group_name="spcxDayNight" title="Staffbar &amp; Announce Block BG" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="1" addon_id="">
      <value>"rgb(234, 234, 234)"</value>
    </property>
    <property property_name="DaySpacexnightmodebuton" group_name="spcxDayNight" title="Night Mode Button Icon" description="Choose Font Awesome Icon" property_type="value" value_type="string" depends_on="" value_group="Other" display_order="13" addon_id="">
      <value>"\"\\f186\""</value>
    </property>
    <property property_name="DaySpacexnightmodebutoncolor" group_name="spcxDayNight" title="Night Mode Button Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="14" addon_id="">
      <value>"@xf-contentBg"</value>
    </property>
    <property property_name="NightSpacexBlockBreadArrow" group_name="Nightmode" title="Breadcrumbs Arrow" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="13" addon_id="">
      <value>"black"</value>
    </property>
    <property property_name="NightSpacexBlockBreadFontclr" group_name="Nightmode" title="Breadcrumbs Font Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="12" addon_id="">
      <value>"rgb(232, 232, 232)"</value>
    </property>
    <property property_name="NightSpacexBlockBreadHover" group_name="Nightmode" title="Breadcrumbs Hover" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="14" addon_id="">
      <value>"#d64494"</value>
    </property>
    <property property_name="NightSpacexBlockBreadbg" group_name="Nightmode" title="Breadcrumbs BG" description="" property_type="value" value_type="color" depends_on="" value_group="Breadcrumbs" display_order="11" addon_id="">
      <value>"#011b37"</value>
    </property>
    <property property_name="NightSpacexBlockfooterbg" group_name="Nightmode" title="Block Footer BG" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="9" addon_id="">
      <value>"linear-gradient(180deg, #02172f, #1d4596)"</value>
    </property>
    <property property_name="NightSpacexBlockfooterborder" group_name="Nightmode" title="Block Footer Border" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="10" addon_id="">
      <value>"#092769"</value>
    </property>
    <property property_name="NightSpacexFrmBGeven" group_name="Nightmode" title="Forum List BG (Even)" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="3" addon_id="">
      <value>"#021123"</value>
    </property>
    <property property_name="NightSpacexFrmBGodd" group_name="Nightmode" title="Forum List BG (Odd)" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="4" addon_id="">
      <value>"#011934"</value>
    </property>
    <property property_name="NightSpacexFrmBracer" group_name="Nightmode" title="Forum List Bracer" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="6" addon_id="">
      <value>"#000"</value>
    </property>
    <property property_name="NightSpacexFrmGeneralBorder" group_name="Nightmode" title="Forumlist General Border" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="10" addon_id="">
      <value>"#02172f"</value>
    </property>
    <property property_name="NightSpacexFrmHover" group_name="Nightmode" title="Forum List Hover" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="5" addon_id="">
      <value>"#010e1d"</value>
    </property>
    <property property_name="NightSpacexFrmShadow" group_name="Nightmode" title="Forum List Block Shadow" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="7" addon_id="">
      <value>"#096fca"</value>
    </property>
    <property property_name="NightSpacexGeneralFontColor" group_name="Nightmode" title="General Font Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="8" addon_id="">
      <value>"#969a9c"</value>
    </property>
    <property property_name="NightSpacexPageBG" group_name="Nightmode" title="Page BG Color" description="" property_type="value" value_type="color" depends_on="" value_group="General" display_order="1" addon_id="">
      <value>"#021123"</value>
    </property>
    <property property_name="NightSpacexPageBGimg" group_name="Nightmode" title="Page BG IMG" description="" property_type="value" value_type="string" depends_on="" value_group="" display_order="2" addon_id="">
      <value>"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='344' height='344' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23061c4c' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23061c4c'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E\")"</value>
    </property>
    <property property_name="NightSpacexannouncebg" group_name="Nightmode" title="Staffbar &amp; Announce Block BG" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="2" addon_id="">
      <value>"#011b37"</value>
    </property>
    <property property_name="NightSpacexnightmodebuton" group_name="Nightmode" title="Night Mode Button Icon" description="" property_type="value" value_type="string" depends_on="" value_group="Other" display_order="15" addon_id="">
      <value>"\"\\f185\""</value>
    </property>
    <property property_name="NightSpacexnightmodebutoncolor" group_name="Nightmode" title="Night Mode Button Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="16" addon_id="">
      <value>"rgb(0, 255, 247)"</value>
    </property>
    <property property_name="SpaceXDefaultType" group_name="Spacex_Color" title="Set style as default value to Dark or Light" description="Set style as default value to Dark or Light" property_type="value" value_type="radio" depends_on="" value_group="" display_order="0" addon_id="">
      <value_parameters>Dark={{ phrase('dark') }}
Light={{ phrase('light') }}</value_parameters>
      <value>"Dark"</value>
    </property>
    <property property_name="SpaceXMenuLinkRowFocus" group_name="Spcx_ungroup" title="Menu Hover &amp; Focus &amp; Selected" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="4" addon_id="">
      <value>"#0498f4"</value>
    </property>
    <property property_name="SpaceX_Announce" group_name="Announce_block" title="Show Announce Blocks" description="Show/Hide Skype,Mail,Contact blocks" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="1" addon_id="">
      <value>0</value>
    </property>
    <property property_name="SpaceX_Announce_block1_Icon" group_name="Announce_block" title="Block 1 Icon" description="choose font awesome icon.&#10;Ex. Fa-Skype" property_type="value" value_type="string" depends_on="" value_group="Block1" display_order="2" addon_id="">
      <value>"fab fa-skype"</value>
    </property>
    <property property_name="SpaceX_Announce_block1_Link" group_name="Announce_block" title="Block 1 Link" description="add link for block 1" property_type="value" value_type="string" depends_on="" value_group="" display_order="3" addon_id="">
      <value>"https://www.site.com/"</value>
    </property>
    <property property_name="SpaceX_Announce_block1_Text" group_name="Announce_block" title="Block 1 Text" description="Please enter block 1 text" property_type="value" value_type="string" depends_on="" value_group="" display_order="4" addon_id="">
      <value>"Skype Contact: Lore Ipsum"</value>
    </property>
    <property property_name="SpaceX_Announce_block2_Icon" group_name="Announce_block" title="Block 2 Icon" description="choose font awesome icon. Ex. Fa-Skype" property_type="value" value_type="string" depends_on="" value_group="Block2" display_order="6" addon_id="">
      <value>"fal fa-envelope"</value>
    </property>
    <property property_name="SpaceX_Announce_block2_Link" group_name="Announce_block" title="Block 2 Link" description="enter link." property_type="value" value_type="string" depends_on="" value_group="" display_order="7" addon_id="">
      <value>"mailto:loreipsum@gmail.com"</value>
    </property>
    <property property_name="SpaceX_Announce_block2_Text" group_name="Announce_block" title="Block 2 Text" description="Please enter block 1 text" property_type="value" value_type="string" depends_on="" value_group="" display_order="8" addon_id="">
      <value>"Mail Contact: loreipsum@gmail.com"</value>
    </property>
    <property property_name="SpaceX_Announce_block3_Icon" group_name="Announce_block" title="Block 3 Icon" description="" property_type="value" value_type="string" depends_on="" value_group="Block3" display_order="10" addon_id="">
      <value>"fal fa-pencil"</value>
    </property>
    <property property_name="SpaceX_Announce_block3_Link" group_name="Announce_block" title="Block 3 Link" description="" property_type="value" value_type="string" depends_on="" value_group="" display_order="11" addon_id="">
      <value>"/misc/contact"</value>
    </property>
    <property property_name="SpaceX_Announce_block3_Text" group_name="Announce_block" title="Block 3 Text" description="" property_type="value" value_type="string" depends_on="" value_group="" display_order="12" addon_id="">
      <value>"Write me..."</value>
    </property>
    <property property_name="SpaceX_Footer_Show" group_name="Spcx_Footer" title="Show Mega Footer" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="0" addon_id="">
      <value>1</value>
    </property>
    <property property_name="SpaceX_Guest" group_name="Spcx_Video_Guest" title="Show Video Welcome Banner for Guest" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="0" addon_id="">
      <value>1</value>
    </property>
    <property property_name="SpaceX_Guest_Buttonbracer" group_name="Spcx_Video_Guest" title="Button Bracer Text" description="" property_type="value" value_type="string" depends_on="" value_group="" display_order="3" addon_id="">
      <value>"or"</value>
    </property>
    <property property_name="SpaceX_Guest_Content" group_name="Spcx_Video_Guest" title="Guest Banner Content Text" description="" property_type="value" value_type="string" depends_on="" value_group="" display_order="2" addon_id="">
      <value>"You can benefit from our privileges as a member of our site."</value>
    </property>
    <property property_name="SpaceX_Guest_Header" group_name="Spcx_Video_Guest" title="Guest Banner Header Text" description="" property_type="value" value_type="string" depends_on="" value_group="" display_order="1" addon_id="">
      <value>"Hello Guest! Welcome to my website."</value>
    </property>
    <property property_name="SpaceX_Guest_Video" group_name="Spcx_Video_Guest" title="Background Video Adress" description="please enter background video link." property_type="value" value_type="string" depends_on="" value_group="" display_order="5" addon_id="">
      <value>"styles/spacex/video/banner1.mp4"</value>
    </property>
    <property property_name="SpaceX_Sidebar" group_name="Spcx_ungroup" title="Show Breadcrumbs  &quot;Hide Sidebar&quot; Button" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="1" addon_id="">
      <value>1</value>
    </property>
    <property property_name="SpaceX_Widescreen" group_name="Spcx_ungroup" title="Show Breadcrumbs Widescreen Button" description="" property_type="value" value_type="boolean" depends_on="" value_group="" display_order="0" addon_id="">
      <value>1</value>
    </property>
    <property property_name="SpaceX_footer1_Content" group_name="Spcx_Footer" title="Column 1 Content" description="Info column detail text." property_type="value" value_type="string" depends_on="" value_group="" display_order="2" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."</value>
    </property>
    <property property_name="SpaceX_footer1_Facebook" group_name="Spcx_Footer" title="Facebook Link" description="Please enter full site adress &#10;Ex. https://www.facebook.com/spaceX" property_type="value" value_type="string" depends_on="" value_group="" display_order="3" addon_id="">
      <value>"https://www.facebook.com/spaceX"</value>
    </property>
    <property property_name="SpaceX_footer1_Header" group_name="Spcx_Footer" title="Column 1 Header" description="Info column header" property_type="value" value_type="string" depends_on="" value_group="Column1" display_order="1" addon_id="">
      <value>"What is Lorem Ipsum"</value>
    </property>
    <property property_name="SpaceX_footer1_Instagram" group_name="Spcx_Footer" title="Instagram Link" description="Please enter full link. &#10;Ex. https://www.instagram.com/spaceX" property_type="value" value_type="string" depends_on="" value_group="" display_order="3" addon_id="">
      <value>"https://www.instagram.com/spaceX"</value>
    </property>
    <property property_name="SpaceX_footer1_Social" group_name="Spcx_Footer" title="Show Social Button" description="" property_type="value" value_type="boolean" depends_on="" value_group="Social" display_order="2" addon_id="">
      <value>1</value>
    </property>
    <property property_name="SpaceX_footer1_Twitter" group_name="Spcx_Footer" title="Twitter Link" description="Please enter full link.&#10;Ex. https://www.twitter.com/SpaceX" property_type="value" value_type="string" depends_on="" value_group="" display_order="2" addon_id="">
      <value>"https://www.twitter.com/SpaceX"</value>
    </property>
    <property property_name="SpaceX_footer1_Youtube" group_name="Spcx_Footer" title="Youtube Link" description="Please enter full link&#10;Ex. https://www.youtube.com/spaceX" property_type="value" value_type="string" depends_on="" value_group="" display_order="5" addon_id="">
      <value>"https://www.youtube.com/spaceX"</value>
    </property>
    <property property_name="SpaceX_footer2_Header" group_name="Spcx_Footer" title="Column 2 Header" description="Backlink area header." property_type="value" value_type="string" depends_on="" value_group="Column2" display_order="10" addon_id="">
      <value>"Baclink Links"</value>
    </property>
    <property property_name="SpaceX_footer2_link1" group_name="Spcx_Footer" title="Link 1" description="pleae enter link. Ex. https://www.site.com" property_type="value" value_type="string" depends_on="" value_group="" display_order="11" addon_id="">
      <value>"https://www.demo1.com"</value>
    </property>
    <property property_name="SpaceX_footer2_link2" group_name="Spcx_Footer" title="Link 2" description="pleae enter link. Ex. https://www.site.com" property_type="value" value_type="string" depends_on="" value_group="" display_order="12" addon_id="">
      <value>"https://www.demo2.com"</value>
    </property>
    <property property_name="SpaceX_footer2_link3" group_name="Spcx_Footer" title="Link 3" description="pleae enter link. Ex. https://www.site.com" property_type="value" value_type="string" depends_on="" value_group="" display_order="14" addon_id="">
      <value>"https://www.demo3.com"</value>
    </property>
    <property property_name="SpaceX_footer2_link4" group_name="Spcx_Footer" title="Link 4" description="pleae enter link. Ex. https://www.site.com" property_type="value" value_type="string" depends_on="" value_group="" display_order="16" addon_id="">
      <value>"https://www.demo4.com"</value>
    </property>
    <property property_name="SpaceX_footer2_text1" group_name="Spcx_Footer" title="Link 1 Text" description="please add text for link 1" property_type="value" value_type="string" depends_on="" value_group="" display_order="11" addon_id="">
      <value>"Link is Here"</value>
    </property>
    <property property_name="SpaceX_footer2_text2" group_name="Spcx_Footer" title="Link 2 Text" description="please add text for link 2" property_type="value" value_type="string" depends_on="" value_group="" display_order="13" addon_id="">
      <value>"Link is Here 2"</value>
    </property>
    <property property_name="SpaceX_footer2_text3" group_name="Spcx_Footer" title="Link 3 Text" description="please add text for link 3" property_type="value" value_type="string" depends_on="" value_group="" display_order="15" addon_id="">
      <value>"Link is Here 3"</value>
    </property>
    <property property_name="SpaceX_footer2_text4" group_name="Spcx_Footer" title="Link 4 Text" description="please add text for link 4" property_type="value" value_type="string" depends_on="" value_group="" display_order="17" addon_id="">
      <value>"Link is Here 4"</value>
    </property>
    <property property_name="SpaceX_footer3_Header" group_name="Spcx_Footer" title="Column 3 Header" description="Friendly Sites header" property_type="value" value_type="string" depends_on="" value_group="Column3" display_order="20" addon_id="">
      <value>"Friendly Sitess"</value>
    </property>
    <property property_name="SpaceX_footer3_link1" group_name="Spcx_Footer" title="Link 1" description="pleae enter link. Ex. https://www.site.com" property_type="value" value_type="string" depends_on="" value_group="" display_order="21" addon_id="">
      <value>"https://www.linkishere1.com"</value>
    </property>
    <property property_name="SpaceX_footer3_link2" group_name="Spcx_Footer" title="Link 2" description="pleae enter link. Ex. https://www.site.com" property_type="value" value_type="string" depends_on="" value_group="" display_order="23" addon_id="">
      <value>"https://www.linkishere2.com"</value>
    </property>
    <property property_name="SpaceX_footer3_link3" group_name="Spcx_Footer" title="Link 3" description="pleae enter link. Ex. https://www.site.com" property_type="value" value_type="string" depends_on="" value_group="" display_order="25" addon_id="">
      <value>"https://www.linkishere3.com"</value>
    </property>
    <property property_name="SpaceX_footer3_link4" group_name="Spcx_Footer" title="Link 4" description="pleae enter link. Ex. https://www.site.com" property_type="value" value_type="string" depends_on="" value_group="" display_order="27" addon_id="">
      <value>"https://www.linkishere4.com"</value>
    </property>
    <property property_name="SpaceX_footer3_text1" group_name="Spcx_Footer" title="Link 1 Text" description="please add text for link 1" property_type="value" value_type="string" depends_on="" value_group="" display_order="22" addon_id="">
      <value>"Demo"</value>
    </property>
    <property property_name="SpaceX_footer3_text2" group_name="Spcx_Footer" title="Link 2 Text" description="please add text for link 2" property_type="value" value_type="string" depends_on="" value_group="" display_order="24" addon_id="">
      <value>"Demo 2"</value>
    </property>
    <property property_name="SpaceX_footer3_text3" group_name="Spcx_Footer" title="Link 3 Text" description="please add text for link 3" property_type="value" value_type="string" depends_on="" value_group="" display_order="26" addon_id="">
      <value>"Demo 3"</value>
    </property>
    <property property_name="SpaceX_footer3_text4" group_name="Spcx_Footer" title="Link 4 Text" description="please add text for link 4" property_type="value" value_type="string" depends_on="" value_group="" display_order="28" addon_id="">
      <value>"Demo 4"</value>
    </property>
    <property property_name="SpaceX_footer4_Header" group_name="Spcx_Footer" title="Widget Column Header" description="" property_type="value" value_type="string" depends_on="" value_group="Column4" display_order="30" addon_id="">
      <value>"Most Reactions!"</value>
    </property>
    <property property_name="SpacexActivetab" group_name="Spacex_Color" title="Navbar Active Tab Background" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="2" addon_id="">
      <value>"#0498f4"</value>
    </property>
    <property property_name="SpacexBlockFilterBG" group_name="Spacex_Color" title="Block Filterbar BG" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="23" addon_id="">
      <value>"linear-gradient(to right, #21479d, #011327)"</value>
    </property>
    <property property_name="SpacexBlockFilterFont" group_name="Spacex_Color" title="Block Filterbar Font" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="25" addon_id="">
      <value>"White"</value>
    </property>
    <property property_name="SpacexBlockHeaderBG" group_name="Spacex_Color" title="Block Header BG" description="" property_type="value" value_type="color" depends_on="" value_group="BlockHeader" display_order="19" addon_id="">
      <value>"linear-gradient(to right, #21479d, #011327)"</value>
    </property>
    <property property_name="SpacexBlockHeaderFont" group_name="Spacex_Color" title="Block Header Font" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="20" addon_id="">
      <value>"White"</value>
    </property>
    <property property_name="SpacexBlockMinorHeaderBG" group_name="Spacex_Color" title="Block Minor Header BG" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="21" addon_id="">
      <value>"linear-gradient(to right, #21479d, #011327)"</value>
    </property>
    <property property_name="SpacexBlockMinorHeaderFont" group_name="Spacex_Color" title="Block Minor Header Font" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="22" addon_id="">
      <value>"White"</value>
    </property>
    <property property_name="SpacexBorder1" group_name="Spacex_Color" title="Border Graident Tone 1" description="" property_type="value" value_type="color" depends_on="" value_group="GraidentBorder" display_order="8" addon_id="">
      <value>"#f29c38"</value>
    </property>
    <property property_name="SpacexBorder2" group_name="Spacex_Color" title="Border Graident Tone 2" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="9" addon_id="">
      <value>"#ea3329"</value>
    </property>
    <property property_name="SpacexBorder3" group_name="Spacex_Color" title="Border Graident Tone 3" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="10" addon_id="">
      <value>"#ff034a"</value>
    </property>
    <property property_name="SpacexBorder4" group_name="Spacex_Color" title="Border Graident Tone 4" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="11" addon_id="">
      <value>"#e532ad"</value>
    </property>
    <property property_name="SpacexBorder5" group_name="Spacex_Color" title="Border Graident Tone 5" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="12" addon_id="">
      <value>"#0c8cfe"</value>
    </property>
    <property property_name="SpacexMenuopen" group_name="Spacex_Color" title="Navbar Menu Open Tab Bg" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="2" addon_id="">
      <value>"rgba(28, 143, 185, 0.3)"</value>
    </property>
    <property property_name="SpacexOverlayHeader" group_name="Spacex_Color" title="Overlay Header BG" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="26" addon_id="">
      <value>"linear-gradient(to right, #21479d, #011327)"</value>
    </property>
    <property property_name="SpacexOverlayHeaderFont" group_name="Spacex_Color" title="Overlay Header Font" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="27" addon_id="">
      <value>"white"</value>
    </property>
    <property property_name="SpacexfoobttmBGclr" group_name="Spacex_Color" title="Footer Bottom Background" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="18" addon_id="">
      <value>"#021325"</value>
    </property>
    <property property_name="Spacexfoolinkclr" group_name="Spacex_Color" title="Footer Link Text Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="17" addon_id="">
      <value>"rgb(228, 228, 228)"</value>
    </property>
    <property property_name="Spacexfooterbg" group_name="Spacex_Color" title="Footer Content Background" description="" property_type="value" value_type="color" depends_on="" value_group="FooterStyle" display_order="15" addon_id="">
      <value>"#011933"</value>
    </property>
    <property property_name="Spacexfootextclr" group_name="Spacex_Color" title="Footer Text Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="16" addon_id="">
      <value>"rgb(239, 239, 239)"</value>
    </property>
    <property property_name="SpacexlogoBg" group_name="Spacex_Color" title="Logo Background Color" description="" property_type="value" value_type="color" depends_on="" value_group="NavbarStyle" display_order="0" addon_id="">
      <value>"#0557af"</value>
    </property>
    <property property_name="SpacexnavBg" group_name="Spacex_Color" title="Navbar Background Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="1" addon_id="">
      <value>"linear-gradient(to bottom, #02264f, #011327)"</value>
    </property>
    <property property_name="Spacexslash1b" group_name="Spacex_Color" title="Slash One - Bottom Color" description="" property_type="value" value_type="color" depends_on="" value_group="SlashStyle" display_order="2" addon_id="">
      <value>"#ffffff"</value>
    </property>
    <property property_name="Spacexslash1t" group_name="Spacex_Color" title="Slash One - Top Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="3" addon_id="">
      <value>"#ece5e8"</value>
    </property>
    <property property_name="Spacexslash2b" group_name="Spacex_Color" title="Slash Two - Bottom Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="4" addon_id="">
      <value>"#5540d9"</value>
    </property>
    <property property_name="Spacexslash2t" group_name="Spacex_Color" title="Slash Two - Top Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="5" addon_id="">
      <value>"#ee2762"</value>
    </property>
    <property property_name="Spacexslash3b" group_name="Spacex_Color" title="Slash Three - Bottom Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="6" addon_id="">
      <value>"#1d3479"</value>
    </property>
    <property property_name="Spacexslash3t" group_name="Spacex_Color" title="Slash Three - Top Color" description="" property_type="value" value_type="color" depends_on="" value_group="" display_order="7" addon_id="">
      <value>"#00a1ff"</value>
    </property>
    <property property_name="XenHg_Header" group_name="XenHosgeldinPanelDesing" title="Welcome - Header" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="10" css_components="text,background,border,border_radius,border_color_simple,border_radius_simple,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeLarger",
    "color": "white",
    "font-weight": "@xf-fontWeightNormal",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColorLight",
    "extra": "background: linear-gradient(to right, #21479d, #011327);"
}</value>
    </property>
    <property property_name="XenHg_blok" group_name="XenHosgeldinPanelDesing" title="Welcome - Block" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="20" css_components="text,background,extra" addon_id="">
      <value>{
    "extra": "background: var(--forumlistbg);\n    color: var(--fontclr);\n    border: 1px solid var(--generalborder);"
}</value>
    </property>
    <property property_name="XenHg_footer" group_name="XenHosgeldinPanelDesing" title="Welcome - Footer" description="" property_type="css" value_type="" depends_on="" value_group="" display_order="21" css_components="text,background,border,border_color_simple,border_radius_simple,extra" addon_id="">
      <value>{
    "font-size": "15px",
    "extra": "background: var(--footerbg);\n    border-top: 1px solid var(--footerborder);\n    color: var(--fontclr);"
}</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": "white",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColorHeavy",
    "extra": "background:@xf-SpacexBlockFilterBG;"
}</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-fontSizeLarger",
    "color": "@xf-SpacexBlockHeaderFont",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColorLight",
    "extra": "background:@xf-SpacexBlockHeaderBG;"
}</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-SpacexBlockMinorHeaderFont",
    "extra": "background:@xf-SpacexBlockMinorHeaderBG;"
}</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": "white",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColor",
    "extra": "background:linear-gradient(to right, #21479d, #011327);"
}</value>
    </property>
    <property property_name="borderSize" group_name="borderSpacing" title="Border size" description="" property_type="value" value_type="unit" depends_on="" value_group="borderSize" display_order="100" addon_id="XF">
      <value>"0px"</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>"0px"</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>"0px"</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": "contrast(@xf-buttonCtaBg)",
    "background-color": "@xf-buttonCtaBg",
    "extra": "border-radius:5px;\nbackground-size: 200% auto !important;\n    flex: 1 1 auto;\nbox-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;\n\n&amp;:hover {\n    background-position: right center !important;\n}\nbackground:linear-gradient(to right, #8122d8 0%, #c470e0 51%, #cd43ef 100%);"
}</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": "white",
    "background-color": "@xf-buttonBg",
    "extra": "background:linear-gradient(to right, #248fa0 0%, #4dbdde 51%, #047caa 100%);\nbackground-size: 200% auto !important;\n    flex: 1 1 auto;\nbox-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;\nborder-radius:5px;\n\n&amp;:hover {\n    background-position: right center !important;\n}"
}</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": "white",
    "background-color": "@xf-buttonPrimaryBg",
    "extra": "min-width: 80px;\nborder-radius:5px;\nbackground:linear-gradient(to right, #248fa0 0%, #4dbdde 51%, #047caa 100%);\nbackground-size: 200% auto !important;\n    flex: 1 1 auto;\nbox-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;\n\n\n&amp;:hover {\n    background-position: right center !important;\n}"
}</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",
    "solutions": "1",
    "reaction_score": "1",
    "trophy_points": "1",
    "age": "1",
    "location": "1",
    "website": "1",
    "custom_fields": "1"
}</value>
    </property>
    <property property_name="nodeListDescriptionDisplay" group_name="nodeList" title="Description display style" description="To save vertical space, it is possible to hide node descriptions until the node title is hovered, at which point they are displayed in a tooltip" property_type="value" value_type="radio" depends_on="" value_group="" display_order="400" addon_id="XF">
      <value_parameters>tooltip={{ phrase('tooltip') }}
inline={{ phrase('inline') }}
none={{ phrase('none') }}</value_parameters>
      <value>"inline"</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>{
    "font-size": "@xf-fontSizeSmall",
    "color": "white"
}</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>[]</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>{
    "color": "@xf-chromeTextColor"
}</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": "#fefefe",
    "extra": "background: @xf-SpacexnavBg;"
}</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": "white",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-SpacexActivetab",
    "border-radius": "8px"
}</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>{
    "color": "white",
    "text-decoration": "none"
}</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>{
    "text-decoration": "none",
    "background-color": "fade(@xf-publicNavTab--color, 2%)",
    "extra": "border-radius: 10px !important;"
}</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>{
    "color": "@xf-paletteColor1",
    "text-decoration": "none",
    "background-color": "@xf-SpacexMenuopen",
    "extra": "border-radius: 10px !important;"
}</value>
    </property>
  </properties>
</style>
