/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 19 2024 | 13:39:19 */

/* VIDEO JS */

/* Tamany i font */
.video-js,
.video-js .vjs-menu li,
.video-js .vjs-menu .vjs-menu-content {
	font-family: 'Poppins';
	font-size: 14px;
}
/* Barra de control */
.video-js .vjs-control-bar {
    background-color: var(--contrast); /* Color de fons de la barra de control */
    color: var(--base); /* Color del text i icones */
}
/* Botó de Play/Pause */
.video-js .vjs-play-control,
.video-js button {
    color: var(--base); /* Color de l'icona */
}
.video-js .vjs-play-control:hover,
.video-js button:hover {
    color: var(--accent); /* Canvia de color al passar el ratolí */
}
/* Barra de Progrés */
.video-js .vjs-progress-holder {
    background-color: var(--base); /* Color del fons de la barra de progrés */
}
.video-js .vjs-play-progress {
    background-color: var(--accent); /* Color de la part reproduïda */
}
.video-js .vjs-load-progress {
    background-color: var(--accent-2); /* Color de la part carregada */
}
/* Control de Volum */
.video-js .vjs-volume-bar {
    background-color: var(--base); /* Fons de la barra de volum */
}
.video-js .vjs-volume-level {
    background-color: var(--accent); /* Color del volum ajustat */
}
/* Botó de Pantalla Completa */
.video-js .vjs-fullscreen-control {
    color: var(--base); /* Color de l'icona */
}
.video-js .vjs-fullscreen-control:hover {
    color: var(--accent); /* Color al passar el ratolí */
}
/* Menu Idiomes */
.vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item.vjs-selected {
	background-color: var(--accent);
	color: var(--contrast);
}
/* Botons configuracio */
.vjs-track-settings-controls button {
	color: var(--contrast);
}
.vjs-track-settings-controls button:hover {
	background-color: var(--accent);
	color: var(--contrast);
}