/* ------------ Styles for JW player --------------- */

.jwplayer {
	/* prevents from content being shifted up */
	position: absolute;
	top: 0;
}

.jwplayer .jw-controls .jw-display-icon-rewind {
	/* removes 'Back 10s button' in the center */
	display: none;
}

/* 'Watch now' video prompt styles start */
.jw-nextup-body {
	height: 100%;
    padding: 8px 34px 8px 10px;
}

.jwplayer-container .jw-skin-corus.jw-breakpoint-0 .jw-nextup-body,
.jwplayer-container .jw-skin-corus.jw-breakpoint-1 .jw-nextup-body,
.jwplayer-container .jw-skin-corus.jw-breakpoint-2 .jw-nextup-body,
.jwplayer-container .jw-skin-corus.jw-breakpoint-3 .jw-nextup-body {
	padding-right: 30px;
}

.jwplayer-container .jw-skin-corus.jw-breakpoint-0 .jw-nextup-container .jw-nextup-close,
.jwplayer-container .jw-skin-corus.jw-breakpoint-1 .jw-nextup-container .jw-nextup-close,
.jwplayer-container .jw-skin-corus.jw-breakpoint-2 .jw-nextup-container .jw-nextup-close,
.jwplayer-container .jw-skin-corus.jw-breakpoint-3 .jw-nextup-container .jw-nextup-close {
	height: 2.3em;
	width: 2.3em;
}

.jw-nextup-body:after {
	/* :after fading effect is not applied to parent element rather than text container */
	/* it is the same width as text container, which is 55% */
	background: linear-gradient(-180deg,transparent,#000);
	bottom: 0;
	content: "";
	height: 30px;
	right: 0;
	position: absolute;
	width: 100%;
}

.jw-skin-corus .jw-nextup-container .jw-nextup-thumbnail {
	width: 45%;
	z-index: 1;
}

.jwplayer br {
	/* can't add :before or :after to self-closing elements; */
	/* not removing the break, styling it instead */
	content: "";
	position: relative;
	top: -3px;
	display: inline-block;
	height: 1px;
	width: 7px;
	font-size: 1px;
	margin-left: 5px;
	margin-right: 5px;
	border-bottom: 1px solid white;
}

.jw-skin-corus .jw-nextup-container .jw-nextup-title {
	/* vertically align text container in the center, make adjustable heights, but no more than 75px */
    font-size: 12px;
	height: auto;
    line-height: 1.25;
	max-height: 75px;
	overflow: hidden;
	padding: 0 !important;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	white-space: normal;	
}

/* Remove playlist animation for small player to prevent page from shifting on iOS when user interact with playlist */

.jwplayer.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child),
.jwplayer.jw-flag-small-player .jw-related-item-group,
.jwplayer.jw-flag-small-player .jw-related-item-group.jw-slide-back {
    transform: none !important;
    transform-origin: unset !important;
    animation: unset;
    transition: unset !important;
    overflow: hidden;
    flex: none;
}

.jwplayer.jw-flag-small-player .jw-related-title {
	display: none;
}

.jwplayer.jw-flag-small-player .jw-related-container {	
    display: block;
    margin: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    padding: 20px 50px;
}

.jwplayer.jw-flag-small-player .jw-related-item:not(.jw-related-active-item) {
    display: none;
}

/* 'Watch now' video prompt styles end */

/* Player font correction styles start */
.jw-skin-corus .jw-title-primary,
.jw-skin-corus .jw-title-secondary {
	letter-spacing: 0.04em;
}

.video-teaser .overlay.jw-reset  {
	font-size: 1em;
}

.jw-reset .countdown-overlay .countdown-date {
	display: none;
}

.jw-reset .countdown-overlay .countdown-cancel {
	font-family: 'sequel-sans-book', Arial, sans-serif;
}

/* fixing pause/play button alignment */
.jw-skin-corus .jw-display-icon-container,
.jw-skin-corus.jw-breakpoint-1 .jw-display-icon-container .jw-icon {
	border-radius: 50%;
	border-width: 4px;
}

/* Next Up screen */
.jw-related-item-next-up .jw-related-item-title strong,
.jw-related-item-next-up .jw-related-item-title span {
	letter-spacing: 0.04em;
}

/* Hide default live broadcast icon, chrome cast icon */
.jwplayer-container .jwplayer .jw-icon-cast,
.jwplayer .jw-icon-live {
	display: none;
}

/* Ensure playlist button is visible in all views */
.jwplayer-container .jw-skin-corus .jw-playlist-btn {
    display: flex;
}

/* Player font correction styles end */

/* End of the video screen styles start */

