@charset "UTF-8";
/* CSS Document */
/* ----------------------------------
Name: custom.css
------------------------------------- */

 /* + PLYR HIDE RELATED ON PAUSE - COLOR
      -----------------------------  */

 .plyr--paused .plyr__video-wrapper::after {
  content: "";
  position: absolute;
  top: 65px;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  background-color: purple;
} 


 /* + PLYR HIDE RELATED ON PAUSE - BLURRED BACKGROUND
      -----------------------------  */
.plyr--paused .plyr__poster {
		z-index: 2;
	filter: blur(1rem);
	position: absolute;
	opacity: 1;
	top: 65px;
	  left: 0;
  bottom: 0;
  right: 0;

}


.ytp-chrome-top, .ytp-chrome-bottom {
  display: none;
}




/*------------------------------------------------------------------
## Embed Video
-------------------------------------------------------------------**/


.alioth-embed-video {
    position: relative;
}

.alioth-embed-video .plyr--full-ui input[type="range"] {
    color: #000
}

.alioth-embed-video .plyr--video .plyr__control.plyr__tab-focus,
.alioth-embed-video .plyr--video .plyr__control:hover,
..alioth-embed-video plyr--video .plyr__control[aria-expanded="true"] {
    background: #000
}

.alioth-embed-video .plyr__control--overlaid {
    background: #000;
}

.alioth-embed-video .plyr__video-embed iframe {
    top: -50%;
    height: 200%;
}

.alioth-embed-video .plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: none;
}



.alioth-embed-video .video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 123px;
    height: 123px;
    background: rgba(0, 0, 0, 0.49);
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
}

.alioth-embed-video .video-overlay:hover {
    width: 130px;
    height: 130px;
}


.alioth-embed-video .play-button {
    position: absolute;
    top: 50%;
    left: 53%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 40px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid #fff;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.alioth-embed-video .plyr__controls {
    opacity: 0;
}

.alioth-embed-video.video-play .plyr__controls {
    opacity: 1;
}


.alioth-embed-video.video-play .video-overlay {
    opacity: 0;
    pointer-events: none;
}
