/* Main navigation (bitsum-nav mu-plugin). Overrides the meminz theme and Bootstrap 3 navbar styles; loaded after
   the theme's inline CSS and the dark-mode stylesheet. The bar is dark in both site themes, so there is one palette. */
:root{--bnav-bg:#2e2e2e;--bnav-panel:#353535;--bnav-line:rgba(255,255,255,.09);--bnav-text:#e2ded9;--bnav-muted:#9d9893;--bnav-hover:#fff;--bnav-accent:#ff6a30;--bnav-h:64px}

/* Opaque bar: the theme's #2e2e2eb9 let page content show through when scrolled. */
.navbar.navbar-default{background:var(--bnav-bg);border:0;box-shadow:0 1px 0 rgba(0,0,0,.35),0 4px 14px rgba(0,0,0,.18)}

/* Outlined Sign in button: the dark-mode stylesheet gives .btn-bordered a dark line color, which vanishes on the opaque bar. */
.navbar.navbar-default .navbar-right .btn-bordered{color:#fff;border-color:rgba(255,255,255,.6);background:transparent}
.navbar.navbar-default .navbar-right .btn-bordered:hover,
.navbar.navbar-default .navbar-right .btn-bordered:focus-visible{border-color:#fff;background:rgba(255,255,255,.08)}

/* Labels: Title Case as written, no all caps, 15px. The theme's ".navbar-default .navbar-nav li a:focus" sets
   uppercase too, so a clicked (focused) link flashed in capitals; the focus and active states are covered here. */
.navbar.navbar-default .meminz_main-nav a,
.navbar.navbar-default .meminz_main-nav a:hover,
.navbar.navbar-default .meminz_main-nav a:focus,
.navbar.navbar-default .meminz_main-nav a:active{text-transform:none;letter-spacing:normal;font-weight:500}
.navbar-default .meminz_main-nav .caret{margin-left:4px;border-top-width:5px;opacity:.7}

@media (min-width:768px){
	/* 64px bar (was 79px; 88px at tablet widths) */
	.navbar-default .navbar-header{padding:7px 0}
	/* The theme pads the brand 23px top and bottom at wider widths, which pushed the 50px logo below the 64px bar. */
	.navbar-default .navbar-brand{height:50px;line-height:50px;padding:0;margin-top:0;margin-bottom:0}
	.navbar-default .navbar-brand img{display:block;width:auto;height:50px}
	.navbar-default .meminz_main-nav>li>a,
	.navbar-default .meminz_main-nav>li>a:focus{font-size:15px;line-height:20px;padding:22px 13px;color:var(--bnav-text);background:transparent!important;box-shadow:none}
	.navbar-default .meminz_main-nav>li>a:hover,
	.navbar-default .meminz_main-nav>li.open>a{color:var(--bnav-hover)}
	/* Current section: orange label with a bar along the bottom edge, instead of a darker block */
	.navbar-default .meminz_main-nav>li.current-menu-ancestor>a,
	.navbar-default .meminz_main-nav>li.current-menu-parent>a,
	.navbar-default .meminz_main-nav>li.current-menu-item>a{color:var(--bnav-accent);box-shadow:inset 0 -3px 0 var(--bnav-accent)}
	.navbar-default .meminz_main-nav>li>a:focus-visible{outline:2px solid var(--bnav-accent);outline-offset:-6px}
	.navbar-default .bitsum-theme-toggle{height:var(--bnav-h)}
	.navbar-default .navbar-right{margin-top:0;padding:13px 0}
	.navbar-default .navbar-right .btn{font-size:14px;font-weight:500;text-transform:none;letter-spacing:normal;padding:8px 16px;line-height:20px}

	/* Dropdown panels */
	.navbar-default .meminz_main-nav>li>.dropdown-menu{min-width:220px;padding:6px 0;margin:0;background:var(--bnav-panel);border:1px solid var(--bnav-line);border-top:0;border-radius:0 0 10px 10px;box-shadow:0 14px 28px rgba(0,0,0,.32)}
	.navbar-default .meminz_main-nav .dropdown-menu>li{background:transparent!important}
	.navbar-default .meminz_main-nav .dropdown-menu>li>a{font-size:15px;line-height:20px;padding:9px 20px;color:var(--bnav-text);border-left:3px solid transparent}
	.navbar-default .meminz_main-nav .dropdown-menu>li>a:hover,
	.navbar-default .meminz_main-nav .dropdown-menu>li>a:focus{color:var(--bnav-hover);background:rgba(255,255,255,.06)!important}
	.navbar-default .meminz_main-nav .dropdown-menu>li>a:focus-visible{outline:2px solid var(--bnav-accent);outline-offset:-2px}
	.navbar-default .meminz_main-nav .dropdown-menu>li.active>a,
	.navbar-default .meminz_main-nav .dropdown-menu>li.current-menu-item>a{color:var(--bnav-accent);border-left-color:var(--bnav-accent)}
	/* Group headers and dividers (menu items with title attribute "dropdown-header" / "divider") */
	.navbar-default .meminz_main-nav .dropdown-header{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bnav-muted);padding:12px 23px 4px}
	.navbar-default .meminz_main-nav .divider{height:1px;margin:6px 0;background:var(--bnav-line)}
}

/* Tablet widths: the theme dropped to 12px with 8px padding */
@media (min-width:768px) and (max-width:1199px){
	.navbar-default .meminz_main-nav>li>a,
	.navbar-default .meminz_main-nav>li>a:focus{font-size:14px;padding:22px 9px}
}

/* Phone menu */
@media (max-width:767px){
	.navbar-default .navbar-header{padding:12px 16px 12px 0}
	.navbar-default .navbar-toggle{margin-top:4px;margin-bottom:4px}
	.navbar-fixed-top .navbar-collapse{max-height:calc(100vh - 74px);max-height:calc(100dvh - 74px);scrollbar-width:thin;scrollbar-color:#5a5a5a transparent}
	.navbar-default .navbar-collapse{padding:0 16px 8px}
	.navbar-default .navbar-nav{margin:4px 0}
	.navbar-default .meminz_main-nav>li>a,
	.navbar-default .meminz_main-nav>li>a:focus,
	.navbar-default .meminz_main-nav .dropdown-menu>li>a{font-size:16px;line-height:22px;padding:11px 12px;margin:0;border:0;border-radius:6px;color:var(--bnav-text);background:transparent!important;box-shadow:none}
	.navbar-default .meminz_main-nav>li>a:hover,
	.navbar-default .meminz_main-nav .dropdown-menu>li>a:hover{color:var(--bnav-hover);background:rgba(255,255,255,.06)!important}
	.navbar-default .meminz_main-nav>li+li{border-top:1px solid var(--bnav-line)}
	/* Submenus: indented, no box; the current item gets orange text and a left bar instead of a light gray box */
	.navbar-default .meminz_main-nav .open .dropdown-menu{padding:0 0 6px;margin:0}
	.navbar-default .meminz_main-nav .open .dropdown-menu>li>a{padding:9px 12px 9px 24px;font-size:15px;color:#c9c4bf;border-left:3px solid transparent;border-radius:0}
	.navbar-default .meminz_main-nav .open .dropdown-menu>li.active>a,
	.navbar-default .meminz_main-nav .open .dropdown-menu>li.current-menu-item>a{color:var(--bnav-accent);border-left-color:var(--bnav-accent);background:transparent!important}
	.navbar-default .meminz_main-nav>li.current-menu-ancestor>a,
	.navbar-default .meminz_main-nav>li.current-menu-parent>a{color:var(--bnav-accent)}
	.navbar-default .meminz_main-nav .dropdown-header{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bnav-muted);padding:10px 12px 2px 27px}
	.navbar-default .meminz_main-nav .divider{height:1px;margin:4px 0 4px 24px;background:var(--bnav-line)}
	.navbar-default .bitsum-theme-toggle{font-size:16px;padding:11px 12px;color:var(--bnav-text)}
	.navbar-default .navbar-right{float:none;margin:8px 0 0;padding:4px 0 12px;display:flex;gap:10px}
	.navbar-default .navbar-right .btn{flex:1;font-size:15px;font-weight:500;text-transform:none;letter-spacing:normal;padding:10px 12px;margin:0}
	.navbar-default .meminz_main-nav a:focus-visible,.navbar-default .bitsum-theme-toggle:focus-visible{outline:2px solid var(--bnav-accent);outline-offset:-2px}
}