/* videogular audio player */
.videogular-container {
	display: block;
	height: 50px;
	margin-top: 4px;
	overflow: hidden;
	border-radius: 10px;
}

@media (min-width: 1200px) {
	.videogular-container {
		min-width: 520px;
	}
}

videogular,
[videogular] {
	background: white !important;
	border: 1px solid #ccc !important;
}




videogular vg-controls .controls-container {
	background-color: transparent !important;
	color: #777 !important;
}

videogular .iconButton,
[videogular] .iconButton {
	color: #777 !important;
	transition: all 0.3s ease;
}

videogular .iconButton:hover,
[videogular] .iconButton:hover {
	background-color: #ccc !important;
	transition: all 0.3s ease;
}

videogular vg-time-display,
[videogular] vg-time-display {
	color: #777 !important;
}

videogular vg-scrub-bar .container {
	background-color: #777 !important;
}

videogular vg-scrub-bar-current-time,
[videogular] vg-scrub-bar-current-time {
	background-color: #ddd !important;
}

.videogular-container-video {
	width: 100%;
	height: 320px;
	margin: auto;
	overflow: hidden;
}

@media (min-width: 650px) {
	.videogular-container-video {
		/* Ratio = 1.78 */
		width: 618px;
		height: 347.5px;
	}

	.videogular-container-video.audio {
		width: 618px;
		height: 50px;
	}
}

/*@media (min-width: 1200px) {
	.videogular-container-video {
		width: 1170px;
		height: 658.125px;
	}

	.videogular-container-video.audio {
		width: 1170px;
		height: 50px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.videogular-container-video {
		width: 940px;
		height: 528.75px;
	}

	.videogular-container-video.audio {
		width: 940px;
		height: 50px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.videogular-container-video {
		width: 728px;
		height: 409.5px;
	}

	.videogular-container-video.audio {
		width: 728px;
		height: 50px;
	}
}*/