/* Override hardcoded video wrapper CSS in shortcodes.php */
/* 
    PORTAL-756:  Updated video container CSS and added video tag CSS below to make videos responsive (minus bottom padding).
                 Added bottom margin to address issue where shrinking down the page causes the gap between the video and footer
                 to disappear.
                 
                 Refer to the following for where I got ideas for the fix:

                 https://github.com/mediaelement/mediaelement/blob/master/docs/usage.md#grid (see Stretching section)
                 http://alxmedia.se/code/2013/10/make-wordpress-default-video-embeds-responsive/ (WP responsive video guide)

 */
article .dcp-rwd-vid
{
    margin-bottom:  10px;
    background-color:  #222;
    position: relative;  
    overflow: hidden;
}

article .dcp-rwd-vid video 
{ 
    position: relative; 
    width: 100%; 
    height: 100%;
}

.mejs-button.mejs-quality-button
{
    padding: 10px 5px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 20px;
}

.mejs-button.mejs-quality-button:hover ul.dcp-video-quality-menu 
{
    visibility:  visible;
    transition-delay:  0s;
}

ul.dcp-video-quality-menu
{
    visibility: hidden;
    transition-delay:  0.2s;
    background-color: #262626;
    opacity: 0.8;
    color: #999;
    position: absolute;
    margin: -115px 0px 0px -10px;
    padding: 0px;
    font-size:  11px;
    cursor: pointer;
    list-style-type: none;
    border-radius: 5px;
}

ul.dcp-video-quality-menu li
{
    font-weight: normal;
    margin:  0px !important;
    padding:  3px 5px;
}

ul.dcp-video-quality-menu li:hover
{
    background-color:  #404040;
    border-radius: 5px;
}

ul.dcp-video-quality-menu li.selected
{
    font-weight: bold;
    color:  white;
}

ol.wp-playlist-tracks 
{
	padding:  0px 0px 10px 0px;
    list-style: none;
    overflow: hidden;
}

ol.wp-playlist-tracks li {
    min-height: 55px;
    padding: 15px;
    clear: both;
}

ol.wp-playlist-tracks li.selected {
    background-color:  #404040;
}

ol.wp-playlist-tracks li a img
{
    float: left;
    margin: 0px 10px 0px 0px;
    width: 96px;
    height: 54px;
}

ol.wp-playlist-tracks li a .info {
    margin:  -5px 0px 0px 0px;
    display: block;
    float: left;
    width: 70%;
}

ol.wp-playlist-tracks li a .info .video-title {
    font-size: 12px;
    font-weight: bold;
    display: inline;
    color:  #BBB;
}

ol.wp-playlist-tracks li.selected a .info .video-title {
    color:  #FFF;
}

ol.wp-playlist-tracks li a .info .video-description {
    clear: both;
    display: block;
    font-size:  11px;
    color:  #777;
}

ol.wp-playlist-tracks li.selected a .info .video-description {
    color:  #BBB;
}

ol.wp-playlist-tracks li a .length {
    float:right;
    display: block;
    padding-right: 5px;
}