/* header title */
.teaching-module-header-container {
  h6 {
    > div:first-child {
      font-size: 20px;
      line-height: 32px;
      font-weight: 700;
      text-transform: uppercase;
      padding-top: 0rem;
      display: inline-block;
      position: relative;

      &:before {
        content: "";
        height: 7px;
        width: 100%;
        position: absolute;
        top: 10px;
        left: 0;
      }
    }

    > div:last-child {
      font-size: 20px;
      line-height: 32px;
    }
  }

  /* card metadata */
  .container-card-teaching-module-metadata {
    .card-description {
      h3 {
        margin-bottom: 1rem;
      }

      .hours-container {
        hr {
          opacity: 0.5;
          margin: 0.4rem 0;
        }
      }
      .data-group {
        display: flex;
        justify-content: space-between;
      }
      hr {
        opacity: 1;
      }
    }
  }
}

@media (min-width: 992px) {
  .teaching-module-header-container {
    padding: 4rem 0rem;
  }
}

@media (min-width: 1200px) {
  .teaching-module-header-container {
    padding: 6rem 0rem 2rem 0rem;
  }
}

/* card container  */
.pt-teaching-module-lecturer-heading {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #c5c7c9;
}
@media (min-width: 992px) {
  .pt-teaching-module-lecturer-heading {
    margin-top: 2rem;
    padding-top: 2rem;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    >h2 {
      grid-column: 1 / -1 ;
    }
  }

}

@media (min-width: 992px) {
  .page-node-type--teaching-module {
    .pt-teaching-module-lecturer-heading {
      article.card {
        display: inline-block;
        max-width: 400px;
      }
    }
  }
}


/*fixed behaviour*/
.container-card-teaching-module-metadata.bs-is-sticky {
  top: 0px;
  position: fixed !important;
  padding: 0 !important;
}

@media (min-width: 992px) {
  .teaching-module-header-inner-container {
    position: relative;
  }
}