/**
 * Biz Secondary Nav (Legacy).
 *
 * Extracted from the mscbiz theme's general.css and app.css.
 *
 * The `.bg-blue .navbar-nav` / `.bg-blue .dropdown-menu` rules are the theme's,
 * verbatim. They are broad — any Bootstrap navbar inside a .bg-blue element picks
 * them up — but scoping them under `.secondary-menu` would change the cascade for
 * the site header while a source theme is still active. Left as the theme had
 * them; this file only loads on pages carrying the block.
 *
 * `.bg-orange` on the mobile toggle is block-local; the shared `.bg-blue` and
 * `.txt-orange` utilities live in assets/css/frontend.css.
 */

.secondary-menu {
	position: sticky;
	top: 0;
	z-index: 100;
}

.bg-orange {
	background-color: #ef7c00 !important;
}

.bg-blue .navbar-nav .nav-link {
	color: #fff;
	font-size: 1.1rem;
	margin-bottom: 0;
	padding-bottom: 1.2rem;
	padding-top: 1.2rem;
}

.bg-blue .navbar-nav li > a.active {
	box-shadow: none;
	color: #ef7c00;
	font-weight: 700;
}

.bg-blue .navbar-nav > li:hover > a,
.bg-blue .navbar-nav > li > a:focus {
	box-shadow: none;
	color: #ef7c00;
}

.bg-blue .navbar-nav > li {
	margin-left: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.bg-blue .dropdown-menu {
	background-color: transparent;
	border: 0;
	color: #fff;
	left: 0;
	padding: 0;
}

.bg-blue .dropdown-menu a {
	border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
	color: #fff;
	font-size: 0.9rem;
	padding: 10px 0;
}

.bg-blue .dropdown-menu a:hover {
	border-color: #ef7c00;
	color: #ef7c00;
}

.bg-blue .dropdown-menu a:hover h6 {
	text-decoration: underline;
}

@media (min-width: 992px) {
	.bg-blue .navbar-nav .nav-link {
		font-size: 0.9rem;
	}

	.bg-blue .navbar-nav > li:first-child {
		margin-left: 0;
		padding: 0;
	}

	.bg-blue .dropdown:hover .dropdown-menu {
		background-color: rgba(4, 49, 97, 0.98);
		display: block;
		margin-top: 0;
		padding: 15px 0;
	}
}