/* --------------------------------------------------
   Aident Corporate Identity Colours & Fonts
   -------------------------------------------------- */
:root {
  /* Colours */
  --ci-orange:         #EE7402;
  --ci-brown:          #504A45;
  --ci-brown-light:    rgba(80, 74, 69, 0.65);
  --ci-brown-hover:    rgba(80, 74, 69, 0.8);
  --ci-white:          #FFFFFF;
  --ci-text-light:     rgba(80, 74, 69, 0.37);

  /* Fonts */
  --font-base:         'Montserrat', sans-serif;
  --font-weight-base:  400;
  --font-weight-bold:  700;
}

/* --------------------------------------------------
   Font Faces
   -------------------------------------------------- */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Montserrat-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/Montserrat-Bold.woff2') format('woff2');
}

/* #region Classes */

.affix ul > li.active > a:hover {
  color: var(--ci-orange);
}

/* Temporary fix */
.expand-stub + a {
  text-decoration: none !important;
}

/* #endregion Classes */

/* #region IDs */

/* Resize the logo image */
#logo {
  max-width: 100%;
  height: auto;
  width: 100px;
}

[data-bs-theme=dark] #logo {
    content:url("logo_dark.svg");
}

[data-bs-theme=light] #logo {
    content:url("logo.svg");
}

/* #endregion IDs */

/* #region Elements */

/* Base typography */
body {
  font-family: var(--font-base);
  font-weight: var(--font-weight-base);
}

[data-bs-theme=light] body {
  color: var(--ci-brown);
}

article > h1 {
  margin-bottom: 2rem;
}

article > h2 {
  margin-bottom: 1.5rem;
}

article > h3 {
  margin-bottom: 1rem;
}

article img {
  margin-bottom: 1rem;
}

/* Headings in Bold */
h1, h2, h3, h4, h5, h6,
b, strong {
  font-family: var(--font-base);
  font-weight: var(--font-weight-bold);
  margin: 0;
  line-height: 1.2;
}

/* Links */
a {
  color: var(--ci-orange);
}

.breadcrumb a:hover,
.nav-link:hover,
.affix ul li a:hover,
.toc li > a:hover {
  color: var(--ci-orange) !important;
  text-decoration: none;
}

/* Footer text */
[data-bs-theme=light] .footer {
  color: var(--ci-brown-light);
}

/* Breadcrumbs */
[data-bs-theme=light] ul.level1.breadcrumb > li {
  color: var(--ci-orange);
}
[data-bs-theme=light] ul.level1.breadcrumb > li > a:hover {
  color: var(--ci-white);
}

/* #endregion Elements */