#main .plyr-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 1280px;
	height: 720px;
	pointer-events: none;
	
	padding: 5.5% 13% 0 13%;
	transition: opacity 1s ease;
}

#main.main-video .plyr-container{
	padding: 3% 5.5% 0 5.5%;
}

#main .plyr-container.hidden{
	opacity: 0;
}

#main .plyr-container .plyr{
	pointer-events: all;
}

#main.main-plyr{
	height: 100vh;
}

#main.main-plyr .plyr-container{
	flex: 2;
}

#main.main-plyr .plyr-container .plyr__control--overlaid{
	background-color: #FF5624;
}


.modal-container .modal{
	z-index: 10050;
}


/* Overrides */

:root {
  --plyr-color-main: #F5A800;
}

.plyr__control--overlaid{
	border: 3px solid #33BDBA;
	background-color: #fff;
}
.plyr__control--overlaid:hover{
	border: 3px solid #33BDBA;
	background-color: #fff !important;
}

.plyr__control--overlaid svg{
	color: #F5A800;
}

.plyr__captions .plyr__caption {
	font-size: 32px !important
}