/* 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 {
    &:before {
      background-color: #1f66da;
    }
  }

  /* card metadata */
  .container-card-teaching-module-metadata {
    .card-description {
      h3 {
        color: #345dc7;
      }
    }
  }
}


@media (min-width: 992px) {
  .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-mdmc-bg-page-title.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top right;
    aspect-ratio: 0.9;
  }
}