@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|PT+Sans); .announcements-container{width:95%;margin:0 auto;overflow:hidden;background:#f5f5f5;overflow:hidden;position:absolute;margin:.5%;left:2%;right:2%;display:inline-block;justify-content:center;align-items:center;font-family:"PT Sans",sans-serif;overflow:hidden;height:40px;line-height:40px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px;box-shadow:0 4px 8px 0 rgb(0 0 0 / .2)}.announcements-container:hover{box-shadow:0 4px 16px 0 rgb(0 0 0 / .2)}.announcements-container .container-title{width:17%;height:100%;overflow:hidden;padding:0 15px 0 15px;float:left;background:#9400FF;text-align:center;font-size:13px;text-transform:uppercase;color:#fff;letter-spacing:1px;-webkit-border-top-left-radius:2px;-webkit-border-bottom-left-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-bottomleft:2px;border-top-left-radius:2px;border-bottom-left-radius:2px}.announcements-container .container-title img{width:16px;height:16px;vertical-align:middle;margin:-5px 3px 0 0}.announcements-container ul.announcements{width:67%;float:left;height:40px;overflow:hidden;list-style-type:none;vertical-align:middle}.announcements-container ul.announcements li{width:100%;overflow:hidden;font-size:14px;margin:-15px 0 0 0;vertical-align:middle;padding:0;line-height:40px;text-align:left;white-space:nowrap;text-overflow:ellipsis}.announcements-container ul.announcements li a{width:100%;text-decoration:none;color:#212121;-webkit-transition:color 0.5s ease-out;-moz-transition:color 0.5s ease-out;-o-transition:color 0.5s ease-out;transition:color 0.5s ease-out}.announcements-container ul.announcements li a:hover{color:#7F56D9}.announcements-container ul.announcements li a:visited{color:#616161}


/** Fonts **/

/** Variables **/
/** Mixins **/
/*
 .announcements-container {
  width: 95%;
  margin: 0 auto;
  overflow: hidden;

  background: #f5f5f5;
  overflow: hidden;
  position: absolute;
 margin: 0.5%;
 left: 2%;
 right: 2%;
  display: inline-block;
  justify-content: center;
  align-items: center;
  font-family: "PT Sans", sans-serif;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.announcements-container:hover {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}
 .announcements-container .container-title {
  width: 17%;
  height: 100%;
  overflow: hidden;
  padding: 0 15px 0 15px;
  float: left;
/*  background: #03a9f4;*/
/*background: #9400FF;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: white;
  letter-spacing: 1px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.announcements-container .container-title img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: -5px 3px 0 0;
}
 .announcements-container ul.announcements {
  width: 67%;
  float: left;
  height: 40px;
  overflow: hidden;
  list-style-type: none;
  vertical-align: middle;
}
.announcements-container ul.announcements li {
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  margin: -15px 0 0 0;
  vertical-align: middle;
  padding: 0;
  line-height: 40px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.announcements-container ul.announcements li a {
  width: 100%;
  text-decoration: none;
  color: #212121;
  -webkit-transition: color 0.5s ease-out;
  -moz-transition: color 0.5s ease-out;
  -o-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}
 .announcements-container ul.announcements li a:hover {

  color: #7F56D9;
}
.announcements-container ul.announcements li a:visited {
  color: #616161;

}