/* Ensures the main video player is centered on the page */
.app-fullscreen-embed {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh; /* Full viewport height */
  margin: 0;
}

/* Style adjustments for the video element */
.video-js {
  max-width: 100%;
  height: auto;
  object-fit: contain; /* Maintains aspect ratio while fitting container */
}

/* If necessary, ensure poster image aligns with the player dimensions */
.vjs-poster {
  background-size: cover; /* Ensures the thumbnail covers the container */
  background-position: center; /* Centers the thumbnail */
}
}/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/