.gw-alert {
  font-family: "AvenirNext-Regular", Helvetica, Arial, sans-serif;
  color: #444;
  background-color: #fff;
  box-shadow: 0 2px 6px 1px rgba(111, 110, 110, 0.5);
}

.gw-alert hr {
  border-top-color: #444;
}

.alert-date {
  font-family: "AvenirNext-DemiItalic", Helvetica, Arial, sans-serif;
}

.alert-message {
  max-width: 90%;
}

.alert-heading {
  font-weight: 700;
  font-size: 1.5em;
}

.alert-color {
  width: 4rem;
  box-shadow: 0 2px 6px 1px rgba(111, 110, 110, 0.5);
}

.alert-gw-campus-alert .alert-color {
  background: repeating-linear-gradient(45deg, #c9102f, #c9102f 10px, #610a18 10px, #610a18 20px);
}

.alert-gw-campus-advisory .alert-color {
  background: linear-gradient(115deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0, linear-gradient(245deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0, linear-gradient(115deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px, linear-gradient(245deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px;
  background-size: 15px 30px;
  background-color: #ffd400;
}

.alert-gw-campus-awareness .alert-color{
  background-image: radial-gradient(circle at 100% 150%, #78be20 24%, #008364 24%, #008364 28%, #78be20 28%, #78be20 36%, #008364 36%, #008364 40%, transparent 40%, transparent),
    radial-gradient(circle at 0    150%, #78be20 24%, #008364 24%, #008364 28%, #78be20 28%, #78be20 36%, #008364 36%, #008364 40%, transparent 40%, transparent),
    radial-gradient(circle at 50%  100%, #008364 10%, #78be20 10%, #78be20 23%, #008364 23%, #008364 30%, #78be20 30%, #78be20 43%, #008364 43%, #008364 50%, #78be20 50%, #78be20 63%, #008364 63%, #008364 71%, transparent 71%, transparent),
    radial-gradient(circle at 100% 50%, #008364 5%, #78be20 5%, #78be20 15%, #008364 15%, #008364 20%, #78be20 20%, #78be20 29%, #008364 29%, #008364 34%, #78be20 34%, #78be20 44%, #008364 44%, #008364 49%, transparent 49%, transparent),
    radial-gradient(circle at 0    50%, #008364 5%, #78be20 5%, #78be20 15%, #008364 15%, #008364 20%, #78be20 20%, #78be20 29%, #008364 29%, #008364 34%, #78be20 34%, #78be20 44%, #008364 44%, #008364 49%, transparent 49%, transparent);
  background-size: 100px 50px;
}

.alert-dismissible .close {
  z-index: 0;
}