.mobile-menu .mobile-toggle {
	display: inline-block;
}

.mobile-menu .responsivemenu-wrapper {
	position: relative;
}

.mobile-menu .responsivemenu-wrapper > ul.menu {
	position: absolute;

	top: 100%;
	right: 0;

	z-index: 100;

	pointer-events: none;
	opacity: 0;
	transition: opacity .2s ease-in-out;
}

.mobile-menu .responsivemenu-wrapper > ul.menu.menu-visible {
	pointer-events: auto;	/* initial does not work in ie */
	opacity: 1;
}

.mobile-menu .responsivemenu-wrapper ul.menu ul.menu {
	display: block;

	max-height: 0;
	overflow: hidden;

	transition: max-height .2s ease-in;
}

.mobile-menu .responsivemenu-wrapper ul.menu ul.menu.menu-visible {
	max-height: 200vh;
}

.mobile-menu .responsivemenu-wrapper ul.menu a,
.mobile-menu .responsivemenu-wrapper ul.menu span {
	display: block;
}