/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/*
FORM ERRORS
Rendered by Django next to the registration fields; main.css has no rule for them.
-------------------------------------------- */
.errorlist {
  margin-top: 8px;
  padding-left: 20px;
  font-size: 13px;
  line-height: 140%;
  color: #ffd2cf;
}

.logout {
  margin: 0 0 10px;
  text-align: right;
  padding-right: 5px;
}

.logout a {
  color: #226791;
}

/*
HERO COUNTDOWN
The counter is display:flex, which outranks the browser's [hidden] rule, so the swap to
the "in progress" notice needs an explicit override.
-------------------------------------------- */
[hidden] {
  display: none !important;
}

.hero .hero-content .counter-message {
  padding: 22px 34px;
  font-size: 24px;
  line-height: 130%;
  font-weight: 700;
  text-align: center;
  color: white;
  background: linear-gradient(90deg, rgba(28, 205, 210, 0.85) 0%, rgba(101, 155, 255, 0.9) 100%);
  border-radius: 100px;
}

@media (max-width: 1200px) {
  .hero .hero-content .counter-message {
    padding: 18px 26px;
    font-size: 19px;
  }
}

@media (max-width: 640px) {
  .hero .hero-content .counter-message {
    padding: 14px 20px;
    font-size: 16px;
  }
}

/*
AGENDA DOWNLOAD
The delivered design has no control under the agenda table, and main.css's .button is a light
pill meant for the dark hero, so it needs an inverted variant to read on the white section.
-------------------------------------------- */
.agenda-download {
  margin-top: 40px;
  text-align: center;
}

@media (max-width: 640px) {
  .agenda-download {
    margin-top: 28px;
  }
}

.button-dark {
  color: white;
  background: #123D73;
}

.button-dark:hover {
  color: white;
  background: #00AAB4;
}