/* Global layout */
body, h1, h2, h3, div, p { font-family: Roboto, Arial, sans-serif; }
h1 { margin-bottom: 1rem; }

.container-header { background: #111; }
/* .container-header .grid-child { padding: 0; } */
.container-header nav { margin-top: 0; }
/* .header { padding: 0.1rem 1rem 0.3rem 1rem; }*/

.container-component { padding-left: 1rem; }

/* Change system colours */
:root {
  --body-bg: #333;
  --body-color: #bbb;
  
  --cassiopeia-color-primary: #004d99;
  --cassiopeia-color-link: #224faa;
  --link-color: #224faa;
  --link-color-rgb: 34, 79, 170;
  --cassiopeia-color-hover: #666;
  --link-hover-color: #666;
  --link-hover-color-rgb: 66, 64, 119;
}

/* Login modifications */
.form-check-input { --form-check-bg: #fff; }
.mod-login__options { display: none; }

/* Dropdown */
.dropdown-menu {
  background-color: #555;
  border-color: #555;
  color: #ccc;
}
.dropdown-menu li {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.dropdown-menu a:link, a:visited {
  color: #ccc;
  text-decoration: none;
}
.dropdown-menu a:hover, a:active {
  color: #fff;
  text-decoration: none;
}