+
+ .vjs-control-bar {
+ > button:first-child {
+ margin-left: $first-control-bar-element-margin-left-small-width;
+ }
+ }
+
+ .vjs-fullscreen-control {
+ margin-right: $first-control-bar-element-margin-left-small-width;
+ }
+
+ &.vjs-live {
+ .vjs-current-time {
+ display: none !important;
+ }
+ }
+ }
+
+ // Theater mode is enabled
+ &.vjs-theater-enabled {
+ .vjs-theater-control {
+ width: 30px;
+
+ .vjs-icon-placeholder {
+ transform: scale(0.8);
+ }
+ }
+ }
+
+ // On fullscreen, hide theater control
+ &.vjs-fullscreen {
+ .vjs-theater-control {
+ display: none;
+ }