/**
 * Block: Sticky Menu
 * Per-instance colors are set as CSS custom properties on the block's
 * <section> wrapper (see sticky-menu.php); these selectors just consume them.
 */
.block--stickyMenu .container .sticky-nav ul.sub-menu {
	background-color: var(--sticky-menu-bg);
	border-color: var(--sticky-menu-border);
}
.block--stickyMenu {
	border-color: var(--sticky-menu-border);
}
.block--stickyMenu .sticky-nav li:not(.featured_sticky):not(.current-menu-item) a {
	color: var(--sticky-menu-btn-text) !important;
}
.block--stickyMenu .sticky-nav li:not(.featured_sticky):not(.current-menu-item):hover a {
	color: var(--sticky-menu-btn-text-hover) !important;
}
.block--stickyMenu .sticky-nav > li:not(.featured_sticky):not(.current-menu-item) > a {
	background-color: var(--sticky-menu-btn-bg);
}
.block--stickyMenu .sticky-nav > li:not(.featured_sticky):not(.current-menu-item):hover > a {
	background-color: var(--sticky-menu-btn-bg-hover);
}
#mobile #drop > span {
	color: var(--sticky-menu-heading);
}
#mobile #menu-event-ietc-1 {
	background-color: var(--sticky-menu-mobile-dropdown-bg);
}
nav#mobile ul li {
	color: var(--sticky-menu-mobile-text) !important;
}
nav#mobile ul li.active {
	background-color: var(--sticky-menu-mobile-dropdown-bg-hover);
	color: var(--sticky-menu-mobile-text-hover) !important;
}
nav#mobile ul li.active li {
	color: var(--sticky-menu-mobile-text-hover) !important;
}