/* =============================================================================
   TLP Menu Active State — front end

   A top-level header item wears the nav's hover blue while you are anywhere
   inside its section. Same colour as the hover and the open-panel state
   (--tlp-mm-nav-hover, #194d98), so moving between "you are here" and "you are
   pointing at this" never changes hue.

   .tlp-menu-item--active is added in inc/menu-active/menu-active.php for the
   mega menu's panel children; WordPress' own current-* classes cover items
   with real nav menu children.
   ========================================================================== */

:root {
	--tlp-menu-active-color: var(--tlp-mm-nav-hover, #194d98);
}

/* -----------------------------------------------------------------------------
   Desktop header nav
   -------------------------------------------------------------------------- */

@media (min-width: 981px) {
	.et-l--header .et_pb_menu ul.et-menu > li.tlp-menu-item--active > a,
	.et-l--header .et_pb_menu ul.et-menu > li.current-menu-item > a,
	.et-l--header .et_pb_menu ul.et-menu > li.current-menu-parent > a,
	.et-l--header .et_pb_menu ul.et-menu > li.current-menu-ancestor > a,
	.et-l--header .et-menu > li.tlp-menu-item--active > a {
		color: var(--tlp-menu-active-color) !important;
		opacity: 1;
		transition: color .22s ease;
	}
}

/* -----------------------------------------------------------------------------
   Mobile menu — same colour, same rules

   Divi styles these links with a module-specific selector
   (.et_pb_menu_0_tb_header.et_pb_menu ul li a), hence !important rather than an
   ever-longer selector.
   -------------------------------------------------------------------------- */

.et-l--header .et_mobile_menu > li.tlp-menu-item--active > a,
.et-l--header .et_mobile_menu > li.current-menu-item > a,
.et-l--header .et_mobile_menu > li.current-menu-parent > a,
.et-l--header .et_mobile_menu > li.current-menu-ancestor > a,
.et_mobile_menu > li.tlp-menu-item--active > a {
	color: var(--tlp-menu-active-color) !important;
	opacity: 1;
}