#ipsLayout_header{
	padding-top: 10px;
}



/*
	----------------
	- User links
	----------------
*/

#elUserNav{
	color: {hextorgb="section_title_font" opacity="1"};
}

html[dir='ltr'] #elUserNav{
	border-width: 0px 1px 0px 0px;
}

html[dir='rtl'] #elUserNav{
	border-width: 0px 0px 0px 1px;
}

	#elUserNav > li{
		border-radius: 0;
		border-color: {hextorgb="section_title_font" opacity="0.1"};
	}
	
		/* Hover */
		#elUserNav > li:hover{
			background-color: {hextorgb="section_title_font" opacity="0.05"};
		}



/*
	----------------
	- Navigation
	main_nav: tab background
	main_nav_font: link colour
	main_nav_tab: dropdown background
	main_nav_tab_font: dropdown link
	----------------
*/

.nav-bar{
	border-radius: 3px;
	position: relative;
	z-index: 20;
}

.ipsNavBar_primary{
	color: {hextorgb="main_nav_font" opacity="0.9"};
}

	.ipsNavBar_primary > ul > li{
		font-size: 1.2rem;
		margin-left: 4px;
	}
	
	html[dir='rtl'] .ipsNavBar_primary > ul > li{
		margin-left: 0;
		margin-right: 4px;
	}

	.ipsApp .ipsNavBar_primary > ul > li > a{
		padding: 0px 15px;
		/*background: {hextorgb="main_nav" opacity="0.2"};
		border-radius: 3px;
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.02), 0px 1px 0px rgba(255, 255, 255, 0.05);*/
		font-weight: bold;
		font-family: "Trebuchet MS", Tahoma,sans-serif;
		text-transform: uppercase;
	}
		
		/* Hover link */
		.ipsApp .ipsNavBar_primary > ul > li:hover > a{
			/*background: {hextorgb="main_nav" opacity="0.3"};*/
		}
		
		/* Active link */
		.ipsApp .ipsNavBar_primary > ul > li[data-active] > a{
			/*background: {hextorgb="main_nav_font" opacity="0.2"};
			box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset, rgba(0,0,0,0.2) 0px 1px 3px;*/
		}


/* Blur effect */

@supports ( (-webkit-filter: blur(4px)) or (filter: blur(4px)) ) {

	.ipsNavBar_primary > ul > li > a{
		position: relative;
		overflow: hidden;
	}
		
	.ipsNavBar_primary > ul > li > a:not(#elNavigationMore_dropdown):after{
		content: '';
		-webkit-filter: blur(4px);
		filter: blur(4px);
		position: absolute;
		top: -50%; left: -50%; width: 200%; height: 200%;
		z-index: -1;
	}
	
	.ipsNavBar_primary > ul > li > a#elNavigationMore_dropdown:after{
		background: none;
	}

}

@supports ( (-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px)) ) {

	.ipsNavBar_primary > ul > li > a{
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
	}
	
	.ipsNavBar_primary > ul > li > a:not(#elNavigationMore_dropdown):after{
		display: none;
	}

}


/*
	----------------
	- Dropdown navigation menus
	----------------
*/
	
.ipsNavBar_secondary{
	color: {hextorgb="main_nav_tab" opacity="0.92"};
	box-shadow: rgba(0, 0, 0, 0.26) 0px 3px 40px, rgba(0, 0, 0, 0.1) 0px 1px 2px;
}

@supports ( (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) ) {
	.ipsNavBar_secondary{
		color: {hextorgb="main_nav_tab" opacity="0.7"};
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
}

	/* Dropdown menu links */
	.ipsNavBar_secondary > li > a:hover{
		background: {hextorgb="main_nav_tab_font" opacity="0.05"};
	}



/*
	----------------
	- Search
	----------------
*/

.ipsfocus-search{
	text-shadow: none;
}

@media screen and (min-width:980px){
	
	#elSearch{
		background: transparent;
		color: #fff;
		border-radius: 0;
		border: 0 solid rgba(255,255,255,0.22);
      	
	}
  #elSearchWrapper.cSearchExpanded {
  width: 400px;
  }
  
	html[dir='ltr'] #elSearch{
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-width: 0 0 0 0;
	}
	
	html[dir='rtl'] #elSearch{
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-width: 0 1px 0 0;
	}

}



