/*
  Egen theme ovanpå Bootstrap.
  Färger och typsnitt nedan är placeholder-värden tills kunden
  har valt slutgiltig profil (nuvarande färger/typsnitt ska bytas ut).
*/

:root {
  --bs-primary: #2f4538;
  --bs-primary-rgb: 47, 69, 56;
  --bs-body-font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  --bs-heading-font-family: Georgia, "Times New Roman", serif;
}

/* Sidfot alltid längst ner, även vid lite innehåll */
html {
  height: 100%;
}

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  font-family: var(--bs-body-font-family);
}

main {
  flex: 1 0 auto;
}

footer {
  flex-shrink: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--bs-heading-font-family);
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #24362b;
  --bs-btn-hover-border-color: #24362b;
}

/* Navbar: logga får aldrig sträcka ut sig eller trycka undan menyn på mobil */
.navbar-brand img {
  height: 48px;
  width: auto;
  max-width: 100%;
}

@media (max-width: 575.98px) {
  .navbar-brand img {
    height: 38px;
  }
}

/* Laddningsindikator för minnesrum-widgeten */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.memoriz-loading-icon {
  animation: spin 2.5s linear infinite;
}