/* Replace the default MediaElement.js iconography with Genericons, 
 * to allow for easier coloring and to mesh better with the design 
 * of Twenty Fourteen. A variant of this code will probably be added
 * to the theme itself in version 1.1.
 *
 * @link http://core.trac.wordpress.org/ticket/26469
 */

.hentry .mejs-overlay-button {
	background-color: #fff;
	background-image: none;
	border-radius: 10px;
	box-shadow: 1px 1px 1px rgba(0,0,0,.8);
	color: #000;
	height: 48px;
	margin: -24px 0 0 -32px;
	width: 64px;
}

.hentry .mejs-overlay-button:before {
	-webkit-font-smoothing: antialiased;
	content: '\f452';
	display: inline-block;
	font: normal 48px/1 Genericons;	
	position: absolute;
	top: 0;
	left: 10px;
}

.hentry .mejs-controls .mejs-button button {
	-webkit-font-smoothing: antialiased;
	background: none;
	color: #fff;
	display: inline-block;
	font: normal 16px/1 Genericons;
}

.hentry .mejs-playpause-button.mejs-play button:before {
	content: '\f452';
}

.hentry .mejs-playpause-button.mejs-pause button:before {
	content: '\f448';
}

.hentry .mejs-volume-button.mejs-mute button:before {
	content: '\f109';
	font-size: 20px;
	position: absolute;
	top: -2px;
	left: 0;
}

.hentry .mejs-volume-button.mejs-unmute button:before {
	content: '\f109';
	left: 0;
	position: absolute;
	top: 0;
}

.hentry .mejs-fullscreen-button button:before {
	content: '\f442';
}

.hentry .mejs-fullscreen-button.mejs-unfullscreen button:before {
	content: '\f406';
}

.mejs-overlay:hover .mejs-overlay-button {
	background-color: #24890d;
	color: #fff;
}

.hentry .mejs-controls .mejs-button button:hover {
	color: #41a62a;
}