.menu-effect a.menu-effect-a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.menu-effect a.menu-effect-a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.menu-effect li.open a.menu-effect-a:hover::before, 
.menu-effect li.open a.menu-effect-a:focus::before, 
.menu-effect li.active a.menu-effect-a:hover::before, 
.menu-effect li.active a.menu-effect-a:focus::before,
.menu-effect a.menu-effect-a:focus::before,
.menu-effect a.menu-effect-a:hover::before {
	color: #fff;
	text-shadow: 10px 0 #fff, -10px 0 #fff;
}