/* ###### Styles for the Brightcove Video Player  ###### */

/* Responsive Sizing - should be no explicit widths anywhere */
.bc-outer { width: 100%; display: block; position: relative; }
.bc-outer:after { padding-top: 56.25%; display: block; content: ''; }
.bc-outer .video-js { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}

div:not(.video-player) > .bc-outer{margin-bottom:20px;}

/* ## play button ##*/
.video-js .vjs-big-play-button{ width:1.4em; height:1.4em; line-height:1.4em; font-size:2.6em; border-radius:2px; margin:0; top:auto; border:1px solid #FFF; left:0.3em; bottom:0.3em; /* for span8 sizes...*/ }
.video-js .vjs-big-play-button:active, .video-js .vjs-big-play-button:focus, .video-js:active .vjs-big-play-button, .video-js:hover .vjs-big-play-button{background-color:#000000;}

.span4 .video-js .vjs-big-play-button{font-size:2em;}

.span4 .videoAdUiPreSkipContainer, .span4 .videoAdUiSkipContainer {top:22px}

@media only screen and (max-width : 767px) {
	.video-js .vjs-big-play-button{font-size:2em;}	
	.videoAdUiPreSkipContainer, .videoAdUiSkipContainer {top:22px}
}




/*share control
.vjs-button.vjs-share-control{padding:0;}*/

/*overlay share screen*/
/*.vjs-social-overlay h1.vjs-social-title{font-size: 1.25em; margin-bottom:5px;}
.vjs-social-overlay h2.vjs-social-description{color:#FFF; font-size: 1em; margin-bottom:10px; padding: 10px 0 5px;}
.vjs-social-overlay .vjs-social-direct-link{width:100%;}
.vjs-social-overlay input[readonly] {cursor:auto !important; padding-top:0; padding-bottom:0;}

.span4 .vjs-modal-dialog .vjs-modal-dialog-content{ padding:5px 15px;}
.span4 .vjs-social-overlay h1.vjs-social-title{padding:5px 10px 0 0; margin-bottom:2px;}
.span4 .vjs-social-overlay h2.vjs-social-description{padding:0; margin-bottom:5px;}
.span4 .vjs-social-overlay label{margin:0 !important;}
.span4 .vjs-social-overlay.vjs-social-small .vjs-social-share-link, .span4 .vjs-social-overlay label span{margin-bottom:0 !important;}
.span4 .vjs-social-overlay input{margin-bottom: 5px;}*/

@media only screen and (max-width : 480px) {
	/*.vjs-modal-dialog .vjs-modal-dialog-content{ padding: 5px 15px;}
	.vjs-social-overlay h1.vjs-social-title{padding:5px 10px 0 0; margin-bottom:2px;}
	.vjs-social-overlay h2.vjs-social-description{padding:0; margin-bottom:5px;}
	.vjs-social-overlay label{margin:0 !important;}
	.vjs-social-overlay.vjs-social-small .vjs-social-share-link, .vjs-social-overlay label span{margin-bottom:0 !important;}
	.vjs-social-overlay input{margin-bottom: 5px; font-size:16px;}*/
}









/*hover states ...??? NEEDED ???

.news .video-js .vjs-big-play-button:active, .news .video-js .vjs-big-play-button:focus, .news .video-js:active .vjs-big-play-button, .news .video-js:hover .vjs-big-play-button{background-color:#cc0000 ;}
.sport .video-js .vjs-big-play-button:active, .sport .video-js .vjs-big-play-button:focus, .sport .video-js:active .vjs-big-play-button, .sport .video-js:hover .vjs-big-play-button{background-color:#3ea447 ;}
.business .video-js .vjs-big-play-button:active, .business .video-js .vjs-big-play-button:focus, .business .video-js:active .vjs-big-play-button, .business .video-js:hover .vjs-big-play-button{background-color:#1190af;}
.debate .video-js .vjs-big-play-button:active, .debate .video-js .vjs-big-play-button:focus, .debate .video-js:active .vjs-big-play-button, .debate .video-js:hover .vjs-big-play-button{background-color:#777552;}
.life-and-style .video-js .vjs-big-play-button:active, .life-and-style .video-js .vjs-big-play-button:focus, .life-and-style .video-js:active .vjs-big-play-button, .life-and-style .video-js:hover .vjs-big-play-button{background-color:#ff6600;}
.culture .video-js .vjs-big-play-button:active, .culture .video-js .vjs-big-play-button:focus, .culture .video-js:active .vjs-big-play-button, .culture .video-js:hover .vjs-big-play-button{background-color:#b74f7d ;}
.more .video-js .vjs-big-play-button:active, .more .video-js .vjs-big-play-button:focus, .more .video-js:active .vjs-big-play-button, .more .video-js:hover .vjs-big-play-button{background-color:#006666 ;}*/




/*taken from styles.2014
.bcove{margin-bottom:20px !important;}*/


/*.video-js .vjs-endscreen-overlay-content{
	display:none;
}*/


/*taken from tabbed gallery.css
.video-player { margin-bottom:10px; }
.video-player iframe, .video-player .wrapper { width:100%; margin:0; padding:0;  }*/


/* New CSS sheet - introduced 2016 */

/*.frontpage .video-js .vjs-big-play-button, .news .video-js .vjs-big-play-button {background-color:#cc0000 !important;}
.sport .video-js .vjs-big-play-button {}
.business .video-js .vjs-big-play-button {background-color:#1190af !important;}
.life-and-style .video-js .vjs-big-play-button {}
.culture .video-js .vjs-big-play-button {background-color:#b74f7d !important;}
.more .video-js .vjs-big-play-button {background-color:#006666 !important;}

.vjs-big-play-centered .vjs-big-play-button { top:auto; bottom:0 !important; left:0 !important; margin: 0!important; position: absolute; opacity: 1;}
.video-js .vjs-big-play-button { position: absolute;top:auto;  bottom:0 !important; left:0 !important; width:50px; height:50px; line-height:50px; border-radius:0% !important; font-size:2.5em;}
.video-js .vjs-big-play-button:hover {background-color:#000000 !important;}


.bc-player-default_default.video-js .vjs-big-play-button {margin-left:0 !important;}

.vjs-dock-text {display:none !important;}
.vjs-social-embed-code {display:none !important;}
.vjs-paused.not-hover .vjs-dock-shelf {display:none !important;}
.video-js .vjs-dock-shelf {padding-right:3em;}

.vjs-play-progress {background-color:#cc0000 !important;}
.vjs-volume-level {background-color:#cc0000 !important; }
.vjs-custom-overlay {font-size:1em !important;}

.frontpage .vjs-volume-level , .vjs-volume-level  {background-color:#cc0000 !important;}
.sport .vjs-volume-level  {background-color:#3ea447 !important;}
.business .vjs-volume-level  {background-color:#1190af !important;}
.life-and-style .vjs-volume-level  {background-color:#ff6600 !important;}
.culture .vjs-volume-level  {background-color:#b74f7d !important;}
.more .vjs-volume-level  {background-color:#006666 !important;}

.frontpage .vjs-play-progress , .vjs-play-progress  {background-color:#cc0000 !important;}
.sport .vjs-play-progress  {background-color:#3ea447 !important;}
.business .vjs-play-progress  {background-color:#1190af !important;}
.life-and-style .vjs-play-progress  {background-color:#ff6600 !important;}
.culture .vjs-play-progress  {background-color:#b74f7d !important;}
.more .vjs-play-progress  {background-color:#006666 !important;}

.bcove .wrapper {margin:0 0 20px 0;}


.vjs-custom-overlay {padding:0; top:40%;}

.video-js .vjs-endscreen-overlay-content {background:none;}

.video-js .vjs-restart-control:focus:before,
.video-js .vjs-restart-control:hover:before,
.video-js .vjs-trigger-social-control:focus:before,
.video-js .vjs-trigger-social-control:hover:before { text-shadow: none;}

.video-js .vjs-restart-control:hover,
.video-js .vjs-trigger-social-control:hover { color:#cc0000; }

.frontpage .video-js .vjs-trigger-social-control:hover , .video-js .vjs-trigger-social-control:hover  {background-color:#cc0000 !important;}
.sport .video-js .vjs-trigger-social-control:hover  {background-color:#3ea447 !important;}
.business .video-js .vjs-trigger-social-control:hover  {background-color:#1190af !important;}
.life-and-style .video-js .vjs-trigger-social-control:hover  {background-color:#ff6600 !important;}
.culture .video-js .vjs-trigger-social-control:hover  {background-color:#b74f7d !important;}
.more .video-js .vjs-trigger-social-control:hover  {background-color:#006666 !important;}


.frontpage .bc-player-default_default .vjs-control:focus , .bc-player-default_default .vjs-control:focus  {background-color:#cc0000 !important;}
.sport .bc-player-default_default .vjs-control:focus  {background-color:#3ea447 !important;}
.business .bc-player-default_default .vjs-control:focus  {background-color:#1190af !important;}
.life-and-style .bc-player-default_default .vjs-control:focus  {background-color:#ff6600 !important;}
.culture .bc-player-default_default .vjs-control:focus  {background-color:#b74f7d !important;}
.more .bc-player-default_default .vjs-control:focus  {background-color:#006666 !important;}


.vjs-captions-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {display:none;}
.bc-player-default_default .vjs-control:focus:before, .bc-player-default_default .vjs-control:hover:before {text-shadow:none;}
.video-js .vjs-endscreen-overlay-buttons .vjs-control:hover, .video-js .vjs-endscreen-overlay-buttons .vjs-control:before {text-shadow:none;}

.vjs-endscreen-overlay-buttons {width:100%; height:100% !important; display:flex;align-items: center;justify-content: center;}
.video-js .vjs-control.vjs-close-button:hover:before, .video-js .vjs-control.vjs-close-button:focus:before {text-shadow:none !important;}
.vjs-dock-shelf .vjs-button.vjs-share-control:hover {text-shadow:none;}
.video-js .vjs-endscreen-overlay-buttons .vjs-control:focus:before, .video-js .vjs-endscreen-overlay-buttons .vjs-control:hover:before {text-shadow:none;}

.video-js * {text-shadow: none;}

.vjs-modal-dialog .vjs-modal-dialog-content {background:#000000;}
.vjs-custom-endscreen-overlay.vjs-custom-overlay.vjs-modal-dialog {background:#000000;}*/

/* Custom, iPhone Retina 
@media only screen and (min-width : 320px) {
  .video-js { width:300px! important; height:169px !important;}
  .video-js .vjs-big-play-button { width:44px; height:44px; line-height: 44px; font-size: 1.5em;}
  .video-js .vjs-dock-shelf {margin:0 1em 0 0;}
  .vjs-modal-dialog-content .vjs-social-title, .vjs-modal-dialog-content .vjs-social-description,.vjs-modal-dialog-content .vjs-social-direct-link {display:none;}
  .vjs-modal-dialog .vjs-modal-dialog-content {padding:0 !important; display:flex;align-items: center;justify-content: center;}
}*/

/* Extra Small Devices, Phones 
@media only screen and (min-width : 480px) {
    .video-js { width:460px !important; height:259px !important;}
    .vjs-modal-dialog-content .vjs-social-title, .vjs-modal-dialog-content .vjs-social-description,.vjs-modal-dialog-content .vjs-social-direct-link {display:none;}
    .vjs-modal-dialog .vjs-modal-dialog-content {padding:0 !important; display:flex;align-items: center;justify-content: center;}
}*/

/* Small Devices, Tablets 
@media only screen and (min-width : 768px) and (max-width: 979px) {
    .video-js { width:426px !important; height:240px !important;}
    .vjs-modal-dialog-content .vjs-social-title, .vjs-modal-dialog-content .vjs-social-description,.vjs-modal-dialog-content .vjs-social-direct-link {display:none;}
    .vjs-modal-dialog .vjs-modal-dialog-content {padding:0 !important; display:flex;align-items: center;justify-content: center;}
}*/

/* Medium Devices, Desktops
@media only screen and (min-width: 980px) {
  .video-js { width:620px !important; height:349px !important;}
  .span4 .video-js { width:300px; height:169px;}
  .video-js .vjs-big-play-button { width:66px; height:66px; line-height: 66px; font-size: 2.5em;}
  .video-js .vjs-dock-shelf {margin:0 1em 0 0;}
  .vjs-modal-dialog-content .vjs-social-title, .vjs-modal-dialog-content .vjs-social-description,.vjs-modal-dialog-content .vjs-social-direct-link {display:none;}
  .vjs-modal-dialog .vjs-modal-dialog-content {padding:0 !important; display:flex;align-items: center;justify-content: center;}
} */

 
/*.vjs-ima3-flash.vjs-ad-loading .vjs-tech,
.vjs-ima3-flash.vjs-ad-loading .vjs-poster,
.vjs-ima3-html5.vjs-ad-loading .vjs-tech,
.vjs-ima3-html5.vjs-ad-loading .vjs-poster
{
    opacity:0;
}*/



/*old styles - where were these used..? 

div.brightcove.teaserCol.col1 { width:25%; float:left; }
div.brightcove.teaserCol.col1 img { width:100%; }
div.brightcove.teaserCol.col2 { width:75%; float:left; }
div.brightcove.teaserCol.content { padding-left:5px; }
*/