:root {
	--SubMenu-background: transparent;
	--SubMenu-hover-background: transparent;
	--SubMenu-color: inherit;
	--SubMenu-hover-color: inherit;
	--SubMenu-font: 1rem var(--base-font-family);
}

.MenuItem > .SubMenu {
	display: none;
}

.MenuItem--open > .SubMenu {
	display: block;
}

.MenuItem--parent > .MenuItem-title,
.MenuItem > .MenuItem-title > a {
	font: var(--SubMenu-font);
	color: var(--SubMenu-color);
	background: var(--SubMenu-background);

	&:hover {
		color: var(--SubMenu-hover-color);
		background: var(--SubMenu-hover-background);
	}
}