/* Benuka: mobile menu fixes */

/* Mobile dropdown / off-canvas menu: dark text on ivory, on every page */
html body #ast-mobile-header .ast-mobile-header-content,
html body #ast-mobile-popup .ast-mobile-popup-inner {
	background: var(--bk-ivory, #fbf7f1) !important;
	border-top: 1px solid var(--bk-line, #e8ddd0);
}
html body #ast-mobile-header .ast-mobile-header-content .menu-item > .menu-link,
html body #ast-mobile-header .ast-mobile-header-content .menu-item > .ast-menu-toggle,
html body #ast-mobile-popup .menu-item > .menu-link,
html body #ast-mobile-popup .menu-item > .ast-menu-toggle {
	color: var(--bk-ink, #22161a) !important;
	fill: var(--bk-ink, #22161a) !important;
	font-family: var(--bk-sans, "Jost", sans-serif);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	background: transparent !important;
}
html body #ast-mobile-header .ast-mobile-header-content .menu-item > .menu-link,
html body #ast-mobile-popup .menu-item > .menu-link {
	padding: 15px 24px !important;
}
html body #ast-mobile-header .ast-mobile-header-content .menu-item,
html body #ast-mobile-popup .menu-item {
	border-bottom: 1px solid var(--bk-line, #e8ddd0) !important;
}
html body #ast-mobile-header .ast-mobile-header-content .menu-item > .menu-link:hover,
html body #ast-mobile-header .ast-mobile-header-content .current-menu-item > .menu-link,
html body #ast-mobile-popup .menu-item > .menu-link:hover,
html body #ast-mobile-popup .current-menu-item > .menu-link {
	color: var(--bk-wine, #5c1a2e) !important;
	background: var(--bk-cream, #f4ece1) !important;
}

/* Home: when the mobile menu is open, give the header a solid bar */
html body.home #ast-mobile-header .ast-primary-header-bar.toggled-on,
html body.home #ast-mobile-header.toggled .ast-primary-header-bar,
html body.home.ast-main-header-nav-open #ast-mobile-header .ast-primary-header-bar {
	background: var(--bk-wine-dark, #3d0f1e) !important;
}