/*
	----------------
	- Breadcrumb navigation
	----------------
*/

.ipsApp .ipsBreadcrumb{
	color: #fff;
	background: #1f1d20;
	/*background-image: linear-gradient(to bottom, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 100%);
	border-color: {hextorgb="text_color" opacity="0.15"};
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;*/
	border-radius: 3px;
	font-weight: normal;
}

.ipsApp .ipsBreadcrumb_bottom{
	border-radius: 0;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

/* Border width */
.ipsBreadcrumb:before{ border-width: 0px; }
	


/*
	----------------
	- Background Picker
	----------------
*/



/*
	----------------
	- Main Elements
	----------------
*/

.content-wrap {
    background: #201d21;
    border-radius: 0;
}

.content-padding{
	padding: 8px;
	margin-bottom: 8px;
}



/* Box styles */
.ipsfocusBox-inner,
.ipsBox, .ipsPageHeader, .focus-topic-compact .focus-topic, .ipsPager, .ipsWidget, .ipsBox_alt, #comments{
	box-shadow: rgba(0,0,0,0.06) 0px 0px 8px, rgba(0,0,0,0.08) 0px 1px 3px;
	border-radius: 0;
	border: 5px solid rgb(26, 24, 27);
}

	/* Box background */
	.ipsfocusBox-inner,
	.ipsBox:not( .ipsBox_transparent ):not( .ipsModerated ),
	.ipsBox, .ipsPageHeader, .focus-topic-compact .focus-topic, .ipsPager, .ipsWidget, .ipsBox_alt, #comments{
		background-color: #1d1b1f;
	}

	.focus-topic-compact .focus-topic{
		padding: 5px;
	}

/* Maintitle */
.ipsType_sectionTitle{
	font-weight: bold;
  	background-size: cover;
	font-size: 1.3rem;
  	background: #1c1a1d;
  	background: url({resource="junkydesign/title.png" app="core" location="playarena2020"}) center center;
  	border-top: 5px solid #1a181b;
  	border-left: 5px solid #1a181b;
  	border-right: 5px solid #1a181b;
	padding: 40px 10px;
}

/*
	----------------
	- Sidebar and Widgets
	----------------
*/

.ipsWidget.ipsWidget_vertical .ipsWidget_title,
.ipsWidget.ipsWidget_horizontal .ipsWidget_title{
	font-weight: bold;
    background-size: cover;
  	text-transform: uppercase;
    font-size: 1.3rem;
    background: #1c1a1d;
    background: url({resource="junkydesign/title.png" app="core" location="playarena2020"}) center center;
    padding: 30px;
}



/*
	----------------
	- Topic View
	----------------
*/

/* -- Post headers -- */
.cPost:before{
	border-radius: 0;
}

#ipsLayout_body .cAuthorPane_mobile{
	box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 0px 1px, inset rgba(255, 255, 255, 0.2) 0px 1px 0px;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 100%);
	border-radius: 3px;
}

/* -- Comment controls bar -- */
.focus-post-bar .cTopic .ipsItemControls{
	/* background: rgba(255,255,255,0.06);
	border-color: rgba(255,255,255,0.1);*/	
	background: transparent;
	border-color: transparent;
}


/*
	----------------
	- Other
	----------------
*/

.nav-bar,
.ipsType_sectionTitle,
.cPost:before,
#elMobileNav,
.ipsItemStatus.ipsItemStatus_large{
    text-shadow: 0.1em -0.2em 0.5em rgba(64,44,23,.33);
  	position: relative;
}