/* Overrides belong here so the video.js library can be easily upgraded */
.video-js {
    position: absolute;
}

.vjs-poster {
    left: 0;
    height: 100% !important;
    position: absolute;
    top: 0;
    width: auto !important;
}

/* Video JS EMBED fix for themes */
#page #media .entry .media object.vjs-tech {
    max-width: inherit;
}

/* Video Embed Button */
.video-js .vjs-menu-button ul li {
    padding: 4px 0;
    list-style: none;
}

.video-js .vjs-embed-button .vjs-menu .vjs-menu-content {
    height: auto;
    max-height: none;
}

.video-js .vjs-embed-button .vjs-control-content .button {
    margin-top: 8px;
    cursor: pointer;
}


/* Embed Window */
.video-js .vjs-embed-window {
    position: fixed;
    z-index: 100;
    
    left: 35%;
    top: 30%;
        
    width: 30%;
    height: 30%;
    
    background: rgba(7, 40, 50, 0.7);
    
    -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 1);
       -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 1);
            box-shadow: 0 0 1em rgba(255, 255, 255, 1);
    
    /* Fade */
    
    -webkit-transition: visibility 0.5s, opacity 0.5s;
     -moz-transition: visibility 0.5s, opacity 0.5s;
      -ms-transition: visibility 0.5s, opacity 0.5s;
       -o-transition: visibility 0.5s, opacity 0.5s;
          transition: visibility 0.5s, opacity 0.5s;
}


/* Fading sytles, used to fade embed window. */
.video-js .vjs-embed-window.vjs-fade-in {
    display: block !important;
    visibility: visible; /* Needed to make sure things hide in older browsers too. */
    opacity: 1;
}
.video-js .vjs-embed-window.vjs-fade-out {
    display: block !important;
    visibility: hidden;
    opacity: 0;
}

.video-js .vjs-embed-window .vjs-embed-title {
    margin-top: 0;
    padding: 5px 7px;
    color: #fff;
}

.video-js .vjs-embed-window textarea {
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-size: 12px;
    width: 92%;
    height: 80%;
    margin: 0 2% 5px;
    padding: 2%;
    border: 0;
    resize: none;
}

.video-js .vjs-embed-window .close {
    position: absolute;
    top: 3px;
    right: 7px;
}

.video-js .vjs-embed-window .close a {
    font-size: 8px;
    color: #fff;
}