/* header title */
.teaching-module-header-container {
  background-color: #00196e;

  &::before {
    pointer-events: none;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    opacity: 1;
    top: 0;
    right: 0;
    background-image: url(../../../../../pt_custom/images/decoration/pattern-transparent.png);
    background-size: 200px;
    background-repeat: repeat;
    background-position: center right;
  }

  h6 {
    color: #5d91e5;

    > div:first-child {
      font-size: 20px;
      line-height: 32px;
      font-weight: 700;
      text-transform: uppercase;
      padding-top: 2rem;
      display: inline-block;
      position: relative;

      &:before {
        content: "";
        background-color: #1f66da;
        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 {
        color: #345dc7;
        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;
  }
  .teaching-module-header-container:after {
    content: "";
    width: 26%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    background-image: url(../../images/decoration/decoration-logo-mcs-bg-page-title.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top right;
    aspect-ratio: 0.9;
  }
}

@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;
}

/* person card */
.page-node-type--teaching-module {
  .pt-teaching-module-lecturer-heading {
    article.card:last-child:first-child {
      border-bottom: 1px solid #c5c7c9;
    }
    article.card {
      border-bottom: 0px solid #c5c7c9;
    }
    article.card:last-child {
      border-bottom: 1px solid #c5c7c9;
    }
  }
}

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

      /* right-column cards (positions 3,5,7… because title is child 1) */
      article.card:nth-child(2n + 1) {
        border-left: 0;
      }

      /* cards from row 2 onward (positions 4,5,6… because title is child 1) */
      article.card:nth-child(n + 4) {
        border-top: 0;
      }
    }
  }
}

/*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;
  }

}