.brightcove-video-container {
	display: none;
	margin-bottom: 20px; /* <--- Change the padding below the player and the content. */
}

.brightcove-video .bightcove-close-video-cross {
	display: none;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 5;
	width: 15px;
	cursor: pointer;
}

.brightcove-video .bightcove-close-video-swipe {
	display: none;
}

.minimised-player .brightcove-video .brightcove-video-inner {
	position: fixed !important;
	z-index: 9999;
}

@media screen and (min-width: 1670px) {
	.minimised-player .brightcove-video .brightcove-video-inner {
		width: 300px; /* <--- The width for the minimised player on desktop. */
		height: 169px; /* <--- The height for the minimised player on desktop. */
		bottom: 20px; /* <--- The space from the bottom of the page for the minimised player on desktop. */
		margin-left: -330px; /* <--- The space from the content for the minimised player on desktop (width + space) * -1. */
	}

	.minimised-player .brightcove-video .bightcove-close-video-cross {
		display: block;
	}
}

@media screen and ( min-width: 768px ) and ( max-width: 1670px ){
	.minimised-player .brightcove-video .brightcove-video-inner {
		width: 300px; /* <--- The width for the minimised player on desktop. */
		height: 169px; /* <--- The height for the minimised player on desktop. */
		bottom: 20px; /* <--- The space from the bottom of the page for the minimised player on desktop. */
		left: 20px; /* <--- The space between the player and the left side of the screen. */
	}

	.minimised-player .brightcove-video .bightcove-close-video-cross {
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.minimised-player .brightcove-video .brightcove-video-inner {
		width: 210px; /* <--- The width of the minimised player on mobile devices. */
		height: 118px; /* <--- The height of the minimised player on mobile devices. */
		bottom: 65px; /* <--- The space from the bottom of the page for the minimised player on mobile. */
	}

	/* Styles for the swipe to close text on mobile. */
	.minimised-player .brightcove-video .bightcove-close-video-swipe {
		display: block;
		margin: 0;
		font-size: 12px;
		background: rgba(255, 255, 255, 0.85);
		position: absolute;
		width: 100%;
		top: -25px;
	}
}

/* The styles for the video title shown below the player. */
.brightcove-video-title {
	margin: 0;
	padding: 12px;
	border-bottom: 1px #ddd solid;
	text-align: center;
	text-transform: uppercase;
	color: #b2b2b2 !important;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	text-overflow: ellipsis;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	display: none;
}

/* The styles for the "Related Content" text above the player. */
.brightcove-video-related {
	margin: 0;
	padding: 12px;
	border-top: 1px #ddd solid;
	text-align: center;
	text-transform: uppercase;
	color: #b2b2b2 !important;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
}

.vjs-picture-in-picture-control {
	display: none;
}

.brightcove-video-container .vjs-playlist-horizontal ol.vjs-playlist-item-list li {
	list-style: none;
	font-size: 17px;
	color: #fff;
	margin: 0 5px 0 0;
	font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.minimised-player .brightcove-video .vjs-playlist-sidebar-horizontal {
	display: none;
}

/**
 * Brightcove bug fixes.
 */

.vjs-control-bar {
	display: flex !important;
}

.vjs-ad-playing .vjs-control-bar {
	display: none !important;
}

.vjs-ad-control-bar {
	display: none !important;
}

.vjs-ad-playing .vjs-ad-control-bar {
	display: flex !important;
}

video-js[data-video-id] .vjs-next-button {
	display: none !important;
}
