#livestream-header h1 {
display: inline-block;
}
#livestream-header h4 {
display: block;
}
#livestream-header h4 span {
vertical-align: 5px;
width: 100%;
}
#livestream-player {
background-color: black;
}
#livestream-schedule {
display: none;
}
#livestream-schedule #progressbar {
background-color: #ddd;
width: 100%;
margin-bottom: 10px;
}
#livestream-schedule #progressbar #progress {
background-color: #008ecb;
height: 4px;
}
#livestream-schedule #full-sched-button {
margin-top: 1.42857em;
}
#livestream-schedule .time {
font-size: 1.2em;
font-weight: 300;
}
#livestream-schedule .ptitle {
color: #008ecb;
font-size: 1.1em;
font-weight: 500;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#livestream-schedule .content, #livestream-schedule .guests {
display: block;
font-size: 0.9em;
line-height: 1.5em;
overflow: hidden;
}
#livestream-schedule .content {
font-weight: 500;
max-height: 3em;
}
#livestream-schedule .guests {
max-height: 4.5em;
}
#livestream-channels button {
background-color: #eaedf2;
border-color: #9fa6b4;
padding: 7px 13px; margin-bottom: 15px;
}
#livestream-channels button img {
width: 100%;
}
#livestream-channels button:hover, #livestream-channels button:active, #livestream-channels button.selected {
background-color: transparent;
border-color: #008ecb;
border-width: 2px;
padding: 6px 12px;
}
.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6,
.col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
float: left;
}
@media (min-width: 480px) and (max-width: 767px) {
.col-ms-12 {
width: 100%;
}
.col-ms-11 {
width: 91.66667%;
}
.col-ms-10 {
width: 83.33333%;
}
.col-ms-9 {
width: 75%;
}
.col-ms-8 {
width: 66.66667%;
}
.col-ms-7 {
width: 58.33333%;
}
.col-ms-6 {
width: 50%;
}
.col-ms-5 {
width: 41.66667%;
}
.col-ms-4 {
width: 33.33333%;
}
.col-ms-3 {
width: 25%;
}
.col-ms-2 {
width: 16.66667%;
}
.col-ms-1 {
width: 8.33333%;
}
.col-ms-offset-12 {
margin-left: 100%;
}
.col-ms-offset-11 {
margin-left: 91.66667%;
}
.col-ms-offset-10 {
margin-left: 83.33333%;
}
.col-ms-offset-9 {
margin-left: 75%;
}
.col-ms-offset-8 {
margin-left: 66.66667%;
}
.col-ms-offset-7 {
margin-left: 58.33333%;
}
.col-ms-offset-6 {
margin-left: 50%;
}
.col-ms-offset-5 {
margin-left: 41.66667%;
}
.col-ms-offset-4 {
margin-left: 33.33333%;
}
.col-ms-offset-3 {
margin-left: 25%;
}
.col-ms-offset-2 {
margin-left: 16.66667%;
}
.col-ms-offset-1 {
margin-left: 8.33333%;
}
.col-ms-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 480px) {
#livestream-header h4 {
display: inline-block !important;
margin-left: 10px;
}
#livestream-schedule #full-sched-button {
margin-top: 0;
}
}