/****************************************************************/
/*              LIVESTREAMS                                     */
/****************************************************************/

/*********************************************************/
/*              Off-Canvas Navigation                    */
/*********************************************************/

/*** Livestreams Links ***/

#liveStreamLinks.panel li a {
    border-bottom:1px solid rgba(145, 166, 176, 0.5); }

    #liveStreamLinks.panel li:last-child a {
        border-bottom:1px solid #91A6B0; }


/*********************************************************/
/*              Overview                                 */
/*********************************************************/

.liveStreamListing {
    position:relative; }

    .liveStreamListing  h2 {
        margin:1em 0 0.5em; }

.liveStreamList > article {
    position:relative;
    box-shadow:0 0 2px #acbbc3;
    margin-bottom:20px;
    overflow:hidden; }

    .liveStreamList > article:hover {
        box-shadow:0 0 3px #617ca3; }

    .liveStreamList .mediaThumb {
        width:100%;
        height:auto; }


/******** Overlay ********/

.liveStreamList .liveStreamTeaser .link {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:45%;
    padding:1em;
    background:rgba(0,0,0,.7); }

    .liveStreamList .liveStreamTeaser h3 {
        color:#9eafc7;
        margin-bottom:1em; }

    .liveStreamList .liveStreamTeaser .text {
        color:#fff !important; }


/*********************************************************/
/*              Listing                                  */
/*********************************************************/

.liveStreamThumbs .hasPrice {
    height:4.5em;
    width:4.5em;
    padding:0.75em; }

    .liveStreamThumbs .hasPrice i {
        font-size:1.3em; }

.liveStreamThumbs .mediaOverlay {
    padding:0.5em 0.5em 0; }

    .liveStreamThumbs .mediaOverlay h3 {
        margin-top:0; }

    .liveStreamThumbs .mediaOverlay .additionalInfo p {
        color:#acbbc3; }


/******** Thumbs ********/

.liveStreamThumbs > li {
    padding-top:1em; }

    .liveStreamThumbs > li:first-child {
        margin-top:0; }

    .liveStreamOverview .liveStreamThumbs > li:first-child {
        margin-top:1em; }

.liveStreamThumbs article {
    position:relative; }

.liveStreamThumbs .mediaCover {
    position:relative;
    padding:0; }

    .liveStreamThumbs .mediaCover .mediaThumb {
        width:100%; }

    .liveStreamThumbs .mediaCover i {
        position:absolute;
        bottom:0.5em;
        left:0.5em; }

.liveStreamThumbs .mediaInfo {
    padding:0; }

    .liveStreamThumbs .mediaInfo h3 {
        margin:1em 0 0.5em;
        padding:0;
        overflow:hidden; }

    .liveStreamThumbs .mediaInfo .text {
        overflow:hidden;
        margin:0 0 0.5em; }

    .liveStreamThumbs .mediaInfo .price {
        margin:0 0 0.5em; }

.liveStreamThumbs .uploader { }

    .liveStreamThumbs .uploader .userThumb {
        height:2.5em;
        width:2.5em;
        margin-right:0.25em; }

    .liveStreamThumbs .uploader span {
        vertical-align:middle;
        overflow:hidden; }

.liveStreamThumbs .hasPrice {
    height:4.5em;
    width:4.5em;
    padding:0.75em; }

    .liveStreamThumbs .hasPrice i {
        font-size:1.3em; }

.liveStreamThumbs .tagged {
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0; }

.liveStreamThumbs .details {
    display:block;
    text-align:center;
    color:#acbbc3;
    padding:0;
    border-top:1px solid #e6eaf0; }

    .liveStreamThumbs .details li {
        display:inline-block;
        color:#acbbc3;
        width:24%;
        padding:1em 0; }

@media (max-width: 767px) {

    .liveStreamThumbs .mediaCover i {
        right:0.5em;
        left:auto; }

        .liveStreamThumbs .uploader .userThumb {
            height:3.5em;
            width:3.5em; }

}

@media (min-width: 768px) {

        .liveStreamThumbs .mediaInfo .price {
            position:absolute;
            right:0.5em;
            bottom:0.5em;
            margin:0; }

}

@media (min-width: 992px) {

    .liveStreamThumbs .details li {
        padding:0.5em 0 0; }

}

.livestreamListing .showMore {
    margin-top:-0.75em;
    border-top:none; }


/*********************************************************/
/*              Detail                                   */
/*********************************************************/




/******** Details ********/

.viewLiveStream .details > div {
    margin-bottom:1em; }

.viewLiveStream .details .rating {
    float:right; }


/******** Statistics ********/

.viewLiveStream .statistics {
    display:block;
    text-align:center;
    color:#acbbc3;
    background:#f0f3f7;
    padding:0 1em;
    margin:0.5em -0.75em -0.75em;
    border-top:1px solid #e6eaf0;
    border-bottom:1px solid #e6eaf0; }

    .viewLiveStream .statistics li {
        display:inline-block;
        color:#acbbc3;
        width:32%;
        padding:1em 0; }

    .liveStreamDetail .viewLiveStream .statistics li,
    .mediaDetail .viewLiveStream .statistics li {
        width:24%; }


/*** Buy Button ***/

.viewLiveStream .buyMedium {
    margin-bottom:1em;
    text-align:center; }

    .viewLiveStream .buyMedium .btn {
        font-size:1.2em;
        padding:0.5em 1.5em; }