.vjs-menu-button {
	cursor: pointer;
}

// Change cursor back to default if the menu button is disabled
.vjs-menu-button.vjs-disabled {
	cursor: default;
}

// prevent menus from opening while disabled
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
	display: none;
}

.vjs-menu .vjs-menu-content {
	display: block;
	padding: 0; margin: 0;
	overflow: auto;
}

// prevent menus from opening while scrubbing (FF, IE)
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
	display: none;
}

.vjs-menu li {
	list-style: none;
	margin: 0;
	padding: 0.2em 0;
	line-height: 1.8em;
	font-size: 1.8em;
	text-align: center;
	text-transform: lowercase;
	color: $primary-foreground-color;
}

.vjs-menu li:focus,
.vjs-menu li:hover {
	outline: 0;
	//@include background-color-with-alpha($progress-color);
	background-color: $progress-color;
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
	background-color: $progress-color;
	color: $primary-foreground-color;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
