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

/* Faculty info block */
.faculty-info-block {
  background-image: url("/sites/default/files/media/images/uct_ac_za/distinguishing-uct_bg.webp");
  background-color: var(--uct-color--primary, var(--rw-primary-color, #00243a));
  background-size: cover;
  background-attachment: fixed;  
}

.faculty-info-block__content blockquote {
  border-color: #fff;
}

.faculty-info-block__content,
.faculty-info-block__content blockquote p {
  color: white;
}

.faculty-info-block__content blockquote p strong,
.faculty-info-block__content blockquote p small {
  display: block;
  margin: 1rem 0;
  line-height: 1.5;
}

.faculty-info-block__content {
  margin: 0 auto;
  padding: 2rem 1rem;
}

.faculty-info-block__content > h3[class] {
  margin-top: 0;
}

.faculty-info-block__content p a {
  color: inherit;
  font-weight: 600;
}

.faculty-info-block__button.button.hollow {
  color: inherit;
  border-color: inherit;
}

.faculty-info-block__button.button.hollow:hover {
  opacity: .8;
}
/* Faculty info block */

/* Slider home page styles */
.album-carousel-wrapper {
  background: var(--uct-color--primary, var(--rw-primary-color, #00243a));
}

.album-carousel-wrapper .slick-initialized .slick-slide {
  overflow: hidden;
}

div.paragraph--type--uct-multi-content-reference .view-display-id-content_reference_carousel {
  margin-bottom: 0;
}

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

/* Swap image and text */
@media print, screen and (min-width: 64em) {

  #albumCarousel_1 .carousel-slide {
    margin-right: 0;
    margin-left: 15%;
    align-items: flex-end;
    padding: 3rem calc(10% + 6rem) 3rem 3rem;
  }

  #albumCarousel_1 .carousel-slide::before {
    left: initial;
    right: 3rem;
  }
  #albumCarousel_1 .carousel-slide .field--name-field-media-image {
    right: initial;
    left: -17.65%;
  }

  #albumCarousel_1 .carousel-slide .node__content {
    max-width: 45%;
  }

  .album-carousel#albumCarousel_1 .slick__arrow {
    left: initial;
    right: 15%;
  }
  
}

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