.field--type-text-with-summary[class] {
  margin-bottom: 0;
}

/* Hide Mastheader and navigation aside */
#sidebar-first {
  display: none;
}

section.section-main.large-9[class] {
  width: 100%;
  margin-bottom: 0;
}

/* Remove margin between navigation and main content section */
.node--type-page.full > div.node__content {
  margin-top: 0;
}

/* Container side margins z-index */
.main-content.grid-container {
  z-index: 0;
}

/* I am I want homepage */
.rw-paragraph--webform--wrapper {
  background-color: #F6F6F6;
  box-shadow: 0  -0.0625rem 0.125rem 0 rgba(0,0,0, .30);
}
/* I am I want homepage END */

/* Spacing */
.homepage-content-section {
  margin-top: 2.875rem;
  margin-bottom: 1.4375rem;
}

.rw-paragraph--webform--wrapper {
  padding: .5rem 0;
  position: relative;
  z-index: 1;
}


@media print, screen and (min-width: 40em) {
  .homepage-content-section[class] {
    margin-top: 5.5rem;
    margin-bottom: 5.5rem;
  }
}

@media print, screen and (min-width: 64em) {
  .rw-paragraph--webform--wrapper {
    padding: 4rem 0;
  }
}

/* Spacing removal */
.node__content[class] .field--name-field-components > .field__item:first-child,
.node__content[class] .field--name-field-components > .field__item:first-child + .field__item,
.node__content[class] .field--name-field-components > .field__item:first-child + .field__item + .field__item {
  margin-top: 0;
  margin-bottom: 0 !important;
}
/* Spacing END */

/* background patterns */
@media screen and (min-width: 60em) {
  .paragraph--type--rw-wysiwyg {
    position: relative;
  }

  #albumCarousel_1,
  #albumCarousel_2 {
    z-index: 1;
  }

  .field__item:nth-child(7),
  .field__item:nth-child(8),
  .field__item:nth-child(11) {
    position: relative;
  }

  .field__item:nth-child(7)::before,
  .field__item:nth-child(8)::before,
  .field__item:nth-child(11)::before {
    display: block;
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: contain;
  }

  .field__item:nth-child(7)::before {
    background-image: url("/sites/default/files/uct_ac_za/homepage-section-pattern-3-v2.png");
    background-size: 100%;
    background-position: left;
    width: calc(1396px * 2.6);
    height: calc(430px * 2.6);
    bottom: -3rem;
    left: 0;
    opacity: .5;
  }

  .field__item:nth-child(8)::before {
    background-image: url("/sites/default/files/uct_ac_za/homepage-section-pattern-1.svg");
    background-position: right;
    width: 2453px;
    height: calc(1521px * 2);
    top: 0;
    left: 0;
    transform: translate(-80%, 0);
    background-repeat: space;
  }

  .field__item:nth-child(11)::before {
    background-image: url("/sites/default/files/uct_ac_za/homepage-section-pattern-2.svg");
    background-position: center;
    width: calc(437px * 1.5);
    height: calc(976px * 1.5);
    bottom: 0;
    right: -4rem;  
    transform: translateY(100%);
    opacity: .5;
  }

  #footer {
    z-index: 1;
  }

}
/* background patterns END*/

/* Slider home page styles */
@media print, screen and (min-width: 64em) {
  .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);
  }
}
/* Slider home page styles END*/

/* Unleashed secton */
.homepage-unleashed {
  background-color: #00243a;
  overflow: hidden;
  background:  url("/sites/default/files/media/images/uct_ac_za/slide-colour-block.webp") #00243a center no-repeat;
  background-size: cover;
}

.homepage-unleashed__container {
  position: relative;
  max-width: 90rem;
  margin: 0 auto;
  padding: 0 .75rem;      
}

.homepage-unleashed__intro,
.homepage-unleashed__auto-scroll p {
  margin: 0;
  color: #fff;
  font-family: "Montserrat", sans-serif;
}
.homepage-unleashed__intro {
  font-size: 1.5rem;
  padding: 1.5rem 0 0;
  font-weight: 600;  
  line-height: 1.2;
}

.homepage-unleashed__footer {
  padding: 1rem 0;
}

.homepage-unleashed__auto-scroll {
  flex: 1;
}

.homepage-unleashed__auto-scroll p {
  text-transform: uppercase;
  font-weight: 600;
  line-height: .9;
}

.homepage-unleashed__auto-scroll p:first-child {
  font-size: 3rem;
}

.homepage-unleashed__vision2030 {
  max-width: 30%;
  margin-left: auto;
  padding-top: 1.5rem;
}

@media print, screen and (min-width: 40em) {
  .homepage-unleashed__container {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .homepage-unleashed__footer {
    padding: 0 0 2rem;
    display: flex;
    align-items: center;
  }

  .homepage-unleashed__auto-scroll p {
    font-size: 3.5rem;
  }

  .homepage-unleashed__vision2030 {
    max-width: 25%;
    margin-left: initial;
    padding-top: 0;
  }
}

@media print, screen and (min-width: 90em) {
  .homepage-unleashed__intro {
    font-size: 3rem;
    padding: 6.4rem 0 0;
  }

  .homepage-unleashed__auto-scroll p {
    font-size: 6rem;
  }

  .homepage-unleashed__vision2030 {
    max-width: unset;
    margin-left: initial;
    padding-top: 0;
  }
}

.unleashed_scroll {
  position: relative;
  transform: translateX(100vw);
  height: 0;
  will-change: transform;
}

.homepage-unleashed__auto-scroll {
  --initial-delay: 1s;
  --animtion-duration: 9s;
  --total-duration: calc(var(--animtion-duration)*3);
}

.scroll-1,
.scroll-2,
.scroll-3 {
  font-size: 1.5rem;
  animation-name: scroll;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

.scroll-1 {      
  animation-duration: var(--total-duration);
  animation-delay: var(--initial-delay);      
}

.scroll-2 {
  animation-duration: var(--total-duration);
  animation-delay: calc( var(--initial-delay) + var(--animtion-duration));
}

.scroll-3 {
  animation-duration: var(--total-duration);
  animation-delay: calc( var(--initial-delay) + (var(--animtion-duration) * 2) );
}

/* animations */
@keyframes scroll {
  /* animation to holding location */
  8% {
    transform: translateX(0);
  } 
  18% {transform: translateX(0);} /* holding until */
  30% {transform: translateX(-100vw);} /* animation from holding location */
  100% {transform: translateX(-100vw);} /* waiting for other animations to end */
}
/* Unleashed secton */


/* Mirco view component */
.paragraph--type--uct-micro-view article.teaser,
.paragraph--type--uct-multi-content-reference .views-view-grid article.teaser,
.rw-paragraph--wysiwyg .teaser {
  background: transparent;
}
/* Mirco view component END */