:root {
  --theme-color: #004381;
  /* Primary brand color */
  --secondary-color: #ffe54a;
  /* Secondary brand color */
  --tertiary-color: #526773;
  /* Tertiary brand color */
  --font-family: "Manrope", sans-serif;
}

img {
  /* border: #ffe54a 4px solid; */
  border: 0.3px solid grey;
  width: fit-content;
  border-radius: 6px;
  box-shadow:
    0 4px 6px 0 rgba(0, 0, 0, 0.14),
    0 6px 6px 0 rgba(0, 0, 0, 0.16);
}

.sidebar .app-name img {
  box-shadow: none;
  border: none;
}

body {
  font-family: var(--font-family);
}

.sidebar .app-name {
  padding: 15px 15px 0 15px;
  width: 75%;
  display: block;
  margin: 0;
}

.sidebar .search {
  margin-bottom: 0px;
}

.search .clear-button.show {
  padding-top: 5px;
}

.sidebar {
  background-color: #fafbfc;
}

.sidebar-nav li a {
  color: var(--tertiary-color);
}

.sidebar-nav li.active > a {
  border-right: 2px solid var(--theme-color);
}

.markdown-section a {
  color: var(--theme-color);
}

/* Cover page gradient */
.cover.show {
  background: linear-gradient(
    to top right,
    var(--theme-color) 0%,
    var(--secondary-color) 100%
  ) !important;
}