/* reset */
.dropdown-menu .responsivemenu-wrapper > ul,
.dropdown-menu .responsivemenu-wrapper > ul ul,
.dropdown-menu .responsivemenu-wrapper > ul li {
	z-index: 400;
}

/* first level are inline and always visible */

.dropdown-menu .responsivemenu-wrapper > ul > li {
	display: inline-block;
	vertical-align: top;
}

.dropdown-menu .responsivemenu-wrapper > ul li {
	position: relative;
}

/* second level */
.dropdown-menu .responsivemenu-wrapper > ul > li > ul {
	position: absolute;
	left: 0;
	top: 100%;
}

/* Move the last dropdown so that it doesn't go outside the screen */
.dropdown-menu .responsivemenu-wrapper > ul > li:last-child > ul {
	left: auto;
	right: 0;
}

/* rest */
.dropdown-menu .responsivemenu-wrapper > ul > li li > ul {
	position: absolute;
	left: 100%;
	top: 0;
}

.dropdown-menu .responsivemenu-wrapper > ul ul {
	display: block;
	visibility: hidden;
	opacity: 0;
	transition: all .4s ease-out;
	transition-delay: .2s;
}

.dropdown-menu .responsivemenu-wrapper ul li:hover > ul {
	visibility: visible;
	opacity: 1;
}

.dropdown-menu .responsivemenu-wrapper ul li a,
.dropdown-menu .responsivemenu-wrapper ul li span {
	white-space: nowrap;
}

/* marker arrows */ 
/* Submenu overide (menu goes right) */ 
.dropdown-menu .responsivemenu-wrapper > ul ul > li.menu-item--expanded > span:after,
.dropdown-menu .responsivemenu-wrapper > ul ul > li.menu-item--expanded > a:after {
	content: '';

	display: inline-block;
	vertical-align: middle;

	margin: -0.1875em 0 0 0.1875em;

	width: 0;
	height: 0;

	border-width: 0.375em;
	border-style: solid;

	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: inherit;
}