/* Side pattern */
@media screen and (min-width: 60em) {
  .node--type-page > .node__content {
    position: relative;
    isolation: isolate;
  }
  .node--type-page > .node__content::after {
    display: block;
    content: '';
    position: absolute;
    z-index: -1;
    background-size: var(--department-pattern-left-size, 300% auto);
    background-image: var(--department-pattern-page-left, url("/sites/default/files/uct_ac_za/homepage-department-side-pattern-2.svg"));
    background-position: right;
    width: 15vw;
    height: calc(100% + 2rem);
    top: 0;
    left: calc(-50vw + 50%);
    background-repeat: repeat-y;
    opacity: .5;
  }

  #hero + .main-content .node--type-page > .node__content::after {
    top: -2rem;
  }
}

@media screen and (min-width: 120rem) {
  .node--type-page > .node__content::after {
    left: calc(-60rem + 50%);
  }
}