:root {
  /* palette */
  --ogilvie-blue: #00367c;
  --ogilvie-orange: #f37022;
  --ogivlie-red: #e32120;
  --ogilvie-grey: #eee;

  /* overrides */
  --border-radius: 0px; /* 0 renders incorrectly in Edge */
  --primary: var(--ogilvie-blue);
  --secondary: var(--primary);
  --content-background-color: transparent;
  --ambient-background-color: white;
}

header {
  text-align: center;
}

footer {
  max-width: 600px;
  margin: auto;
}

footer p:first-child {
  text-align: center;
}

.logo {
  height: auto;
  width: 100%;
}

.login-header {
  border: none;
}

.button,
.button.half {
  height: auto;
  width: fit-content;
  flex-basis: auto;
  margin: auto;
  padding: 8px 10px;
  text-transform: uppercase;
}

.actions {
  flex-direction: column;
  margin-bottom: 30px;
}

.align-right {
  text-align: center; /* literally nothing is aligned right on Ogilvie... */
}

.or {
  display: none;
}

.login-content {
  background-color: var(--ogilvie-grey);
  padding: 10px 30px;
  text-align: center;
}

.password-criteria {
  text-align: left;
}