/* Homepage hero video pause control */

.jh-hero-video-control-wrap {
	position: fixed;
	left: 1rem;
	bottom: 1rem;
	z-index: 99;
	opacity: 0;
	pointer-events: none;
}

.jh-hero-video-control-wrap--in-banner {
	position: absolute;
}

.jh-hero-video-control-wrap--ready {
	opacity: 1;
}

.jh-hero-video-pause {
	pointer-events: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #d12024;
	color: #fff;
	cursor: pointer;
}

.jh-hero-video-pause:hover {
	background: #b71c1c;
}

.jh-hero-video-pause:focus-visible {
	background: #b71c1c;
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.jh-hero-video-pause__icons {
	display: flex;
	width: 1.25rem;
	height: 1.25rem;
}

.jh-hero-video-pause__icon {
	display: block;
	width: 100%;
	height: auto;
}

.jh-hero-video-pause__icon--play {
	display: none;
}

.jh-hero-video-pause.is-paused .jh-hero-video-pause__icon--stop {
	display: none;
}

.jh-hero-video-pause.is-paused .jh-hero-video-pause__icon--play {
	display: block;
}