section.jw-reset.countdown-overlay ~ .jw-controls.jw-reset .jw-controlbar.jw-reset {
	/* gets rid of the control bar at the end-of screen overlay */
	display: none;
}

.jwplayer .overlay .vertical-align {
	padding: 0 20px;
}

.jwplayer .countdown-overlay:before {
	background: linear-gradient( to top, rgba( 0, 0, 0, 0.8), rgba( 30, 30, 30, 0.4) 30% );
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}

.jwplayer .countdown-overlay .countdown-title {
	/* hides orifinal 'Coming Up next' */
	font-size: 0;
}

.jwplayer .countdown-overlay .countdown-title:after {
	/* displays 'Up Next' instead */
	content: 'Up next';
}

.jwplayer .countdown-overlay .countdown-show,
.jwplayer .countdown-overlay .countdown-title:after,
.jw-reset .countdown-overlay .countdown-cancel,
.countdown-overlay .countdown-info {
	letter-spacing: 0.04em;
}

.jwplayer .countdown-overlay .countdown-show,
.jwplayer .countdown-overlay .countdown-title:after,
.jw-reset .countdown-overlay .countdown-info {
    text-shadow: 0 0 4px rgba( 0, 0, 0, 0.8 );
}

.jwplayer .countdown-overlay .countdown-show,
.jwplayer .countdown-overlay .countdown-title:after,
.jw-reset .countdown-overlay .countdown-cancel {
	text-transform: capitalize;
}

.jwplayer .countdown-overlay .countdown-show {
	padding: 0 20px 10px 20px;
	font-size: 20px;
}

.jw-reset .countdown-overlay .countdown-cancel {
	background-color: rgba( 255, 255, 255, 0.5 );
    border-radius: 15px;
    padding: 5px 15px;
    margin-top: 10px;
    outline: none;
}

.jwplayer .countdown-overlay .countdown-duration,
.jwplayer .countdown-overlay .countdown-episode,
.jwplayer .countdown-overlay .countdown-date {
	font-size: inherit;
}

.jwplayer .countdown-overlay .countdown-info,
.jwplayer .countdown-overlay .countdown-title:after,
.jw-reset .countdown-overlay .countdown-cancel {
	font-size: 18px;
}

.jwplayer .countdown-overlay .countdown-info,
.jwplayer .countdown-overlay .countdown-title:after {
	color: rgb( 255, 255, 255 );
}

.jwplayer .countdown-overlay .countdown-title:after {
	font-weight: normal;
}

.jwplayer .countdown-overlay .countdown-svg-container {
	margin-top: 6px;
	margin-bottom: 6px;
}

.jwplayer .countdown-overlay .countdown-svg-container svg.countdown-play .countdown-circle {
	fill: black;
	fill-opacity: 0.4;
	stroke: white;
	stroke-opacity: 0.5;
	stroke-width: 5px;
}

.jwplayer .countdown-overlay .countdown-svg-container svg.countdown-play .countdown-path {
	stroke-width: 5px;
}

.jwplayer .countdown-overlay .jw-nextup-close {
	border: none;
	width: 1.5em;
	height: 1.5em;
}
/* End of the video screen styles end */


/* Media queries */

@media( min-width: 1107px ) {
	.jw-skin-corus .jw-title-secondary {
		padding-right: 1.5em;
	}
}

/* Mobile view */
@media( min-width: 800px ) and ( max-width: 940px ), ( max-width: 500px ) {
	
	.jwplayer .countdown-overlay .countdown-info,
	.jwplayer .countdown-overlay .countdown-title:after,
	.jw-reset .countdown-overlay .countdown-cancel {
		font-size: 15px;
	}

	.jwplayer .countdown-overlay .countdown-title {
		padding-bottom: 5px;
		padding-top: 0px;
	}


	.jwplayer .countdown-overlay .countdown-show,
	.jwplayer .countdown-overlay .countdown-show .countdown-show-name,
	.jwplayer .countdown-overlay .countdown-show .countdown-episode-name {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.jwplayer .countdown-overlay .countdown-show {
		padding: 0px 0px 5px 0px;
		font-size: 17px;
	}
	
	.jwplayer .countdown-overlay .countdown-info {
		padding-bottom: 10px;
	}
	
	.jwplayer .countdown-overlay .countdown-svg-container {
		margin-top: 0px;
		height: 60px;
	}

	.video-teaser .jw-reset.overlay {
		padding: 5px 10px;
	}

	.jw-reset .countdown-overlay .countdown-cancel {
		border-radius: 14px;
		padding: 5px 10px;
	}
}

/* Smaller mobile view */
@media( max-width: 450px ) {

	/* correction for video controls start */
	.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jw-flag-small-player .jw-display {
		padding-top: 52px;
		padding-bottom: 53px;
	}

	.jw-skin-corus.jw-breakpoint-0 .jw-display .jw-icon, .jw-skin-corus.jw-breakpoint-1 .jw-display .jw-icon {
		height: 2.1em;
		line-height: 2.1em;
		width: 2.1em;
	}

	.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-ads) .jw-controlbar,
	.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-live) .jw-controlbar {
		height: 60px;
	}
	/* correction for video controls end */

	/* corrections for end of the video slide start */
	.jwplayer .countdown-overlay .countdown-info,
	.jwplayer .countdown-overlay .countdown-title:after,
	.jw-reset .countdown-overlay .countdown-cancel {
		font-size: 13px;
	}

	.jwplayer .countdown-overlay .countdown-show {
		font-size: 15px;
	}

	.jwplayer .countdown-overlay .countdown-title {
		padding-top: 0px;
		padding-bottom: 5px;
	}

	.jwplayer .countdown-overlay .countdown-svg-container {
		height: 45px;
		margin-bottom: 0;
	}

	.jw-reset .countdown-overlay .countdown-cancel {
		background-color: transparent;
		padding: 0;
	}
	/* corrections for end of the video slide end */
}

