/**
 * Style for bdn-video-zone plugin
 */

.bdn-video-zone-container {
    width: 100%;
    /*height: 100px;*/
}

.bdn-video-zone-container #videocontainer .jw-title-secondary {
    display: none;
    white-space: initial;
    text-overflow: initial;
    overflow-x: initial;
}
.bdn-video-zone-container #videocontainer:hover .jw-title,
.bdn-video-zone-container #videocontainer:hover .jw-title-primary,
.bdn-video-zone-container #videocontainer:hover .jw-title-secondary
{
    display: block;
}
.bdn-video-zone-container #videocontainer:hover .jw-title a {
    color: #fff !important;
}
.bdn-video-zone-container #videocontainer:hover .jw-title a:hover {
    text-decoration: underline !important;
    color: #fff !important;
}

.bdn-video-zone-container h3 {
    margin: 0px;
    padding: 10px 5px 10px 5px;
    font-size: 13px;
    font-weight: bold;
}

.bdn-video-zone-container #currentvideo h3 > a {
    color: white;
    background-color: rgba(0,0,0,0.6);
}

.bdn-video-zone-container h3 > a:hover {
    text-decoration: underline;
}

.bdn-video-zone-container #videocontainer.jwplayer {
    width: 100% !important;
    /*height: 56.25%;*/
    /*padding-bottom: 56.25%;*/
}

.bdn-video-zone-container #currentvideo div.currentvideos {
    position: relative;
    background-color: #333;
    color: white;
}

.bdn-video-zone-container #currentvideo div.currentvideos #currentvdesc a {
    color: white;
}
.bdn-video-zone-container #currentvideo div.currentvideos #currentvdesc a:hover {
    text-decoration: underline;
}

.bdn-video-zone-container #currentvideo>div.overlay {
    background: rgba(0,0,0,0.75);
    display: inline-block;
    width: 25%;
    min-height: 92px;
    float: left;
}
.bdn-video-zone-container #currentvideo>div.overlay:hover {
    background: rgba(0,0,0,0.50);
}

.bdn-video-zone-container #currentvideo>div>div>div#currentvdesc {
    position: absolute;
    bottom: 0px;}

.currentvideos {
    background-color: rgba(0,0,0,0.5);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 92px;
    font-family: 'trebuchet ms';
}
.currentvideos:hover {
    background-image: initial;
}
.currentvideos.active::before {
    content: "";
    height: 2px;
    background: chartreuse;
    display: block;
}

@media( max-width: 640px ) {
    #currentvideo {
        display:none;
    }
}