.line_txt {
border-left-style: solid;
border-left-width: 1px;
border-left-color: #f7f7f7;
padding-left: 1.5em;
font-weight: 500;
}

.line_txt_blk {
border-left-style: solid;
border-left-width: 1px;
border-left-color: #080808;
padding-left: 1.5em;
font-weight: 500;
}

.reelsub_txt {
top: -36px;
}

/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* === 10. MEDIAELEMENT.JS PLAYER === */

.mejs {
top: -36px;
}

.mejs-container * {
  color: #080808 !important;
  font-family: "lores-12", sans-serif !important;
  font-weight: 300 !important;
}

.mejs-controls {
  background-color: #7fff00 !important;
  z-index: 200;
}

.mejs-controls .mejs-button button::before,
.mejs-controls .mejs-fullscreen-button button::before,
.mejs-controls .mejs-mute button::before {
  color: #080808 !important;
}

.mejs-controls .mejs-mute button::before {
  content: "\f028";
  color: #080808 !important;
}

.mejs-controls .mejs-play button::before {
  color: #080808 !important;
  content: ">";
  font-family: "lores-12", sans-serif !important;
  font-weight: 300 !important;
  top: -1px;
}

.mejs-controls .mejs-pause button::before {
  color: #080808 !important;
  content: "||";
  top: -1px;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #f7f7f7 !important;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
  background: #080808 !important;
  width: 97%;
}

.mejs-controls .mejs-unmute button::before {
  color: #080808 !important;
  content: "\f026";
}

.mejs-time-float {
  background-color: #080808;
  margin-top: 5px;
}

.mejs-time-float-current {
  color: #f7f7f7 !important;
}

.mejs-volume-handle {
  background: #080808 !important;
}

.mejs-volume-slider {
  background: rgba(127, 255, 0, 100) !important;
  z-index: 100;
}

.mejs-volume-total {
  background: #080808 !important;
}

/* Overlay Play Button */
.mejs-overlay-button {
  align-items: center;
  border: none;
  display: flex;
  justify-content: center;
  left: 50%;
  opacity: 1 !important;
  padding: 1em 1.5em;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  transition: transform 0.3s ease;
  white-space: nowrap;
  z-index: 9999;
  mix-blend-mode: normal !important;
  isolation: isolate;
}

.mejs-overlay-button::before {
  color: #7fff00;
  content: "► Play"; /* Play button label */
  font-family: articulat-heavy-cf, sans-serif;
  font-size: clamp(24px, 10vw, 72px);
  font-weight: 900;
  left: 50%;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  pointer-events: none;
  position: absolute;
  transform: translate(7%, 40%);
  transition: color 0.3s ease;
  top: 50%;
  z-index: 250;
  isolation: isolate;
  position: relative;
}

.mejs-container.mejs-playing .mejs-overlay-button::before {
  display: none;
}

.mejs-container:hover .mejs-overlay-button {
  transform: translate(-50%, -50%) scale(0.75);
  transform-origin: 50% 50%;
  transition-duration: 0.08s;
}

.mejs-container:hover .mejs-overlay-button::before {
  color: #f7f7f7;
}

/* Overlay effect */
.mejs-overlay::before {
  background-color: #00ff00;
  content: "";
  inset: 0;
  mix-blend-mode: exclusion;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.3s ease;
  z-index: 10;
}

.mejs-container:hover .mejs-overlay::before {
  opacity: 1;
}

.mejs-container.mejs-playing .mejs-overlay::before {
  opacity: 0;
}

/* Accélérer l'overlay vert en exclusion dans la galerie media */
.t-entry-visual-overlay {
  opacity: 0;
  transition: opacity 0.3s ease !important;
}

.tmb:hover .t-entry-visual-overlay {
  opacity: 1;
}

html.ios video {
  pointer-events: auto !important;
}

html.ios video::-webkit-media-controls {
  display: block !important;
  opacity: 1 !important;
}

html.ios video::-webkit-media-controls {
  display: block !important;
  opacity: 1 !important;
}

/* 1. On limite le débordement du player */
.mejs-container {
  overflow: hidden;          /* masque le zoom */
}

/* 2. Animation uniquement sur l’affiche (poster) */
.mejs-container .wp-video-shortcode {
  transform-origin: 50% 50%;
  transition: transform .35s ease-in-out;
  will-change: transform;    /* un petit coup de perf */
}

/* 3. Le hover reste sur le conteneur, l’effet sur l’affiche */
.mejs-container:hover .wp-video-shortcode {
  transform: scale(1.2);    /* ajuste l’intensité ici */
}

.mejs-container .mejs-poster {
  transform-origin: 50% 50%;
  transition: transform .35s ease-in-out;
  will-change: transform;    /* un petit coup de perf */
}

/* 3. Le hover reste sur le conteneur, l’effet sur l’affiche */
.mejs-container:hover .mejs-poster {
  transform: scale(1.1);    /* ajuste l’intensité ici */
}

.single_project_subtitle_new {
  margin-left: -10px;
}

.cast p {
  color: #080808;
  font-family: "lores-12", sans-serif !important;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
}