/* Styling for live player 'Live' button */
.jwplayer.jw-flag-live:not(.jw-flag-ads-googleima):not(.jw-flag-ads) .jw-text.jw-reset.jw-text-alt {
	/* When player plays the live stream ( .jw-flag-live ), replace "Live Broadcaset" with "Live" pseudo element */
    top: -4px;
    left: 4px;
}

.jwplayer.jw-flag-live:not(.jw-flag-ads-googleima):not(.jw-flag-ads) .jw-text.jw-reset.jw-text-alt:before {
	content: 'live';
	display: inline-block;
	text-transform: uppercase;
	font-size: 16px;
    line-height: 12px;
    height: 12px;
	color: white;
	letter-spacing: 0.06em;
	padding: 5px 13px;
	background-color: red;
	border-radius: 4px;
}

/* Styling for 'Live' button for mobile (breakpoints 0 and 1) */
.jw-skin-corus.jw-breakpoint-0.jw-flag-time-slider-above:not(.jw-flag-ads-googleima) .jw-group > .jw-text,
.jw-skin-corus.jw-breakpoint-1.jw-flag-time-slider-above:not(.jw-flag-ads-googleima) .jw-group > .jw-text {
	font-size: 0;
	line-height: 1em;
	height: auto;
}

.jwplayer.jw-flag-live.jw-breakpoint-0:not(.jw-flag-ads-googleima):not(.jw-flag-ads) .jw-text.jw-reset.jw-text-alt:before,
.jwplayer.jw-flag-live.jw-breakpoint-1:not(.jw-flag-ads-googleima):not(.jw-flag-ads) .jw-text.jw-reset.jw-text-alt:before {
	font-size: 13px;
	padding: 5px 10px;
}

.jwplayer-container .jwplayer .jw-controls.jw-settings-open .jw-settings-menu {
	display: flex;
}

/* Hide tool bar icons */
.jwplayer-container .jwplayer .jw-settings-topbar .jw-settings-topbar-buttons > * {
	display: none;
}

/* Override corus theme and show playlist button */
.jwplayer-container .jwplayer .jw-related-btn {
	display: flex;
}

/* Only show share and close icons in the tool bar */
.jwplayer-container .jwplayer .jw-settings-topbar .jw-settings-topbar-buttons .jw-settings-close,
.jwplayer-container .jwplayer .jw-settings-topbar .jw-settings-topbar-buttons .jw-settings-sharing {
	display: flex;
}

/* unset min-height the embed iframe to avoid streteching the social share submenu */
.jwplayer-container .jwplayer .jw-sharing-textarea {
	min-height: auto;
}

.jwplayer-container .jwplayer .jw-settings-sharing.jw-submenu-sharing::before {
    content: 'Share';
    display: inline-block;
    font-size: 12px;
    left: 42px;
    position: absolute;
    top: 14px;
}

.jwplayer-container .jwplayer .jw-settings-content-item.jw-sharing-copy {
	height: 32px;
}

.jwplayer-container .jwplayer .jwplayer.jw-stretch-uniform video {
	object-fit: fill;
}

.jwplayer.jw-flag-small-player .jw-icon-inline {
	width: 40px;
}

/* force hide the submenu for cc */
.jwplayer-container .jwplayer .jw-controls.jw-forced-hide .jw-settings-menu {
	display: none !important;
}

/* reduce space between playhead time and total time for small screen size */
.jwplayer.jw-breakpoint-1 .jw-text-duration::before {
	padding: 0 4px;
}