.phd-container {
  background-color: #000;
  .title-container .kicker {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0.6rem;
  }

  .phd-author-label a {
    text-decoration: none;
    color: #5d91e5;
  }

  .card-phd-metadata {
    .card-wrapper {
      padding-bottom: 0;
      .phantom-card {
        background: transparent;
      }
    }
  }
}

@media (min-width: 992px) {
  .page-node-type--phd-student-project .it-page-title__wrapper {
    aspect-ratio: 2.1;

    > div > div .region-title,
    > div > div,
    > div {
      position: relative;
      height: 100%;
    }
  }

  .phd-container {
    padding-top: 6rem;
    padding-bottom: 2rem;
    position: relative;
    display: flex;
    align-items: flex-end;
    height: 100%;
  }

  .phd-container,
  .phd-container .image-phd-inner-container {
    position: relative;
  }

  .phd-container picture {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    img {
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  .phd-container:before {
    content: "";
    background-color: black;
    position: absolute;
    width: 100%;
    height: calc(100% - -6rem);
    bottom: 0;
    left: 0;
  }

  .phd-container figure img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
  }
}

@media (min-width: 1200px) {
  .phd-container {
    padding-top: 9rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 1400px) {
  .phd-container {
    padding-top: 14rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 992px) {
  .phd-author-label {
    color: #fff !important;
  }
}

@media (min-width: 992px) {
  h1.phd-detail-title {
    color: #fff !important;
  }
}

.card-phd-metadata .card a::after {
  display: none;
}

.container-card-phd-metadata.bs-is-sticky {
  top: 0px;
  position: fixed !important;
  padding: 0 !important;
}