/*
 * Replica degli slider Revolution della home:
 * - mobile  (<= 767px) "homeok-1":         1080x1100, video cover
 * - desktop (>= 768px) "home-con-video-1": full width, full height (altezza viewport), video cover
 */
.rc-video-verticale {
  position: relative;
  /* a tutta larghezza viewport come lo slider (esce dal padding della colonna) */
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  flex: 0 0 auto;
  align-self: stretch;
  overflow: hidden;
}

/*
 * Avada: il CSS custom della Home forza "width: auto !important" sulla colonna,
 * che così si restringe al contenuto (il video non ha larghezza intrinseca) => 0px.
 * Selettore volutamente più specifico (0,5,2) di quello della pagina (0,4,0).
 */
html body.fusion-body .fusion-layout-column .fusion-column-wrapper.fusion-column-wrapper:has(> .rc-video-verticale) {
  width: 100% !important;
}

.rc-video-verticale__inner {
  position: relative;
  width: 100%;
  height: 100vh;
}

.rc-video-verticale__video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

@media (max-width: 767px) {
  .rc-video-verticale__inner {
    height: auto;
    max-width: 1080px;
    margin: 0 auto;
    aspect-ratio: 1080 / 1100;
  }
}