:root {
  --primary: #fff;
  --muted: #c0c0c0;
  --hover: #ffb83a;
}

body {
  font-family: 'Quicksand', sans-serif !important;
  font-size: 17px;
  line-height: 23px;
  font-weight: 100;
  color: var(--primary);
  background-color: transparent;
  background-image: url(/assets/img/bg.jpg);
  background-position: top center;
  padding: 20px;
}

a {
  color: var(--primary);
  text-decoration: none;
}

a:hover {
  color: var(--hover);
}

.nav-link {
  color: var(--primary);
}

.nav-link:hover {
  color: var(--hover);
}

.img-index {
  max-width: 560px;
}

.sigbro-copyright {
  text-align: center;
  font-size: 14px;
  color: var(--muted);
  display: block;
}

.footer {
  backdrop-filter: blur(5px);
  border-top: 1px solid var(--muted);
}

.sigbro-list {
  font-weight: 100;
  margin-top: 2rem;
}

.form-check-input:checked {
  background-color: var(--hover);
  border-color: var(--hover);
}

strong {
  font-weight: 900;
}

.sigbro-accordion {
  background-color: transparent;
}

.accordion-body {
  line-height: 30px;
}

.sigbro-accordion-button {
  background-color: gray !important;
  border-color: black !important;
  color: black !important;
  box-shadow: none !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

/* foundation-icons */
.step {
  display: inline-block;
  margin-right: 0.25rem;
}

.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }
/* end foundation-icons */
