body{background-color:#fff}[data-range=xlarge] .ui-video{width:1140px}[data-range=xlarge] .ui-video .content .live-video{width:642px}[data-range=xlarge] .ui-video .content .social-comments{float:right;width:35%}[data-range=large] .ui-video{width:920px}[data-range=large] .ui-video .content .live-video{width:570px}[data-range=large] .ui-video .content .social-comments{float:right;width:30%}.ui-video{width:620px;margin:20px auto}.ui-video .datetime-top{margin-top:10px;display:inline-block;font-size:1.2rem}.ui-video .datetime-top hover{opacity:1;cursor:text}.ui-video .datetime-top .date{vertical-align:middle;display:table;float:left}.ui-video .datetime-top .date span{color:#65655d;padding-left:.5rem;vertical-align:middle;display:table-cell}.ui-video .datetime-top .date b{color:#191917;font-weight:600}.ui-video .datetime-top .date .calendar{vertical-align:middle;display:table-cell;background-repeat:no-repeat}.ui-video .datetime-top .date .day-month{color:#191917;text-transform:uppercase}.ui-video .datetime-top .date .icon{margin-left:2rem}.ui-video .datetime-top .date .time{margin-top:.1rem}.ui-video .header{display:block;width:100%;margin-bottom:10px}.ui-video .header .video-title{display:inline-block;margin-top:0;font-weight:700;font-family:Ubuntu,OpenSans,sans-serif;font-size:24px}.ui-video .header .video-title span{color:#777}.ui-video .header .subtitle h2{color:#65655d;line-height:120%;font-weight:400;font-size:2rem;font-family:OpenSans,sans-serif}html[data-range=small] .ui-video .header .subtitle h2{font-size:1.6rem}html[data-range=medium] .ui-video .header .subtitle h2{font-size:2rem}.ui-video .header .title{margin-top:20px}.ui-video .header .title h1{font-size:3rem;font-family:Ubuntu,OpenSans,sans-serif;color:#191917;font-weight:700;margin:0}.ui-video .content{display:inline-block;width:100%}.ui-video .content .live-video{margin-bottom:20px;float:left;width:620px}.ui-video .content .live-video .img-responsive{width:100%}.ui-video .content .live-video #player-video{display:block;background-color:#000;height:400px}.ui-video .content .social-comments{float:left;width:100%}#trr-navbar-footer{display:block;margin:0}.nightmode{background-color:#191917}.nightmode h1{color:#f1f1f1!important}.nightmode .ui-video .video-title{color:#f1f1f1}.nightmode .ui-video .datetime-top .day-month{color:#c4c4c3!important}.nightmode .ui-video .datetime-top .year{color:#c4c4c3!important}.nightmode .ui-video .datetime-top .time{color:#c4c4c3!important}.social-comments{min-height:240px}.social-comments .loading-app:before{position:absolute;z-index:19;display:block;width:100%;height:100%;content:'';opacity:.7}.social-comments .loading-app:after{position:absolute;top:50%;left:50%;z-index:20;display:block;margin:-25px 0 0 -25px;width:50px;height:50px;border-width:0 3px 0 0;border-style:solid;border-color:rgba(0,0,0,.5);border-radius:50%;content:'';-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}.ui-live .content-share,.ui-video .content-share{float:right}.ui-live .content-share .btn-native-share,.ui-video .content-share .btn-native-share{line-height:25px;margin-right:10px;background-color:#d0d0cf}.ui-live .content-share .btn-native-share .icon-share,.ui-video .content-share .btn-native-share .icon-share{float:left;margin-right:5px}