/* Global
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html, body {
    margin:0;
    padding:0;
    min-width:230px;
}
body {
    overflow-y:scroll;
    padding-top: 70px;
    padding-bottom: 20px;
    background-color:#eee;
}
a, a:hover, a:hover, a:visited, a:active {
    text-decoration:none;
}
/* Navbar
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.navbar {
    background-color:#000;
    min-width:230px;
}
.navbar-brand, .navbar-brand:hover, .navbar-brand:visited, .navbar-brand:active {
    color:#fff;
}
.navbar-brand span {
    text-transform:uppercase;
    font-size:80%;
}
/* List
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.video-list a, .video-list a:hover, .video-list a:visited, .video-list a:active {
    color:#000;
}
.thumbnail {
    margin-bottom:30px;
    background-color:#fff;
}
.thumbnail .alert {
    margin:9px;
}
.video-list-views {
    font-size:0.9em;
    padding-top:3px;
    padding-right:0;
}
.thumbnail .fa-link {
    cursor:pointer;
    color:#aaa;
    font-size:1.1em;
}
.video-list-img-alert, .video-list img {
    max-height:197px;
    max-height:349px;
}
.caption h3, .caption .row {
    line-height:24px;
    height:24px;
    max-height:24px;
    overflow:hidden;
}
.video-list .thumbnail .caption h3 {
    margin-top:5px;
}
.video-list .thumbnail .caption p {
    margin-bottom:0;
}
.video-list .thumbnail {
    background-color:#fff;
    box-shadow:0 1px 2px rgba(0,0,0,.1);
    border:0;
    border-radius:0;
}
.video-list p.description {
    height: 66px;
    line-height: 22px;
    overflow: hidden;
}
.video-list p.description::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to left, #fff, rgba(255, 255, 255, 0)) repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 22px;
    margin-bottom: 44px;
    margin-right:16px;
    position: absolute;
    right: 0;
    width: 50%;
}
/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer hr {
    margin-bottom:5px;
}
footer p {
    font-size:0.9em;
    margin-top:0;
}