@import url("https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap");
body {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  background: #000;
}

.streaming {
  background-image: url("/content/dam/acea-corporate/immagini/investitori/streaming/poster.png");
  width: 100%;
  height: fit-content;
  min-height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.streaming * {
  font-family: Karla !important;
}
.streaming .bg {
  width: 100%;
}
.streaming .bg img {
  width: 100%;
}
.streaming .logo {
  position: relative;
  padding-top: 36px;
  padding-inline: 24px;
  padding-bottom: 40px;
  display: block;
}
.streaming .box {
  position: absolute;
  /* max-width: 1360px; */
  left: 0;
  right: 0;
  top: 0;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
}

.streaming .hidden {
  display: none !important;
}

.streaming .boxText {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding-left: 120px;
  height: fit-content;
}

.streaming .boxText div {
  color: #fff;
}

.streaming .boxText .inline > div {
  display: inline-block;
  vertical-align: middle;
}
.streaming .boxText .inline > div:first-child {
  padding-right: 20px;
}

.streaming .boxText .inline > div:first-child div:first-child {
  margin-bottom: 10px;
}

.streaming .boxText .title {
  font-size: 56px;
  margin-bottom: 30px;
  font-weight: 700;
}

.streaming .boxText .inline > div:last-child {
  padding-left: 20px;
  border-left: 1px solid white;
  font-weight: 500;
  line-height: 24px;
}

.streaming .boxText .inline .date::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M14.6667 2.75V6.41667M7.33333 2.75V6.41667M3.66666 10.0833H18.3333M6.41666 12.8333H6.42858M9.17584 12.8333H9.18042M11.9258 12.8333H11.9304M14.6804 12.8333H14.685M11.9304 15.5833H11.935M6.42584 15.5833H6.43042M9.17584 15.5833H9.18042M3.66666 6.41667C3.66666 5.93044 3.85982 5.46412 4.20363 5.1203C4.54745 4.77649 5.01377 4.58333 5.5 4.58333H16.5C16.9862 4.58333 17.4525 4.77649 17.7964 5.1203C18.1402 5.46412 18.3333 5.93044 18.3333 6.41667V17.4167C18.3333 17.9029 18.1402 18.3692 17.7964 18.713C17.4525 19.0568 16.9862 19.25 16.5 19.25H5.5C5.01377 19.25 4.54745 19.0568 4.20363 18.713C3.85982 18.3692 3.66666 17.9029 3.66666 17.4167V6.41667Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  height: 22px;
  width: 22px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 7px;
}

.streaming .boxText .inline .time::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M13.75 9.16667L11 11V6.41667M2.75 11C2.75 12.0834 2.96339 13.1562 3.37799 14.1571C3.7926 15.1581 4.40029 16.0675 5.16637 16.8336C5.93245 17.5997 6.84193 18.2074 7.84286 18.622C8.8438 19.0366 9.91659 19.25 11 19.25C12.0834 19.25 13.1562 19.0366 14.1571 18.622C15.1581 18.2074 16.0675 17.5997 16.8336 16.8336C17.5997 16.0675 18.2074 15.1581 18.622 14.1571C19.0366 13.1562 19.25 12.0834 19.25 11C19.25 9.91659 19.0366 8.8438 18.622 7.84286C18.2074 6.84193 17.5997 5.93245 16.8336 5.16637C16.0675 4.40029 15.1581 3.7926 14.1571 3.37799C13.1562 2.96339 12.0834 2.75 11 2.75C9.91659 2.75 8.8438 2.96339 7.84286 3.37799C6.84193 3.7926 5.93245 4.40029 5.16637 5.16637C4.40029 5.93245 3.7926 6.84193 3.37799 7.84286C2.96339 8.8438 2.75 9.91659 2.75 11Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  height: 22px;
  width: 22px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 7px;
}

.streaming .ctaContainer .label-button {
  font-size: 22px;
  margin-top: 60px;
  margin-bottom: 20px;
  font-weight: 700;
}
.streaming .ctaContainer .flex {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 16px;
  font-weight: 700;
}

.streaming .ctaContainer .flex .cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  border-radius: 8px;
  border: 1px solid #fff;
  backdrop-filter: blur(4px);
  padding: 14px;
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .streaming .box {
    margin: 0 32px;
  }
  .streaming .boxText {
    padding: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
  }
}
@media screen and (max-width: 768px) {
    .streaming .boxText .inline > div{
        display: block;
    }
    .streaming .boxText .inline > div:first-child{
        padding: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid white;
        width: fit-content;
    }
    .streaming .ctaContainer .label-button{
        margin-top: 40px;
    }
    .streaming .boxText .inline > div:last-child{
        padding: 0;
        padding-top: 20px;
        border: 0;
    }
    .streaming .boxText .title{
        font-size: 42px;
    }
    .streaming .ctaContainer{
        width: fit-content;
    }
  .streaming .box {
    margin: 0;
  }
  .streaming .box .containerIframe {
    padding: 0;
    max-width: unset;
    min-height: 100vh;
  }
  .streaming .box .containerIframe iframe{
    min-height: 100vh;
  }
  .streaming .logo {
    padding-bottom: 40px;
  }
}