.lu-emergency .lu-emergency-alert,
.lu-emergency .page-header {
  background: #a94442;
  color: #ffffff;
}

.lu-emergency .lu-emergency-alert a,
.lu-emergency .page-header a {
  color: #fcc;
}

.lu-emergency .lu-emergency-alert {
  padding: 2rem;
}

/* LU Alert pop-up styles. */
.lu-emergency-alert-banner {
  background: rgba(247, 213, 46, 1);
  background: -moz-linear-gradient(top, rgba(247, 213, 46, 1) 0%, rgba(224, 176, 3, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247, 213, 46, 1)), color-stop(100%, rgba(224, 176, 3, 1)));
  background: -webkit-linear-gradient(top, rgba(247, 213, 46, 1) 0%, rgba(224, 176, 3, 1) 100%);
  background: -o-linear-gradient(top, rgba(247, 213, 46, 1) 0%, rgba(224, 176, 3, 1) 100%);
  background: -ms-linear-gradient(top, rgba(247, 213, 46, 1) 0%, rgba(224, 176, 3, 1) 100%);
  background: linear-gradient(to bottom, rgba(247, 213, 46, 1) 0%, rgba(224, 176, 3, 1) 100%);
  color: #000;
}

.lu-emergency-alert-banner.primary {
  background: rgba(74, 129, 184, 1);
  color: #FFF;
}

.lu-emergency-alert-banner.info {
  background: rgba(47, 213, 246, 1);
  background: -moz-linear-gradient(top, rgba(47, 213, 246, 1) 0%, rgba(4, 176, 223, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(47, 213, 246, 1)), color-stop(100%, rgba(24, 176, 223, 1)));
  background: -webkit-linear-gradient(top, rgba(47, 213, 246, 1) 0%, rgba(24, 176, 223, 1) 100%);
  background: -o-linear-gradient(top, rgba(47, 213, 246, 1) 0%, rgba(24, 176, 223, 1) 100%);
  background: -ms-linear-gradient(top, rgba(47, 213, 246, 1) 0%, rgba(24, 176, 223, 1) 100%);
  background: linear-gradient(to bottom, rgba(47, 213, 246, 1) 0%, rgba(24, 176, 223, 1) 100%);
  color: #008;
}

.lu-emergency-alert-banner.warning {
  background: rgba(247, 213, 46, 1);
  background: -moz-linear-gradient(top, rgba(247, 213, 46, 1) 0%, rgba(224, 176, 3, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247, 213, 46, 1)), color-stop(100%, rgba(224, 176, 3, 1)));
  background: -webkit-linear-gradient(top, rgba(247, 213, 46, 1) 0%, rgba(224, 176, 3, 1) 100%);
  background: -o-linear-gradient(top, rgba(247, 213, 46, 1) 0%, rgba(224, 176, 3, 1) 100%);
  background: -ms-linear-gradient(top, rgba(247, 213, 46, 1) 0%, rgba(224, 176, 3, 1) 100%);
  background: linear-gradient(to bottom, rgba(247, 213, 46, 1) 0%, rgba(224, 176, 3, 1) 100%);
  color: #000;
}

.lu-emergency-alert-banner.success {
  background: rgba(167, 243, 106, 1);
  background: -moz-linear-gradient(top, rgba(167, 243, 106, 1) 0%, rgba(144, 216, 43, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(167, 243, 43, 1)), color-stop(100%, rgba(144, 216, 43, 1)));
  background: -webkit-linear-gradient(top, rgba(167, 243, 106, 1) 0%, rgba(144, 216, 43, 1) 100%);
  background: -o-linear-gradient(top, rgba(167, 243, 106, 1) 0%, rgba(144, 216, 43, 1) 100%);
  background: -ms-linear-gradient(top, rgba(167, 243, 106, 1) 0%, rgba(144, 216, 43, 1) 100%);
  background: linear-gradient(to bottom, rgba(167, 243, 106, 1) 0%, rgba(144, 216, 43, 1) 100%);
  color: #040;
}

.lu-emergency-alert-banner.danger {
  background: rgba(247, 143, 143, 1);
  background: -moz-linear-gradient(top, rgba(247, 143, 143, 1) 0%, rgba(224, 123, 123, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247, 143, 146, 1)), color-stop(100%, rgba(224, 123, 123, 1)));
  background: -webkit-linear-gradient(top, rgba(247, 143, 143, 1) 0%, rgba(224, 123, 123, 1) 100%);
  background: -o-linear-gradient(top, rgba(247, 143, 143, 1) 0%, rgba(224, 123, 123, 1) 100%);
  background: -ms-linear-gradient(top, rgba(247, 143, 143, 1) 0%, rgba(224, 123, 123, 1) 100%);
  background: linear-gradient(to bottom, rgba(247, 143, 143, 1) 0%, rgba(224, 123, 123, 1) 100%);
  color: #600;
}

.lu-emergency-alert-banner .inner-wrapper {
  padding: 1em 2em;
  max-width: 1200px;
  margin: 0 auto;
  /* Flex! */
  text-align: right;
  justify-content: space-between;
}

.lu-emergency-alert-banner .content {
  text-align: center;
}

.lu-emergency-alert-banner .content a {
	color: inherit;
	text-decoration: underline;
}

.lu-emergency-alert-banner-close {
  background: transparent;
  border: none;
  font-weight: bold;
  color: #000;
  padding: 0 1em;
  text-transform: uppercase;
  /* Flex! */
  flex-basis: content;
  order: 2;
}

.lu-emergency-alert-banner-close .glyphicon {
  font-size: 150%;
  vertical-align: text-bottom;
}

@media screen and (min-width: 60em) {
  .lu-emergency-alert-banner .inner-wrapper {
    display: flex;
  }
}