.homepage-content__image {
  display: none;
}

.homepage-content__image img {
  width: 100%;
  max-height: 300px;
  object-fit: cover;
  object-position: center;
}

.homepage-content-text h2 > a,
.homepage-content-layout h2 > a {
  color: inherit;
}

.homepage-content-text > h2 {
  width: 100%;
}

.homepage-content-text > p {
  margin: 1.25rem 0 0 0;
  width: 100%;
}

.homepage-content-text {
  margin: 0 0.75rem;
}

.homepage-content-text .homepage-content-list {
  margin-top: 1rem;
}

.homepage-content-text .homepage-content-list + .homepage-content-list {
  margin-top: 0;
}

.homepage-content-text .homepage-content-list a {
  display: inline-block;
  margin: 0.25rem 0;
}

.homepage-content-text .homepage-content-list a:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width: 40em) {
  .homepage-content-section {
    display: flex;
    align-items: center;
  }

  .homepage-content-section.img-left {
    flex-direction: row-reverse;
  }

  .homepage-content__image {
    display: block;
  }

  .homepage-content__image img {
    max-height: 600px;
  }

  .homepage-content__text,
.homepage-content__image {
    width: 50%;
  }

  .homepage-content-text {
    margin: 0 2rem;
    display: flex;
    flex-wrap: wrap;
    column-gap: 4rem;
  }

  .img-left .homepage-content__text::before {
    right: 0;
  }

  .img-left .homepage-content-text {
    text-align: left;
  }

  .homepage-content-text .homepage-content-list {
    margin-top: 2rem;
    flex: 1;
  }

  .homepage-content-text .homepage-content-list + .homepage-content-list {
    margin-top: 2rem;
  }

  /* 
    homepage-content text background colour classes 
  */
  .homepage-content-section.homepage-content-section--text-bg {
    padding: 4rem 0;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .homepage-content-section--text-bg,
.homepage-content-section--text-bg .homepage-content-text,
.homepage-content__image {
    position: relative;
  }

  .homepage-content-section--text-bg .homepage-content__text,
.homepage-content-section--text-bg .homepage-content__text a {
    color: #fff;
  }

  .homepage-content-section--text-bg .homepage-content__text::before {
    content: "";
    width: 80%;
    height: calc(100%);
    background-color: var(--uct-color--primary, --rw-primary-color);
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
  }

  .homepage-content-section--text-bg.text-bg--light-grey .homepage-content__text::before {
    background-color: #EEEEEE;
  }

  .homepage-content-section--text-bg.text-bg--grey .homepage-content__text::before {
    background-color: #626262;
  }

  .homepage-content-section--text-bg.text-bg--light-grey .homepage-content__text {
    color: inherit;
  }

  .homepage-content-section--text-bg.text-bg--light-grey .homepage-content__text a {
    color: var(--uct-color--link, var(--rw-link-color, #0076d1));
  }

  /* Pattern class */
  .homepage-content-layout.pattern::after,
  .homepage-content-section.pattern::before {
    display: block;
    content: "";
    position: absolute;
    left: 2rem;
    background-image: var(--uct-media--bg--slide-detail, url("/themes/custom/blip_uct/images/icons/media_bg__slide_detail__default.svg"));
    top: 0;
    width: 25.25rem;
    height: auto;
    z-index: 1;
    pointer-events: none;
    max-width: calc(40% - 6rem);
    aspect-ratio: 25.25/21.6;
  }

  .homepage-content-layout.pattern.img-left::after,
  .homepage-content-section.pattern.img-left::before {
    right: 2rem;
    left: auto;
  }

  .homepage-content-layout.pattern::after {
    width: auto;
    height: 21.26rem;
    max-height: 60%;
    opacity: .8;
  }
}
@media screen and (min-width: 64em) {
  .homepage-content-text {
    width: 60%;
    margin: 0 2rem 0 auto;
  }

  .img-left .homepage-content-text {
    margin: 0 auto 0 2rem;
  }

  /* Home page layout content clas */
  .homepage-content-layout {
    position: relative;
    align-items: center;
  }

  .homepage-content-layout::before {
    display: block;
    content: "";
    position: absolute;
    width: 20%;
    height: 100%;
    background-color: var(--uct-color--bg, var(--rw-background-color, #fff));
  }

  .homepage-content-layout[class] > .large-6 {
    width: 50%;
    margin-right: 0;
    margin-left: 0;
  }

  .homepage-content-layout:not(.img-left)::before {
    right: 0;
  }

  .homepage-content-layout:not(.img-left) > .cell:nth-child(1),
.homepage-content-layout.img-left > .cell:nth-child(2) {
    padding: 0 2rem;
  }

  .homepage-content-layout.UCT-fullwidth-container:not(.img-left) > .cell:nth-child(1),
.homepage-content-layout.UCT-fullwidth-container.img-left > .cell:nth-child(2) {
    padding: 0 4rem;
  }

  .homepage-content-layout:not(.img-left) > .cell:nth-child(2),
.homepage-content-layout.img-left > .cell:nth-child(1) {
    padding: 2.5rem 0;
  }
}
@media screen and (min-width: 83.5rem) {
  .homepage-content-layout.UCT-fullwidth-container:not(.img-left) > .cell:nth-child(1),
.homepage-content-layout.UCT-fullwidth-container.img-left > .cell:nth-child(2) {
    padding: 0;
  }

  .homepage-content-layout.UCT-fullwidth-container:not(.img-left) > .cell:nth-child(1) > div,
.homepage-content-layout.UCT-fullwidth-container.img-left > .cell:nth-child(2) > div {
    width: 60%;
  }

  .homepage-content-layout.UCT-fullwidth-container:not(.img-left) > .cell:nth-child(1) > div {
    margin-left: auto;
    margin-right: 2rem;
  }

  .homepage-content-layout.UCT-fullwidth-container.img-left > .cell:nth-child(2) > div {
    margin-right: auto;
    margin-left: 2rem;
  }
}
/* image icons */
.page-footer .footer-message .social-media-list-wrapper .social-media-link.googlescholar {
  display: block;
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.googlescholar:after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 3rem;
  display: block;
  background-image: url("/sites/default/files/uct_ac_za/google-scholar-white.svg");
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.researchgate {
  display: block;
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.researchgate:after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 3rem;
  display: block;
  background-image: url("/sites/default/files/uct_ac_za/research_gate.png");
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.vula {
  display: block;
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.vula:after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 3rem;
  display: block;
  background-image: url("/sites/default/files/uct_ac_za/vula.png");
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.libraries {
  display: block;
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.libraries:after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 3rem;
  display: block;
  background-image: url("/sites/default/files/uct_ac_za/libraries-icon-white.png");
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.librariescolour {
  display: block;
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.librariescolour:after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 3rem;
  display: block;
  background-image: url("/sites/default/files/uct_ac_za/libraries-icon.png");
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.icts {
  display: block;
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.icts:after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 3rem;
  display: block;
  background-image: url("/sites/default/files/uct_ac_za/icts-icon.png");
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.pubmed {
  display: block;
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.pubmed:after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 3rem;
  display: block;
  background-image: url("/sites/default/files/uct_ac_za/pubmed-icon.png");
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.orcid {
  display: block;
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.orcid:after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 3rem;
  display: block;
  background-image: url("/sites/default/files/uct_ac_za/orcid-icon.svg");
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.amathuba {
  display: block;
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.amathuba:after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 3rem;
  display: block;
  background-image: url("/sites/default/files/uct_ac_za/amathuba-icon-filled.svg");
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.vula:after {
  width: 1.7rem;
}
.page-footer .footer-message .social-media-list-wrapper .social-media-link.pubmed:after {
  width: 4rem;
}

/* Contacts image icons */
.node--type-contact.full .node__aside .social-media-list--item a.googlescholar {
  border: 0;
}
.node--type-contact.full .node__aside .social-media-list--item a.googlescholar:after {
  background-color: var(--uct-color--bg, var(--rw-background-color, #fff)) !important;
  -webkit-mask-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72% auto;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 50%;
  inset: 0;
  transform: none;
  border: 3px solid #00243a;
  background-image: url("/sites/default/files/uct_ac_za/google-scholar-dark.svg");
}
.node--type-contact.full .node__aside .social-media-list--item a.researchgate {
  border: 0;
}
.node--type-contact.full .node__aside .social-media-list--item a.researchgate:after {
  background-color: var(--uct-color--bg, var(--rw-background-color, #fff)) !important;
  -webkit-mask-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72% auto;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 50%;
  inset: 0;
  transform: none;
  border: 3px solid #00243a;
  background-image: url("/sites/default/files/media/images/uct_ac_za/research_gate-dark.png");
}
.node--type-contact.full .node__aside .social-media-list--item a.vula {
  border: 0;
}
.node--type-contact.full .node__aside .social-media-list--item a.vula:after {
  background-color: var(--uct-color--bg, var(--rw-background-color, #fff)) !important;
  -webkit-mask-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72% auto;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 50%;
  inset: 0;
  transform: none;
  border: 3px solid #00243a;
  background-image: url("/sites/default/files/media/images/uct_ac_za/vula-dark.png");
}
.node--type-contact.full .node__aside .social-media-list--item a.libraries {
  border: 0;
}
.node--type-contact.full .node__aside .social-media-list--item a.libraries:after {
  background-color: var(--uct-color--bg, var(--rw-background-color, #fff)) !important;
  -webkit-mask-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72% auto;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 50%;
  inset: 0;
  transform: none;
  border: 3px solid #00243a;
  background-image: url("/sites/default/files/media/images/uct_ac_za/libraries-icon-dark.png");
}
.node--type-contact.full .node__aside .social-media-list--item a.librariescolour {
  border: 0;
}
.node--type-contact.full .node__aside .social-media-list--item a.librariescolour:after {
  background-color: var(--uct-color--bg, var(--rw-background-color, #fff)) !important;
  -webkit-mask-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72% auto;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 50%;
  inset: 0;
  transform: none;
  border: 3px solid #00243a;
  background-image: url("/sites/default/files/media/images/uct_ac_za/libraries-icon.png");
}
.node--type-contact.full .node__aside .social-media-list--item a.icts {
  border: 0;
}
.node--type-contact.full .node__aside .social-media-list--item a.icts:after {
  background-color: var(--uct-color--bg, var(--rw-background-color, #fff)) !important;
  -webkit-mask-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72% auto;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 50%;
  inset: 0;
  transform: none;
  border: 3px solid #00243a;
  background-image: url("/sites/default/files/media/images/uct_ac_za/icts-icon-dark.png");
}
.node--type-contact.full .node__aside .social-media-list--item a.pubmed {
  border: 0;
}
.node--type-contact.full .node__aside .social-media-list--item a.pubmed:after {
  background-color: var(--uct-color--bg, var(--rw-background-color, #fff)) !important;
  -webkit-mask-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72% auto;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 50%;
  inset: 0;
  transform: none;
  border: 3px solid #00243a;
  background-image: url("/sites/default/files/media/images/uct_ac_za/pubmed-icon-dark.png");
}
.node--type-contact.full .node__aside .social-media-list--item a.orcid {
  border: 0;
}
.node--type-contact.full .node__aside .social-media-list--item a.orcid:after {
  background-color: var(--uct-color--bg, var(--rw-background-color, #fff)) !important;
  -webkit-mask-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72% auto;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 50%;
  inset: 0;
  transform: none;
  border: 3px solid #00243a;
  background-image: url("/sites/default/files/uct_ac_za/orcid-icon-dark.svg");
}
.node--type-contact.full .node__aside .social-media-list--item a.amathuba {
  border: 0;
}
.node--type-contact.full .node__aside .social-media-list--item a.amathuba:after {
  background-color: var(--uct-color--bg, var(--rw-background-color, #fff)) !important;
  -webkit-mask-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72% auto;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 50%;
  inset: 0;
  transform: none;
  border: 3px solid #00243a;
  background-image: url("/sites/default/files/uct_ac_za/amathuba-icon-dark.svg");
}

/* 
-------------------
Fontawesome footer social icons | global 
-------------------
*/
.page-footer .footer-message .social-media-list-wrapper .social-media-link.vimeo:after,
.page-footer .footer-message .social-media-list-wrapper .social-media-link.soundcloud:after {
  font-family: "Font Awesome 5 brands", sans-serif;
  font-weight: 400;
}

.page-footer .footer-message .social-media-list-wrapper .social-media-link.vimeo:after {
  content: "\f27d";
}

.page-footer .footer-message .social-media-list-wrapper .social-media-link.soundcloud:after {
  content: "\f1be";
}

.page-footer .footer-message .social-media-list-wrapper .social-media-link.podcast:after {
  content: "\f2ce";
}

.region-footer-first ul.menu a.is-external[title=mailto-link]:after {
  content: "\f0e0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* 
Contact icons
*/
.node--type-contact.full .node__aside .social-media-list--item a.facebook::after,
.node--type-contact.full .node__aside .social-media-list--item a.linkedin::after,
.node--type-contact.full .node__aside .social-media-list--item a.twitter::after,
.node--type-contact.full .node__aside .social-media-list--item a.youtube::after {
  background-image: none;
  mask-image: unset;
  background-color: transparent !important;
  -webkit-mask-image: none;
  background-repeat: no-repeat;
  background-position: center;
}

.node--type-contact.full .node__aside .social-media-list--item a.instagram::after,
.node--type-contact.full .node__aside .social-media-list--item a.vimeo::after,
.node--type-contact.full .node__aside .social-media-list--item a.soundcloud::after,
.node--type-contact.full .node__aside .social-media-list--item a.flickr::after,
.node--type-contact.full .node__aside .social-media-list--item a.podcast::after,
.node--type-contact.full .node__aside .social-media-list--item a.rss::after,
.node--type-contact.full .node__aside .social-media-list--item a.email::after,
.node--type-contact.full .node__aside .social-media-list--item a.calendar::after,
.node--type-contact.full .node__aside .social-media-list--item a.book::after,
.node--type-contact.full .node__aside .social-media-list--item a.medpages::after {
  background-image: none;
  background-color: transparent !important;
  font-family: "Font Awesome 5 Free", sans-serif;
  color: #000;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  mask-image: none;
  -webkit-mask-image: none;
  height: 2rem;
  width: 2rem;
}
.node--type-contact.full .node__aside .social-media-list--item a.instagram::after,
.node--type-contact.full .node__aside .social-media-list--item a.vimeo::after,
.node--type-contact.full .node__aside .social-media-list--item a.soundcloud::after,
.node--type-contact.full .node__aside .social-media-list--item a.flickr::after {
  font-family: "Font Awesome 5 brands", sans-serif;
}
.node--type-contact.full .node__aside .social-media-list--item a.podcast::after {
  content: "\f2ce";
}
.node--type-contact.full .node__aside .social-media-list--item a.rss::after {
  content: "\f09e";
}
.node--type-contact.full .node__aside .social-media-list--item a.email::after {
  content: "\f0e0";
}
.node--type-contact.full .node__aside .social-media-list--item a.calendar::after {
  content: "\f073";
}
.node--type-contact.full .node__aside .social-media-list--item a.book::after {
  content: "\f02d";
}
.node--type-contact.full .node__aside .social-media-list--item a.medpages::after {
  content: "\f0f0";
}
.node--type-contact.full .node__aside .social-media-list--item a.instagram::after {
  content: "\f16d";
}
.node--type-contact.full .node__aside .social-media-list--item a.vimeo::after {
  content: "\f27d";
}
.node--type-contact.full .node__aside .social-media-list--item a.soundcloud::after {
  content: "\f1be";
}
.node--type-contact.full .node__aside .social-media-list--item a.flickr::after {
  content: "\f16e";
}

a:not([href]),
a:not([href]):hover {
  color: inherit;
  cursor: text;
}

a[disabled] {
  pointer-events: none;
  cursor: default;
}

.node--type-contact.full .node__aside .field a[href],
.node--type-contact.full .node__content section a[href] {
  color: var(--uct-color--link, var(--rw-link-color, #0076d1));
}

h1 .img-responsive, .h1 .img-responsive, h2 .img-responsive, .h2 .img-responsive, h3 .img-responsive, .h3 .img-responsive, h4 .img-responsive, .h4 .img-responsive, h5 .img-responsive, .h5 .img-responsive, h6 .img-responsive, .h6 .img-responsive {
  display: inline-block;
}
.node__aside .text-formatted h1:first-child, .node__aside .text-formatted .h1:first-child, .node__aside .text-formatted h2:first-child, .node__aside .text-formatted .h2:first-child, .node__aside .text-formatted h3:first-child, .node__aside .text-formatted .h3:first-child, .node__aside .text-formatted h4:first-child, .node__aside .text-formatted .h4:first-child, .node__aside .text-formatted h5:first-child, .node__aside .text-formatted .h5:first-child, .node__aside .text-formatted h6:first-child, .node__aside .text-formatted .h6:first-child {
  margin-top: 0;
}

.text-formatted table p {
  margin-bottom: 1rem;
}

@media print, screen and (max-width: 39.9988em) {
  .global-navigation-menu__label[style="--uct-color--copy: #ffffff;"] + button,
.global-navigation-menu__label[style="--uct-color--copy: #ffffff;"] + button + ul {
    --uct-color--copy: #ffffff;
  }
}
@media print, screen and (max-width: 87.5rem) {
  #page--landing-banner:not(.landing-banner--co-brand) {
    position: relative;
    z-index: 2;
  }
  #page--landing-banner:not(.landing-banner--co-brand)::after {
    content: "";
    display: block;
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  #page--landing-banner:not(.landing-banner--co-brand) h1 {
    color: #000;
  }
}
@media print, screen and (max-width: 112.5em) {
  body[class*=alias--professional-communication] #page--landing-banner:not(.landing-banner--co-brand) {
    position: relative;
    z-index: 2;
  }
  body[class*=alias--professional-communication] #page--landing-banner:not(.landing-banner--co-brand)::after {
    content: "";
    display: block;
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  body[class*=alias--professional-communication] #page--landing-banner:not(.landing-banner--co-brand) h1 {
    color: #000;
  }
}

:not(#hero) + .main-content .region-content:first-child .node--view-mode-full.full > .node__content {
  margin-top: 0;
}

div#uct-landing-banner-block {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (max-height: 56.25rem) {
  div.block-uct-domain-menu-active-domain-sidebar-menu-block.block-region--sidebar-first {
    padding: 2rem 0 2rem 1rem;
  }

  div#hero {
    padding: 2.75rem 0;
  }

  #uct-landing-banner-block h1,
#uct-landing-banner-block .h1 {
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  .node--type-article.full > .node__content > .node__meta + .node__main.UCTNews-iframe,
.UCTNews-iframe .tex2jax_process > iframe {
    margin-top: 0;
  }
}
.audiofield-player > label {
  text-align: center;
}

@media print, screen and (min-width: 64em) {
  .view-uct-notices .accordion-item .node__title {
    font-size: 1.1875rem;
  }
}
@media print, screen and (min-width: 40em) {
  .view-uct-notices .accordion-item .node__title::before {
    width: 3rem;
    height: 3rem;
    font-size: 3rem;
  }
}

.paragraph--type--upcoming-events .node--type-event.teaser {
  background: transparent;
}

.album-carousel-wrapper .slick__arrow > .slider-count:nth-child(n+4) {
  display: none;
}

.album-carousel .slick__arrow .slider-count span#divider,
.slick--optionset--carousel .slick__arrow .slider-count span#divider {
  color: #fff;
}

/* Carousel counter: reduce spacing when only one slide */
@media print, screen and (max-width: 64em) {
  .album-carousel .slider-count:only-child {
    margin: 0 -1rem;
  }
}
/* Carousel counter: hide counter when only one slide */
.slider-count {
  display: none;
}

.slick-arrow + .slider-count {
  display: block;
}

/* figure element | remove top margin if first-child*/
.text-formatted figure:first-child,
.text-formatted figure.figure-center:first-child {
  margin-top: 0;
}

/* 
Removing Upcoming event filter on default and subsite home pages | global
*/
.path-frontpage .view-uct-events-upcoming .view-filters,
body[class*=-home] .view-uct-events-upcoming .view-filters {
  display: none;
}

/* 
Aside nav | hide first level menu item and their sub menus if not active
*/
@media print, screen and (min-width: 64em) {
  /* .region-sidebar-first.sidebar--active .block-uct-domain-menu > .menu > .menu-item > a:not(.is-active) {
    display: none;
  } */
  /* .region-sidebar-first.sidebar--active .block-uct-domain-menu > .menu > .menu-item > .menu {
    margin-left: 0;
  } */
}
/* 
Social media embed removing margin left | global
*/
.embedded-social-media-content[class] {
  margin: 0;
}

@media screen and (max-width: 90rem) {
  #uct-landing-banner-block #uct-landing-banner-block--section-template-menu {
    position: relative;
    align-self: end;
  }
}
/* 
-------------------
END Header nav styling 
------------------- 
*/
/*
--------------------
Detail html styled similarly to accordions
--------------------
*/
.text-formatted details {
  margin: 1rem 0;
  overflow: hidden;
  border: 1px solid #052338;
  border-radius: 8px;
}

.text-formatted details[open] {
  padding: 1rem;
}

.text-formatted summary {
  background-color: #052338;
  color: #fff;
  padding: 0.3125rem 1.25rem;
}

.text-formatted [open] summary {
  background: #0a4975;
  margin: -1rem -1rem 1rem;
}

.text-formatted summary:hover {
  background-color: #073454;
}

/* 
--------------------
Utility Classes 
--------------------
*/
.max-width-container {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 40em) {
  .max-width-container {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
/* Compact list style */
.text-formatted ul.compact > li:not(:first-child),
.text-formatted ol.compact > li:not(:first-child) {
  margin-top: 0.25rem;
}

/* single row grid mobile 1 medium 2 large 4 */
.card-grid-row {
  display: grid;
  grid-template-rows: 1fr;
  gap: 1rem;
}

.card-grid-item,
.card-layout-component .cell {
  padding: 1rem;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s ease-in;
  border-radius: 6px;
}

.card-grid-item p:last-child,
.card-layout-component .cell p:last-child {
  margin-top: auto;
}

.align-stretch .card-grid-item p:last-child {
  margin-top: unset;
}

.card-grid-item p:last-child .button,
.card-layout-component .cell p:last-child .button {
  margin: 0;
}

.card-grid-item:hover,
.card-layout-component .cell:hover {
  box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.15);
}

@media print, screen and (min-width: 40em) {
  .card-grid-row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 64em) {
  .card-grid-row {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* Card item as cell for layout component */
.cell.card-grid-item div,
.card-layout-component .cell div {
  height: 100%;
}

.cell.card-grid-item div.rw-paragraph-admin,
.card-layout-component .cell div.rw-paragraph-admin {
  display: none;
}

.cell.card-grid-item .tex2jax_process,
.card-layout-component .cell .tex2jax_process {
  display: flex;
  flex-direction: column;
}

.cell.card-grid-item .tex2jax_process p:not(:first-child):not(:last-child),
.card-layout-component .cell .tex2jax_process p:not(:first-child):not(:last-child) {
  margin-bottom: 1rem;
  margin-top: 0;
}

/* Home page text on image banner */
.homepage-text-image-banner {
  position: relative;
}

.text-formatted .homepage-text-image-banner > h1,
.text-formatted .homepage-text-image-banner > h2,
.text-formatted .homepage-text-image-banner > h3,
.homepage-text-image-banner .above-image {
  text-align: center;
  position: absolute;
  margin: auto;
  inset: 0;
  width: 100%;
  height: fit-content;
}

.homepage-text-image-banner .behind-text {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.homepage-text-image-banner .behind-text > article,
.homepage-text-image-banner .behind-text > article > div {
  display: contents;
}

.homepage-text-image-banner .behind-text > article > div > img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

/* 
--------------------
END Utility Classes 
--------------------
*/
/* 
--------------------
Footer overwrites
--------------------
*/
.page-footer .footer-message a.button {
  padding: 0.85em 1em;
}

/* 
--------------------
Webform pager progress bar | global
--------------------
*/
.node__content .webform-progress-tracker .progress-step {
  position: relative;
}

.node__content .webform-progress-tracker .progress-marker {
  margin: 0 auto;
  position: static;
}

.node__content .webform-progress-tracker .progress-marker::after {
  width: 100%;
}

/* 
--------------------
Layout CSS
--------------------
*/
/* 
Components right aside
--------------------
Contact group | Card and Teaser display 
*/
.paragraphs__aside .view-display-id-bk_contacts_card_by_pid .view-content > .col,
.paragraphs__aside .view-display-id-bk_contacts_teaser_by_pid .view-content > .col {
  width: calc(100% - 1.25rem);
}

/* 
--------------------
Domain | Sites specific stylings
--------------------
 */
/* uct.ac.za | body class domain--1423604 :not([class*="--staff"]):not([class*="--students"])*/
/* Hide Mastheader and navigation aside | Remove when new menu is released */
.domain--1423604 #uct-landing-banner-block > a[href="/"] {
  display: none;
}

/* END uct.ac.za | body class domain--1423604 */
/* Carousel slides */
@media print, screen and (min-width: 64em) {
  .domain--2256158:not([class*=alias--wpe]) .album-carousel .slick__arrow .slider-count {
    color: #000;
  }
}
/* Article node header title */
.domain--2256158:not([class*=alias--wpe]) .node--type-article.full > .node__header > .node__title {
  color: #000;
}

/* stayandconnect.uct.ac.za | body class domain--4054615 */
@media print, screen and (min-width: 40em) {
  .domain--4054615 .menu[region=footer_first] a {
    color: var(--uct-color--link, var(--uct-color--copy, #fff));
  }
}
/* science.uct.ac.za/scientific-computing | body class domain--10799068  */
@media print, screen and (min-width: 40em) {
  .domain--10799068[class*=alias--scientific-computing] .block-uct-domain-menu-active-domain-menu-block.block-region--primary-menu > .menu > .menu-item {
    min-width: 6.5rem;
  }
}
/* Site Title mobile height | remove max height */
@media screen and (max-width: 40rem) {
  #uct-landing-banner-block[id] > a {
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
/* Remove contrast fix on specific subsites */
.domain--10799068[class*=alias--school-information-technology] #page--landing-banner::after,
.domain--1423604[class*=alias--researcher-development-academy] #page--landing-banner::after,
.domain--10799068[class*=alias--department-biological-sciences] #page--landing-banner::after,
.domain--14902372 #page--landing-banner::after,
.domain--7331930 #page--landing-banner::after {
  display: none;
}

/* commerce.uct.ac.za domain | body class domain--2256158 */
.domain--2256158 .uct-accordion__question.h4 {
  font-size: 1rem;
}

/* EBE global nav width change */
@media screen and (min-width: 67.5rem) {
  .subsite--53 > a.global-navigation-menu__label {
    display: flex;
    min-height: 100%;
    line-height: 1.5rem;
    align-items: center;
    max-width: 300px;
  }
}
/* 
Domain specific styling END 
*/
/* 
--------------------
Layout component specific styling
--------------------
*/
/* Layout component setting cell as container */
.paragraph--type--layout-grid > .cell {
  container: layout-cell/inline-size;
}

.paragraph--type--layout-grid .cell .node--type-contact.full .node__content section p {
  word-break: break-word;
}

/* Contact group full display | Layout component specific */
@container layout-cell (min-width:30em) and (max-width: 48.75em) {
  .node--type-contact.full[class] .node__content {
    display: grid;
  }

  .node--type-contact.full[class] .node__aside .field--name-field-image {
    float: left;
    max-width: 30%;
    vertical-align: top;
    margin-right: 1rem;
  }
}
/* Contact group full display | Layout component specific */
.paragraph--type--layout-grid .cell.large-3 .paragraph--type--uct-contact-group,
.paragraph--type--layout-grid .cell.large-4 .paragraph--type--uct-contact-group {
  margin: 0;
}

.paragraph--type--layout-grid .cell.large-3 .view-display-id-bk_contacts_teaser_by_pid .col,
.paragraph--type--layout-grid .cell.large-3 .view-display-id-bk_contacts_card_by_pid .col,
.paragraph--type--layout-grid .cell.large-4 .view-display-id-bk_contacts_teaser_by_pid .col,
.paragraph--type--layout-grid .cell.large-4 .view-display-id-bk_contacts_card_by_pid .col {
  width: calc(100% - 1rem);
  margin: 0 0.5rem 1rem;
}

/* Code block, pre and code-inline */
pre code {
  border: 0;
  background: none;
  font-size: 0.938em;
}

.code-block[class] {
  background-color: #fafafa;
  border-radius: 0.25rem;
  padding-top: 0rem;
}

.code-block[class] > pre,
pre {
  border: 1px solid #DDD;
  border-radius: 0.25rem;
  padding: 0.5rem;
  background-color: #f2f2f2;
}

.code-block[class] > pre:not(:last-child) {
  margin-bottom: 1rem;
}

code.code-inline[class] {
  background-color: #fbfbfb;
  border: 1px solid #aaaaaa;
  border-radius: 0.25rem;
  color: darkred;
}

/* error pages changes */
.page--error #page--landing-banner {
  background-color: var(--uct-color--bg--masthead, var(--rw-background-color, #fff));
}

.page--error.page-wrapper {
  background-color: var(--uct-color--secondary, var(--rw-secondary-color, #72808a));
}

.page--error .error-page-content {
  margin: 4rem 0;
}

.page-wrapper.page--error > footer .grid-container {
  padding-top: 4rem;
}

.page-wrapper.page--error > footer .region-footer {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  padding-bottom: 2rem;
}

@media print, screen and (min-width: 40em) {
  .page-wrapper.page--error > footer {
    display: grid;
    grid-template-columns: min(50%, 21rem) auto;
    padding: 0 calc( (100% - 90rem) / 2);
  }

  .page-wrapper.page--error > footer .grid-container {
    grid-column: 2;
    grid-row: 1;
    padding: 4rem 0 4rem 2rem;
    width: 100%;
  }

  .page-wrapper.page--error > footer .region-footer {
    grid-column: 1;
    padding: 0;
  }
}


/* No JS - Main menu */
@media screen and (min-width: 67.5rem) {
  .block-uct-domain-menu-active-domain-menu-block.block-region--primary-menu > .menu:not(.dropdown) > .menu-item > .menu {
    position: absolute;
  }

  html.no-js .block-uct-domain-menu-active-domain-menu-block.block-region--primary-menu {
    display: block;
  }

  html.no-js .block-uct-domain-menu-active-domain-menu-block.block-region--primary-menu > .menu > .menu-item > .menu {
    position: absolute;
    display: none;
    left: 0;
    width: 100%;
  }

  html.no-js .block-uct-domain-menu-active-domain-menu-block.block-region--primary-menu > .menu > .menu-item:hover > .menu {
    display: block;
  }

  html.no-js .block-uct-domain-menu-active-domain-menu-block.block-region--primary-menu > .menu > .menu-item > .menu > .menu-item > .menu {
    transition: none;
  }

  html.no-js .block-uct-domain-menu-active-domain-menu-block.block-region--primary-menu > .menu > .menu-item > .menu > .menu-item:hover > .menu {
    visibility: visible;
    opacity: 1;
    width: calc(100% - 22.5rem);
    top: -1px;
    left: 22.5rem;
  }

  html.no-js .block-uct-domain-menu-active-domain-menu-block.block-region--primary-menu > .menu > .menu-item > .menu > .menu-item > a::after,
  html.no-js .block-uct-domain-menu-active-domain-menu-block.block-region--primary-menu > .menu > .menu-item > .menu > .menu-item > .menu > .menu-item > a::after {
    margin-left: 1rem;
    position: static;
    display: inline-block;
  }
}

/* h2 with .h3 and .h4 classes */
.node__section h2:first-child,
.node__section h2.h3:first-child, 
.node__section h2.h4:first-child {
  margin-top:0
}