/* Mobile navigation and mega menu are one continuous accordion panel. */
.bp-backdrop { display: none !important; }

@media (max-width: 900px) {
	.bp-header,
	.bp-header.is-sticky { top: 8px; }
	.bp-navigation {
		box-sizing: border-box !important;
		width: auto !important;
		flex-flow: column nowrap !important;
		align-content: normal !important;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-gutter: stable;
	}
	.bp-navigation > a,
	.bp-navigation > button { flex: 0 0 auto; }
	.bp-navigation .bp-mega {
		position: static !important;
		inset: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		align-self: stretch;
		flex: 0 0 auto;
		width: 100% !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		display: grid !important;
		grid-template-rows: 0fr;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		translate: none !important;
		scale: none !important;
		box-shadow: none;
		border: 0 solid rgba(0, 237, 249, .25);
		background: rgba(3, 9, 34, .55);
		overflow: hidden !important;
		transition: grid-template-rows .48s cubic-bezier(.22,.75,.18,1), margin .32s ease, border-width .2s ease;
	}
	.bp-navigation .bp-mega > .bp-mega-inner {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100%;
		min-width: 0;
		min-height: 0;
		padding: 0 10px !important;
		overflow: hidden;
		transition: padding .4s ease;
	}
	.bp-navigation .bp-mega.is-open {
		grid-template-rows: 1fr;
		margin: 8px 0 12px !important;
		border-width: 1px;
	}
	.bp-navigation .bp-mega.is-open > .bp-mega-inner { padding-block: 12px !important; }
	.bp-navigation .bp-service,
	.bp-navigation .bp-service-column { position: static !important; inset: auto !important; min-width: 0; width: 100%; transform: none !important; }
}