/*************************************************************************
 * Default menu toggle
 ************************************************************************/

.responsivemenu-wrapper .responsivemenu-fold-toggle {
	display: none;
}

.responsivemenu-wrapper .responsivemenu-fold-toggle {
	padding: 0.5em;
}

/* Animation */
ul.menu + .responsivemenu-fold-toggle .responsivemenu-fold {
	transition: all .2s ease-in-out;
}

ul.menu + .responsivemenu-fold-toggle .responsivemenu-fold-middle {
	opacity: 1;
}

ul.menu.responsivemenu-unfolded + .responsivemenu-fold-toggle .responsivemenu-fold-middle {
	opacity: 0;
}

/* NOTE: the transform-origin properties assume a 100x100 svg (viewBox) */
ul.menu.responsivemenu-unfolded + .responsivemenu-fold-toggle .responsivemenu-fold-top {
	transform-origin: 50px 4px;
	transform: translateY(46px) rotate(135deg);
}

ul.menu.responsivemenu-unfolded + .responsivemenu-fold-toggle .responsivemenu-fold-bottom {
	transform-origin: 50px 96px;
	transform: translateY(-46px) rotate(-135deg);
}

/*************************************************************************
 * Default submenu indicators
 ************************************************************************/

.dropdown-menu .responsivemenu-wrapper li.menu-item--expanded > span:after,
.dropdown-menu .responsivemenu-wrapper li.menu-item--expanded > a:after {
	content: '';

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

	margin: 0.375em 0 0 0.1875em;

	width: 0;
	height: 0;

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

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