/* 4.0.4 Override default skin for Chronicle embed style */

/* Center the video and controls */
.video-js
{
	text-align: center;
}

/* Center the video and controls */
.vjs-tech
{
	position:   relative !important;
}

/*Center the play button*/
.chron-vjs-details .vjs-big-play-button
{
	top:         50%;
	left:        50%;
	margin-left: -6em;   /* Half default width */
	margin-top:  -4em;   /* Half default width */
}

/* Make Fullscreen button with just right padding*/
.vjs-default-skin .vjs-fullscreen-control
{
	width: 2em;
	margin-right: 1.5em;
}

/* Volume control with right padding since there could be no Fullscreen button */
.vjs-default-skin .vjs-volume-control
{
	padding-right: 2em;
}

/* Override color/transparency of control bar */
.vjs-default-skin .vjs-control-bar
{
	background-color: rgba(0, 0, 0, 0.9);
}

/*================== Fullscreen related ====================================*/

/* Show exit full screen icon in fullscreen mode */
.chronfullscreen .vjs-fullscreen-control:before
{
	content: "\e00b"; /* Exit full screen */
}

/* 100% is only needed in no-fullscreen mode for the video tag */
#chronVideoFullScreen:not(.chronfullscreen) .vjs-tech
{
	width:  100%;
	height: 100%;
}

.vjs-tech-Safari
{
	height: auto !important;
}

/*================== Details Page Skinning ====================================*/

/* Stack the control bar under the video  */
/*.chron-vjs-details .vjs-tech,*/
.chron-vjs-details .vjs-control-bar
{
	position: relative;
}

/* Always show control bar */
.chron-vjs-details .vjs-control-bar
{
	visibility: visible;
	opacity: 1;
	display: block!important;

	margin-top: 6px;        /* Quick fix: shove down a bit to make room for the progress bar */
}

/*Progress control height is fixed */
.chron-vjs-details       .vjs-progress-control,
.chron-vjs-details:hover .vjs-progress-control
{
	font-size: 0.9em;       /* Same as default skin */
}

/*====== Don't hide play button in vjs-play-control vjs-control =======*/

/* Override visibility of vjs-control */
.vjs-default-skin .vjs-control
{
    visibility: visible!important;
}