/* sme logo purple as Bootstrap's primary colour & link colour */
:root {
  --bs-primary: #5d00c5;
  --bs-primary-rgb: 93, 0, 197;
  --bs-link-color: #5d00c5;
  --bs-link-color-rgb: 93, 0, 197;
  --bs-link-hover-color: #c126f8;
  --bs-link-hover-color-rgb: 193, 38, 248;
  --bs-focus-ring-color: rgba(93, 0, 197, 0.25);
}
/* (pre-built Bootstrap CSS hard-codes the primary colour for buttons) */
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}
a {
  text-decoration: none;
}

/* inline svg icons from the icon shortcode */
.bi {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

/* Bootstrap's mt-n4 utility (not included in pre-built CSS) */
.mt-n4 {
  margin-top: -1.5rem !important;
}

/* square icon tile at the top of the index page cards */
.feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  width: 4rem;
  font-size: 2rem;
}
.feature a {
  color: inherit;
}
.feature a:hover {
  opacity: 0.75;
}

/* black links that are purple on hover */
.simplelink a {
  color: var(--bs-emphasis-color);
}
.simplelink a:hover {
  color: var(--bs-primary);
}

/* only display carousel controls on mouseover or keyboard focus */
.carousel:not(:hover, :focus-within)
  :is(.carousel-indicators, .carousel-control-prev, .carousel-control-next) {
  opacity: 0;
}

/* add partially opaque background to carousel control buttons */
.carousel :is(.carousel-control-prev, .carousel-control-next) {
  background-color: rgba(0, 0, 0, 0.3);
}

/* changelog section headings in news, e.g. "Added", "Fixed" */
.release-notes h3 {
  font-size: 1rem;
}