/* Shared homepage-style header, loaded last on every public page. */
@font-face {
	font-family: 'BPG Banner Caps';
	src: url('../homepage-design/bpg_banner_caps.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

/* Use the supplied Georgian font for the admin-managed main menu everywhere. */
.blackfyre-shared-menu .navbar-nav > li > a,
.blackfyre-shared-menu .navbar-nav > li > a span,
.blackfyre-shared-menu .dropdown-menu li > a {
	font-family: 'BPG Banner Caps', sans-serif !important;
}

/* The same black logo/account panel used by the homepage. */
.blackfyre-shared-header {
	position: relative !important;
	min-height: 87px;
	padding: 0 30px 0 20px !important;
	background-color: #1d1d1d !important;
	background-image: linear-gradient(to top, #1a1b1f, #212528) !important;
	border: 1px solid #000 !important;
	border-bottom: 0 !important;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .2) !important;
}

/* Match the homepage's 16px top spacing on every regular page. */
body:not(.blackfyre-html-home) .blackfyre-shared-header {
	margin-top: 16px !important;
}

/* The inner-page header currently has a 2px seam; add only the missing 3px. */
body:not(.blackfyre-html-home) .blackfyre-shared-header + .blackfyre-shared-menu {
	margin-top: 3px !important;
}

.blackfyre-shared-header:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../homepage-design/images/common/dots.png') repeat top left;
	display: block;
	z-index: 0;
	pointer-events: none;
}

.blackfyre-shared-header > .row {
	position: relative;
	z-index: 1;
}

.blackfyre-shared-header .logo {
	padding: 20px 15px !important;
}

.blackfyre-shared-header .logo img {
	display: block;
	max-width: 100%;
	height: auto;
}

.blackfyre-shared-header .logreg-info {
	height: 85px;
	line-height: 80px;
	padding: 0;
	float: right;
	background: url('../homepage-design/images/common/lock.png') top center no-repeat;
}

.blackfyre-shared-header .user-wrap {
	top: 3px;
	right: 3px;
	height: 79px;
	background-color: #202126;
	box-shadow: 0 1px 2px rgba(255, 255, 255, .1), inset 0 1px 5px rgba(0, 0, 0, .7);
}

/* Keep the account panel in the theme's native Roboto while the menu stays Georgian. */
.blackfyre-shared-header .user-wrap,
.blackfyre-shared-header .user-wrap .logged-info,
.blackfyre-shared-header .user-wrap .username,
.blackfyre-shared-header .user-wrap .username span {
	font-family: Roboto, Arial, sans-serif !important;
}

@media (min-width: 992px) {
	.blackfyre-shared-header .user-wrap a.btns.messages { left: -65px !important; }
	.blackfyre-shared-header .user-wrap a.btns.frireq { left: -115px !important; }
	.blackfyre-shared-header .user-wrap a.btns.cross { left: -165px !important; }
	.blackfyre-shared-header .user-wrap a.btns.settings { left: -215px !important; }
	.blackfyre-shared-header .user-wrap a.btns.logout { left: -265px !important; }
}

@media (max-width: 991px) {
	.blackfyre-shared-header {
		padding: 0 !important;
	}

	.blackfyre-shared-header .logo a {
		display: table;
		margin: 0 auto;
	}
}