/*videopankki työsanastoa viittomilla*/
.vp-video-index-container {
    display: inline-flex;
}
.vp-video {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    min-height: 100px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 2px;
    padding-left: 13px;
    padding-right: 17px;
}
a:hover .vp-video,
a:focus .vp-video {
 background-color: #eeeeee;
 color:#000000;
}
a:hover .vp-video h5,
a:focus .vp-video h5 {
 color:#111177;
 text-decoration-color: #ffaa00;
}
.vp-video h5 {
    font-size: 11px;
    font-weight: normal;
    bottom: 0px;
    color: #333;
    font-weight: 600;
    font-family: Verdana,Geneva,sans-serif;
    margin-top: 8px;
    text-decoration: underline;
    text-decoration-color: #faa74b;
}
.vp-video .img-responsive {
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.18);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.05);
}
.vp-category {
    display: inline-flex;
    padding-right: 4px;
    padding-bottom: 4px;
}
.vp-bank .vp-bank {
    padding-left: 12px;
    font-size: 12px;
}
.view-videopankki-kategoriat {
    /*display:none;*/
    padding-top: 12px;
}
.pane-views-videopankki-selaus-block {
    width: 100%;
    display: flex;
}
.view-videopankki-kategoriat {
    border: 1px solid #a59696;
    padding: 12px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    display: inline-flex !important;
    width: 100% !important;
    height: initial;
}
.pane-views-videopankki-selaus-block .pane-content {
    width: 100%;
}
.view.view-videopankki-selaus {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
a.vp-kat {
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    margin-top: 0.5em;
    border-bottom: none;
    float: left;
}
.vp-sub {
    z-index: 10;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    break-inside: avoid-column;
}
.vp-col {
    position: relative;
    min-height: 1px;
    padding-right: 7px;
    padding-left: 7px;
    width: 33.33%;
    float: left;
}
a.vp-kat:hover, a.vp-kat:focus {
    background-color: #efefef !important;
    text-decoration: underline;
}

.vp-tube-dialog .controls {
    height: 35px;
}

.vp-tube-dialog iframe {
    border: 0px solid white;
}

.next_vid, .prev_vid {
    font-size: 0px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    border: 0px solid #fff;
}
.next_vid {
    background: url(/sites/all/modules/lightbox2/images/next_alt.gif) no-repeat 100%;
    float: right;
}

.prev_vid {
    background: url(/sites/all/modules/lightbox2/images/prev_alt.gif) no-repeat 0%;
    float: left
}

.next_vid:hover, .next_vid:focus, .prev_vid:hover, .prev_vid:focus {
    border-bottom: 1px solid orange;
}

.view-videopankki-selaus .views-row:first-child .vp-hold .controls .prev_vid, .view-videopankki-selaus .views-row:last-child .vp-hold .controls .next_vid {
    display: none;
}

.view-videopankki-kategoriat .panel-1col .panel-col {
    width: 100%;
    overflow: hidden;
}

.view-videopankki-kategoriat .panel-1col {
    width: 100%;
    overflow: hidden;
}

@media (max-width:720px) {
.view-videopankki-kategoriat {
 overflow:auto;
    height: initial;
}
.vp-col {
    width: 100%;
}

}


@media (min-width: 700px){
    .panel-pane.pane-block.pane-views-videopankki-kategoriat-block {
        width: 589px;
    }
    .pane-views-videopankki-selaus-block {
        width: 640px;
    }
}

@media (max-width: 768px){
    .view-videopankki-kategoriat .view-content {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 495px){
    .view-videopankki-kategoriat .view-content {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}