/* Header brand replacement. */
.bn-header .bn-brand {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
	min-height: 86px !important;
	text-decoration: none !important;
	-webkit-user-select: none !important;
	user-select: none !important;
}

@media (min-width: 1101px) {
	.bn-header {
		grid-template-columns: 222px minmax(0, 1fr) auto !important;
		min-height: 86px !important;
	}
}

.bn-header .bn-brand-mark {
	display: block !important;
	flex: 0 0 74px !important;
	width: 74px !important;
	height: 74px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent url("../images/brand-bull-logo.png") center / contain no-repeat !important;
	box-shadow: none !important;
}

.bn-header .bn-brand-mark::before,
.bn-header .bn-brand-mark::after {
	content: none !important;
	display: none !important;
}

.bn-header .bn-brand > span:not(.bn-brand-mark) {
	position: relative !important;
	display: block !important;
	flex: 0 0 124px !important;
	width: 124px !important;
	height: 52px !important;
	overflow: hidden !important;
	background: none !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: 0 !important;
	white-space: nowrap !important;
}

.bn-header .bn-brand > span:not(.bn-brand-mark)::before {
	content: "BULLS" !important;
	display: block !important;
	color: #f4f4f2 !important;
	font-size: 29px !important;
	font-weight: 900 !important;
	line-height: .9 !important;
	letter-spacing: .015em !important;
	text-indent: 0 !important;
	text-transform: uppercase !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .18) !important;
}

.bn-header .bn-brand > span:not(.bn-brand-mark)::after {
	content: "CHANGE" !important;
	display: block !important;
	margin-top: 7px !important;
	color: #ffc21c !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	line-height: .9 !important;
	letter-spacing: .18em !important;
	text-indent: 0 !important;
	text-transform: uppercase !important;
	text-shadow: none !important;
}

@media (max-width: 760px) {
	.bn-header .bn-brand {
		justify-content: center !important;
		min-height: 68px !important;
	}

	.bn-header .bn-brand-mark {
		flex-basis: 60px !important;
		width: 60px !important;
		height: 60px !important;
	}

	.bn-header .bn-brand > span:not(.bn-brand-mark) {
		flex-basis: 104px !important;
		width: 104px !important;
		height: 46px !important;
	}

	.bn-header .bn-brand > span:not(.bn-brand-mark)::before {
		font-size: 25px !important;
	}

	.bn-header .bn-brand > span:not(.bn-brand-mark)::after {
		margin-top: 6px !important;
		font-size: 15px !important;
	}
}