:root {
  --gc-logo-height: 30px; /* can't be a percentage */
}

.container {
  max-width: 800px;
  padding-left: 3.236em;
  padding-right: 3.236em;
}

/* logo */
.gc-menu {
  float: right;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
.gc-menu li {
  list-style: none !important;
  margin-left: 0 !important;
}
.gc-menu .gc-logo {
  height: var(--gc-logo-height);
  width: calc(var(--gc-logo-height) * (25 / 6));
}
.gc-logo-base64 {
  background-image: var(--gc-logo-base64-full);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (prefers-color-scheme: dark) {
  .gc-logo-base64 {
    background-image: var(--gc-logo-base64-full-bw);
  }
}
@media (max-width: 425px) {
  .gc-menu .gc-logo {
    height: var(--gc-logo-height);
    width: var(--gc-logo-height);
    background-size: cover;
  }
  .gc-logo-base64 {
    background-image: var(--gc-logo-base64-notext);
  }
  @media screen and (prefers-color-scheme: dark) {
    .gc-logo-base64 {
      background-image: var(--gc-logo-base64-notext-bg);
    }
  }
}

footer {
  color: var(--gc-gray-600);
}
.gc-warning {
  fill: var(--gc-yellow);
}

/* override Bootstrap */
.btn:hover {
  filter: brightness(1);
}
[class^="border-"], [class*=" border-"] {
  border-color: var(--gc-border-color) !important;
}