/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.plyr__menu__container{
    border-radius: var(--plyr-menu-radius);
}

.plyr__control--overlaid{
  border-radius: var(--plyr-large-play-button-border-radius);
}

.plyr__control--overlaid{
  padding: var(--plyr-large-play-button-size);
}

button.plyr__control--overlaid svg{
  width: var(--plyr-large-play-button-size);
  height: var(--plyr-large-play-button-size);
}

.plyr__controls .plyr__controls__item {
  color: var(--plyr-video-control-color,#fff);
}

.plyr__poster{
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vidplayer-wrapper .button:focus, 
.vidplayer-wrapper button:focus, 
.vidplayer-wrapper input[type="button"]:focus, 
.vidplayer-wrapper input[type="reset"]:focus, 
.vidplayer-wrapper input[type="submit"]:focus{
  background: var(--plyr-color-main);
}

@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.is-none {
     display: none !important;
}

.vp-player{
  position: relative;
}

.vp-branding{
    position: absolute;
    z-index: 99999;
    margin: 15px;
}

.vp-branding img{
    max-width: 150px !important;
    height: auto;
    box-shadow: none !important;
}

.vp-branding a{
    text-decoration: none !important;
    font-family: var(--plyr-font-family);
    display: flex;
}