/**
 * Theme Name:     GoUrbex VOD
 * Author:         GoUrbex
 * Template:       hello-elementor
 * Text Domain:	   gourbex-vod
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

body {
      margin: 0;
      background: #000;
    }

    .video-js {
      font-family: "Segoe UI", Roboto, sans-serif;
      color: #fff;
    }

    .vjs-control-bar {
      background-color: rgba(20, 20, 20, 0.9)!important; /* ciemna jak YouTube */
    }

    .vjs-play-progress,
    .vjs-volume-level {
      background-color: #e50914 !important; /* czerwony jak YouTube */
    }


.video-js .vjs-load-progress {
  background: rgb(128 128 128 / 80%);
}

.video-js .vjs-load-progress div {
  background: rgb(193 193 193 / 75%);
}


    .vjs-slider {
      background-color: rgb(142 142 142 / 50%)!important; 
    }

    .vjs-control:focus {
      outline: none;
    }

    .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
      background-color: #222;
    }

    .vjs-menu li.vjs-selected {
      background-color: #444;
    }

    .vjs-menu li:hover {
      background-color: #333;
    }

    .vjs-text-track-display {
      font-size: 1.2em;
      color: #fff;
      text-shadow: 0 0 3px #000;
    }

    /* Ukryj napisy domyślnie, pokażą się automatycznie gdy są */
    ::cue {
      background: rgba(0, 0, 0, 0.7);
      color: white;
      font-size: 1em;
    }


    .vjs-big-play-button {
      border: none;
      background: rgba(0, 0, 0, 0.75);
      border-radius: 50%;
      font-size: 2.5em;
      width: 3.5em;
      height: 3.5em;
      line-height: 3.5em;
      color: white;
      top: 50% !important;
      left: 50% !important;
      transform: translate(-50%, -50%) !important;
      transition: background 0.3s ease;
    }

    .vjs-big-play-button:hover {
      background: rgba(255, 255, 255, 0.25);
      color: white;
    } 

/*remodal*/
.remodal-wrapper {
    padding: 0px 0px 0;
}

.remodal-close:before{
  left:10px;
}
.remodal{
max-width: 1200px;
  background: transparent!important;
  padding: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  
}
/* remove padding on mobile */
@media only screen and (max-width: 641px){
  .remodal {
      padding: 4px!important;
  }
  /* align close menu on mobile */
  .remodal-close{
    top: -40px;  
  }
}

/* change icon align to left */
.remodal-close{
  right: 0px;
  left: auto;
}

.video-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 30px; 
    height: 0; 
    overflow: hidden; 
   
} 
.video-container iframe, .video-container object, .video-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}