/* line 6, scss/component/video-with-teaser.scss */
.video-with-teaser {
  position: relative;
  background: var(--color--black);
  overflow: hidden;
  border-radius: 1rem; }
  /* line 12, scss/component/video-with-teaser.scss */
  .video-with-teaser .video-text-and-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center; }
    @media (max-width: 767px) {
      /* line 20, scss/component/video-with-teaser.scss */
      .video-with-teaser .video-text-and-button .video-teaser-text {
        display: none; } }
    /* line 26, scss/component/video-with-teaser.scss */
    .video-with-teaser .video-text-and-button p {
      color: var(--color--white); }
    /* line 30, scss/component/video-with-teaser.scss */
    .video-with-teaser .video-text-and-button .play-full-video {
      margin-top: 1.5rem; }
      /* line 33, scss/component/video-with-teaser.scss */
      .video-with-teaser .video-text-and-button .play-full-video .field--name-field-cta-label {
        display: flex;
        align-items: center; }
        @media (max-width: 767px) {
          /* line 33, scss/component/video-with-teaser.scss */
          .video-with-teaser .video-text-and-button .play-full-video .field--name-field-cta-label {
            font-size: 0; } }
        /* line 41, scss/component/video-with-teaser.scss */
        .video-with-teaser .video-text-and-button .play-full-video .field--name-field-cta-label:before {
          content: url(../../images/icons/video-play-before.svg);
          margin-right: 8px;
          transition: all 0.3s ease; }
          @media (max-width: 767px) {
            /* line 41, scss/component/video-with-teaser.scss */
            .video-with-teaser .video-text-and-button .play-full-video .field--name-field-cta-label:before {
              margin-right: 0; } }
      /* line 54, scss/component/video-with-teaser.scss */
      .video-with-teaser .video-text-and-button .play-full-video .play-full-video:hover .field--name-field-cta-label:before,
      .video-with-teaser .video-text-and-button .play-full-video .play-full-video:focus .field--name-field-cta-label:before {
        content: url(../../images/icons/video-play-before-light.svg); }
  /* line 62, scss/component/video-with-teaser.scss */
  .video-with-teaser .field--name-field-video-teaser .video-js {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    box-sizing: border-box;
    opacity: 0.8; }
  /* line 72, scss/component/video-with-teaser.scss */
  .video-with-teaser .field--name-field-video-teaser .video-js video {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    -o-object-fit: cover;
       object-fit: cover;
    display: block; }

/* line 88, scss/component/video-with-teaser.scss */
.video-full-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  overflow: hidden; }

/* wrapper Video.js */
/* line 103, scss/component/video-with-teaser.scss */
.video-full-overlay .video-js {
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background: black; }

/* video stesso */
/* line 115, scss/component/video-with-teaser.scss */
.video-full-overlay .video-js video {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  -o-object-fit: contain !important;
     object-fit: contain !important; }

/* bottone chiudi */
/* line 124, scss/component/video-with-teaser.scss */
.video-full-overlay .close-video {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10000;
  background: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 16px;
  border-radius: 6px; }

/* line 137, scss/component/video-with-teaser.scss */
body.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%; }

/*# sourceMappingURL=video-with-teaser.css.map */