/* GENERAL */

.banner {
  display: flex;
  justify-content: center;
  width: 100%;
  font-family: "Herokid", sans-serif;
  font-weight: 600;
  font-stretch: semi-condensed;
  position: relative;
}

.banner .banner-core {
  width: 100%;
}

.banner a {
  color: unset;
}

.banner a:hover {
  color: var(--colorTextNegative);
}

.banner .text {
  display: flex;
  flex-direction: column;
  height: 39%;
  position: absolute;
  top: 60px;
  left: 7%;
  right: 13%;
  margin: auto;
}

.banner .link {
  margin: 0;
  text-align: right;
  font-stretch: semi-condensed;
  font-size: 37px;
  color: var(--colorText);
}

.banner .tiff-unlimited-long {
  height: 82%;
  background-color: #ee2e24;
  mask-image: url(../../img/tiff_unlimited_long.png);
  -webkit-mask-image: url(../../img/tiff_unlimited_long.png);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}

.banner .tiff-unlimited-square {
  display: none;
}

.banner .alternative-cinema {
  display: block;
  height: 28%;
  background-color: #ee2e24;
  mask-image: url(../../img/cinema-ul_tău_alternativ_de_acasă.png);
  -webkit-mask-image: url(../../img/cinema-ul_tău_alternativ_de_acasă.png);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: #000;
}

.banner .subscribe {
  font-weight: 500;
  padding: 15px 35px 15px 35px;
  background-color: var(--colorAccent);
  color: var(--colorTextNegative);
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
  position: absolute;
  right: var(--horizontalSpacing);
  bottom: var(--verticalSpacing);
}

.banner img {
  height: 500px;
  object-fit: cover;
}

/* RESPONSIVE */

@media (min-width: 1400px) {
  .banner img {
    height: 700px;
  }

  .banner .text {
    height: 26%;
  }
}

@media (max-width: 1399px) {
  .banner .link {
    font-size: 32px;
  }

  .banner .tiff-unlimited-long {
    height: 49%;
  }

  .banner .alternative-cinema {
    height: 17%;
  }
}

@media (max-width: 1199px) {
  .banner .text {
    top: 43px;
  }

  .banner .link {
    font-size: 26px;
  }

  .banner .tiff-unlimited-long {
    height: 39%;
  }

  .banner .alternative-cinema {
    height: 14%;
  }
}

@media (max-width: 991px) {
  .banner .text {
    top: 31px;
    right: 7%;
  }

  .banner .link {
    font-size: 23px;
  }

  .banner .tiff-unlimited-long {
    height: 36%;
  }
}

@media (max-width: 768px) {
  .banner .subscribe {
    right: unset;
  }

  .banner img {
    height: 720px;
    object-fit: cover;
    right: unset;
  }

  .banner .text {
    align-items: center;
    top: 43px;
  }

  .banner .link,
  .banner .tiff-unlimited-long {
    display: none;
  }

  .banner .alternative-cinema {
    height: 20%;
    width: 100%;
    mask-position: center;
    -webkit-mask-position: center;
    max-width: 300px;
  }

  .banner .tiff-unlimited-square {
    display: block;
    width: 150px;
    height: 86px;
    background-color: #ee2e24;
    mask-image: url(../../img/tiff_unlimited_square.png);
    -webkit-mask-image: url(../../img/tiff_unlimited_square.png);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
  }
}