/* header title */
.teaching-module-header-container {
  position: relative;

  @media (min-width: 992px) {
    * {
      color: #fff;
    }
  }

  &:after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='138' height='133' fill='none' viewBox='0 0 138 133'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='18.39' height='106.849' y='.707' stroke='%234a99ad' rx='9.195' transform='rotate(135 16.124 21.525)scale(1 -1)'/%3E%3Crect width='18.39' height='106.849' y='.707' stroke='%23c6d307' rx='9.195' transform='rotate(135 47.243 57.404)scale(1 -1)'/%3E%3Crect width='18.349' height='106.849' x='162.707' y='43.434' stroke='%23cf0f76' rx='9.175' transform='rotate(45 162.707 43.434)'/%3E%3Crect width='18.349' height='106.849' x='129.577' y='23.886' stroke='%23ffcb03' rx='9.175' transform='rotate(45 129.577 23.886)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h138v133H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: top calc(var(--navbar-height) * -1) right;
    background-size: 8.625rem auto;

    @media (min-width: 992px) {
      background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='668' height='469' fill='none' viewBox='0 0 668 469'%3E%3Cg stroke-width='4' clip-path='url(%23a)'%3E%3Crect width='119.358' height='398.5' x='783.843' y='-37.955' stroke='%23ee097e' rx='59.679' transform='rotate(60 783.843 -37.955)'/%3E%3Crect width='61.581' height='333.12' x='763.394' y='-127.268' stroke='%23fecb34' rx='30.79' transform='rotate(60 763.394 -127.268)'/%3E%3Crect width='131.555' height='275.402' x='-2.732' y='-.732' stroke='%23c6d307' rx='65.777' transform='rotate(60 264.08 794.047)scale(-1 1)'/%3E%3Crect width='68.089' height='333.607' x='-2.732' y='-.732' stroke='%2300bcda' rx='34.044' transform='rotate(60 404.038 509.214)scale(-1 1)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h668v469H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"),
        linear-gradient(91.12deg, #221a54 2.15%, #1e56a7 95.02%);
      background-position:
        top right,
        left top;
      background-size:
        668px auto,
        auto;
      background-repeat: no-repeat;
    }
  }

}

.pt-teaching-module__body.pt-teaching-module__body {
  /* @todo: Check if should these styles target <ol> */
  ul,
  ol {
    padding-inline-start: 28px;
    list-style: square;

    li::marker {
      font-size: 32px;
      color: #319cb7;
    }
  }
}

.pt-teaching-module-lecturer-heading {
  .phantom-section-title {
    font-size: 3rem;
    font-family: 'Karla', sans-serif;
    font-weight: 400;
  }
}