/* Lonsmen Menu Style 1.0.0 (Twenty Seventeen) */
body.lmn-nav { --lmn-bg: #11152a; --lmn-bg2: #1c2342; --lmn-fg: #ffffff; --lmn-accent: #f2b544; --lmn-line: rgba(255,255,255,.14); }

/* Bar */
body.lmn-nav .navigation-top,
body.lmn-nav .site-navigation-fixed.navigation-top { background: var(--lmn-bg); border-top: 0; border-bottom: 3px solid var(--lmn-accent); box-shadow: 0 4px 18px rgba(0,0,0,.25); }
body.lmn-nav .main-navigation ul,
body.lmn-nav .main-navigation > div > ul { background: transparent; border-color: var(--lmn-line); }

/* Links */
body.lmn-nav .navigation-top a { color: var(--lmn-fg); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
body.lmn-nav .navigation-top a:hover,
body.lmn-nav .navigation-top a:focus { color: var(--lmn-accent); }
body.lmn-nav .navigation-top a:focus-visible { outline: 2px solid var(--lmn-accent); outline-offset: 2px; }
body.lmn-nav .navigation-top .current-menu-item > a,
body.lmn-nav .navigation-top .current_page_item > a,
body.lmn-nav .navigation-top .current-menu-ancestor > a,
body.lmn-nav .navigation-top .current-menu-parent > a { color: var(--lmn-accent); }
body.lmn-nav .navigation-top .icon { fill: currentColor; }
body.lmn-nav .site-header .menu-scroll-down,
body.lmn-nav .site-header .menu-scroll-down:hover { color: var(--lmn-fg); }

/* Phone menu */
body.lmn-nav .menu-toggle { color: var(--lmn-fg); font-size: 18px; letter-spacing: .08em; text-transform: uppercase; padding: .85em 1.2em; margin: 0 auto; }
body.lmn-nav .menu-toggle:hover,
body.lmn-nav .menu-toggle:focus { color: var(--lmn-accent); }
body.lmn-nav .main-navigation li { border-bottom-color: var(--lmn-line); }
body.lmn-nav .main-navigation a { font-size: 17px; padding: .8em 0; }
body.lmn-nav .dropdown-toggle { color: var(--lmn-fg); width: 48px; height: 48px; padding: 0; right: -.25em; top: .1em; border: 1px solid var(--lmn-line); border-radius: 6px; }
body.lmn-nav .dropdown-toggle:hover,
body.lmn-nav .dropdown-toggle:focus { color: var(--lmn-accent); outline-color: var(--lmn-accent); }
body.lmn-nav .main-navigation ul ul { padding: .25em 0 .75em; }
body.lmn-nav .main-navigation ul ul.toggled-on { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
body.lmn-nav .main-navigation ul ul a { font-size: 16px; letter-spacing: .04em; text-align: center; padding: .7em .25em; background: var(--lmn-bg2); border-radius: 6px; }
body.lmn-nav .main-navigation ul ul .current-menu-item > a { background: var(--lmn-accent); color: var(--lmn-bg); }

/* Desktop and tablet */
@media screen and (min-width: 48em) {
	body.lmn-nav .navigation-top { font-size: 15px; }
	body.lmn-nav .navigation-top .wrap { position: relative; padding-top: .35em; padding-bottom: .35em; }
	body.lmn-nav .site-header .navigation-top .menu-scroll-down { position: absolute; right: 0; top: 50%; transform: translateY(-50%); float: none; padding: .8em; }
	body.lmn-nav .main-navigation a { font-size: 15px; padding: 1em .9em; position: relative; }
	body.lmn-nav .navigation-top a { letter-spacing: .05em; }
	body.lmn-nav .main-navigation > div > ul > li > a:after { content: ""; position: absolute; left: .9em; right: .9em; bottom: .55em; height: 3px; border-radius: 2px; background: var(--lmn-accent); transform: scaleX(0); transition: transform .2s ease; }
	body.lmn-nav .main-navigation > div > ul > li:hover > a:after,
	body.lmn-nav .main-navigation > div > ul > li.focus > a:after,
	body.lmn-nav .main-navigation > div > ul > li.current-menu-item > a:after,
	body.lmn-nav .main-navigation > div > ul > li.current_page_item > a:after,
	body.lmn-nav .main-navigation > div > ul > li.current-menu-ancestor > a:after { transform: scaleX(1); }
	body.lmn-nav .main-navigation .menu-item-has-children > a > .icon { left: 4px; }

	/* Dropdown panel: dark, readable, years in a grid */
	body.lmn-nav .main-navigation ul ul { background: var(--lmn-bg); border: 1px solid rgba(242,181,68,.55); border-radius: 8px; box-shadow: 0 14px 34px rgba(0,0,0,.35); padding: 8px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; width: 26em; }
	body.lmn-nav .main-navigation ul li:hover > ul,
	body.lmn-nav .main-navigation ul li.focus > ul { left: 0; }
	body.lmn-nav .main-navigation ul ul li { display: block; border-radius: 6px; }
	body.lmn-nav .main-navigation ul ul a { width: auto; font-size: 15px; padding: .6em .4em; text-align: center; background: var(--lmn-bg2); border-radius: 6px; color: var(--lmn-fg); }
	body.lmn-nav .main-navigation li li:hover,
	body.lmn-nav .main-navigation li li.focus { background: transparent; }
	body.lmn-nav .main-navigation li li:hover > a,
	body.lmn-nav .main-navigation li li.focus > a,
	body.lmn-nav .main-navigation li li a:focus { background: var(--lmn-accent); color: var(--lmn-bg); }
	body.lmn-nav .main-navigation ul ul .current-menu-item > a { background: var(--lmn-accent); color: var(--lmn-bg); }
	body.lmn-nav .main-navigation ul li.menu-item-has-children:before { border-color: transparent transparent rgba(242,181,68,.55); }
	body.lmn-nav .main-navigation ul li.menu-item-has-children:after { border-color: transparent transparent var(--lmn-bg); }

	/* Open upward when there is no room below (front page, menu at bottom of the photo) */
	body.lmn-nav .main-navigation ul li.lmn-up > ul { top: auto; bottom: 100%; }
	body.lmn-nav .main-navigation ul li.lmn-up:before,
	body.lmn-nav .main-navigation ul li.lmn-up:after { bottom: auto; top: -1px; border-width: 6px 6px 0; }
	body.lmn-nav .main-navigation ul li.lmn-up:before { top: 0; border-color: rgba(242,181,68,.55) transparent transparent; }
	body.lmn-nav .main-navigation ul li.lmn-up:after { border-color: var(--lmn-bg) transparent transparent; }
}

/* Mid-size screens: tighten so the menu stays on one line */
@media screen and (min-width: 48em) and (max-width: 74.99em) {
	body.lmn-nav .navigation-top .wrap { padding-left: 1.5em; padding-right: 1.5em; }
	body.lmn-nav .main-navigation a { font-size: 13px; padding: 1em .6em; }
	body.lmn-nav .main-navigation > div > ul > li > a:after { left: .6em; right: .6em; }
	body.lmn-nav .navigation-top a { letter-spacing: .03em; }
	body.lmn-nav .site-header .navigation-top .menu-scroll-down { display: none; }
}