body {
  color: #333333;
  font-family: 'Roboto', 'Open Sans', sans-serif;
  background-color: #F3F5FA;
  padding-top: 5rem;
}

h1,
.link-heading {
  color: #00274C;
}

h2 {
  color: #00274C;
}

h3 {
  color: #3F648E;
}

.card {
  background-color: rgb(255, 254, 254);
}

.dropdown-item:hover {
  background-color: #CC6600;
}

.navbar-brand img {
  max-width: 100%;
  max-height: 42px;
}

.btn-primary {
  background-color: rgb(11, 36, 73);
}

.btn-primary:hover {
  background-color: rgba(11, 36, 73, 0.768);
}

a:not(.btn, .auth-link) {
  font-weight: bold;
  color: #0D57AA;
}

a.btn {
  color: #ffffff;
}

a:hover:not(.btn),
button.auth-link:hover {
  color: #A62C07;
}

.accordion .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.accordion-item:focus {
  background-color: #264B75;
}

.auth-link {
  color: #00274C
}

.auth-link:hover {
  text-decoration: underline;
}

.auth-link:focus,
.nav-link:focus {
  background-color: #C6DCFD;
  box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
  outline: 0;
  border-radius: 0.25rem
}

.accordion-body {
  padding-top: 0;
}

h2 small.text-muted {
  font-size: 1.3rem;
}

[v-cloak] {
  display: none !important;
}

@media (max-width: 767px) {
  body {
    padding-top: 8rem;
  }
}