/* Style for nyu_alert. */
:root {
  --nyu-alert-font-color: white;
  --nyu-alert-all-clear: #28811e;
  --nyu-alert-warning: #bf5909;
  --nyu-alert-active: #bc0604;
}

.nyu-alert-message-container,
.nyu-alert-message-container .nyu-alert-more,
.nyu-alert-message-container .nyu-alert-headline a {
  color: var(--nyu-alert-font-color);
}

.nyu-alert-message-container {
  padding: 10px 15px;
}

.nyu-alert-message-container.allClear {
  background-color: var(--nyu-alert-all-clear);
}

.nyu-alert-message-container.warning {
  background-color: var(--nyu-alert-warning);
}

.nyu-alert-message-container.active {
  background-color: var(--nyu-alert-active);
}

.nyu-alert-message-container h3 {
  display: inline-flex;
  margin: 0;
}

.nyu-alert-message,
.nyu-alert-location,
.nyu-alert-more {
  align-items: center;
  display: flex;
}

.nyu-alert-more,
.nyu-alert-location {
  gap: 7px;
}

.nyu-alert-message {
  justify-content: space-between;
}

.nyu-alert-more {
  border: 1px solid var(--nyu-alert-font-color);
  font-weight: bold;
  padding: 7px 17px;
  position: relative;
}

.nyu-alert-list.unprocessed {
  display: none;
}

@media screen and (max-width: 430px) {
  .nyu-alert-more {
    display: none;
  }
}

.nyu-alert-location {
  line-height: 20px;
}

.nyu-alert-location svg,
.nyu-alert-more svg {
  height: 12px;
  fill: var(--nyu-alert-font-color);
  width: 12px;
}

/*
 * Make sure that the icon doesn't get resized too small when
 * the location listing is extremely long on small screens.
 */
.nyu-alert-location svg {
  min-width: 12px;
}