div.main-content {
  z-index: 0;
}
/* Overrides - spacing */
.node--type-page.full > div.node__content {
  margin-top: 0;
  position: relative;
}

.main-content > main > section.section-main {
  margin-bottom: 0;
}

.field--name-field-components > .field__item {
  margin: 0 0 2.5rem;
}

.field--name-field-components > .field__item:first-child {
  z-index: 1;
  position: relative;
}

.field--name-field-components > .field__item:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 60em) {
  .field--name-field-components > .field__item {
    margin: 0 0 2rem;
  }
}

@media print, screen and (min-width: 64em) {
  .album-carousel-wrapper {
    background: transparent;
  }
  .album-carousel .carousel-slide::before {
    background-image: url("/sites/default/files/uct_ac_za/slide--graphic.png");
    background-position: center top;
    background-size: 117% auto;
    background-repeat: no-repeat;
    height: calc(26% / 0.5625);
  }
}

/* Facutly pattern */
@media screen and (min-width: 60em) {

  .field--name-field-components::after {
    display: block;
    content: '';
    position: absolute;
    z-index: -1;
    background-size: calc(1500px * 3.22) 1500px;
    background-image: url("/sites/default/files/uct_ac_za/homepage-section-pattern-1.svg");
    background-position: right;
    width: 20vw;
    height: 100%;
    top: 0;
    left: calc(-50vw + 50%);
    background-repeat: repeat-y;
  }

  .paragraph--type--layout-grid .field--name-field-components::after {
    display: none;
  }
}

@media screen and (min-width: 120rem) {
  .field--name-field-components::after {
    left: calc(-60rem + 50%);
  }
}