body
{
  background-color: #fefefe;
}
.top-bar, .top-bar ul {
    background-color: white;
}
/* Red theme for buttons and links */
a {
    color: #b71c1c;
}
a:hover {
    color: #d32f2f;
}
.button, button.button, .btn.button {
    background-color: #b71c1c !important;
    border-color: #b71c1c !important;
    color: white !important;
}
.button:hover, button.button:hover, .btn.button:hover {
    background-color: #d32f2f !important;
    border-color: #d32f2f !important;
}
.button.hollow {
    background-color: transparent !important;
    border-color: #b71c1c !important;
    color: #b71c1c !important;
}
.button.hollow:hover {
    background-color: #b71c1c !important;
    color: white !important;
}
/* Navigation active state */
.top-bar .menu a {
    color: #333;
    font-weight: bold;
}
.top-bar .menu a:hover {
    color: #b71c1c;
}
.top-bar .menu .active > a,
.top-bar .menu a.active {
    background-color: #b71c1c;
    color: white;
}
/* Alert boxes */
.alert-success {
    background-color: #e8f5e9;
    border: 1px solid #4caf50;
    color: #2e7d32;
    padding: 15px;
    margin: 10px 0;
    border-radius: 4px;
}
.alert-danger {
    background-color: #ffebee;
    border: 1px solid #ef5350;
    color: #c62828;
    padding: 15px;
    margin: 10px 0;
    border-radius: 4px;
}
.alert-warning {
    background-color: #fff8e1;
    border: 1px solid #ffc107;
    color: #f57f17;
    padding: 15px;
    margin: 10px 0;
    border-radius: 4px;
}
/* Required field indicator */
.required-field::after {
    content: " *";
    color: #b71c1c;
    font-weight: bold;
}
.hero-full-screen {
  height: 100vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-size: cover;
}
.hero-full-screen .middle-content-section
{
  text-align: center;
  padding: 1rem;
  background-color: white;
}
.hero-full-screen .top-content-section {
  width: 100%;
}
.hero-full-screen .bottom-content-section {
  padding: 1rem;
}
.hero-full-screen .bottom-content-section svg {
  height: 3.75rem;
  width: 3.75rem;
  fill: #fefefe;
}
.hero-full-screen .top-bar {
  background: transparent;
}
.hero-full-screen .top-bar .menu {
  background: transparent;
}
.hero-full-screen .top-bar .menu li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero-full-screen .top-bar .menu a {
  font-weight: bold;
}
.credentials-wrapper
{
  margin-top: 2rem;
  text-align: center;
  border: 1px solid #CCCC;
}
.credentials
{
  padding: 2rem;
  border: 1px solid #232323;
  text-align:center;
}
.footer
{
  padding: 2rem 0 0;
}
.footer ul
{
    list-style-type: none;
    margin-left: 0;
}