/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Sep 29 2025 | 04:59:53 */
/* Default style for desktop */

video {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  margin-bottom: 20px;
}

.stream-button-wrapper {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}

button.btn.stream-button {
  background-color: #1d4ed8; /* Blue Color */
  color: white;
  border: none;
  padding: 10px 20px;
  margin: 5px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  transition: background 0.3s ease;
}

button.btn.stream-button:hover {
  background-color: #1e3a8a; /* Darker Blue */
}
.main-video-wrapper {
	width: 60%;
    margin: auto;
}

.stream_main_video {
  width: 100%; /* Full width */
  max-width: 800px; /* Maximum width for desktop */
  height: auto; /* Maintain aspect ratio */
  margin: 0 auto; /* Center align */
  display: block; /* Block display */
}

/* Mobile styles */
@media (max-width: 768px) {
  .stream_main_video {
    width: 100%; /* Full width on mobile */
    height: auto; /* Maintain aspect ratio */
  }
	.stream-button-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
}
@media (max-width: 480px) {
    .active .video-js.vjs-default-skin {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9;
        border-radius: 8px;
    }
}