@charset "UTF-8";
/*
Filename: alert_styles
ID: 34679
*/

.header_alert a {
  text-decoration:none; 
}
.header_alert .um_alert {
  color: rgb(255, 255, 255);
  /*padding: 1.5em 0px;*/padding: 1em 0px;
  font-family: 'Gotham SSm A','Gotham SSm B','proxima-nova',sans-serif;
  /*border-bottom: 2px solid #0290B3;*/
  -webkit-transition: background-color .5s; /* For Safari 3.1 to 6.0 */
  transition: background-color .5s;
  font-size: 15px;
  line-height: 1.5;
}
.header_alert .um_alert .container {
  width:90%;
  margin: 0px auto;
  max-width: 1102px;
}

.header_alert .alert_text {
  /*margin-left: 5em;*/margin-left: 3.5em;
}

.header_alert .alert_title {
  /*font-weight:bold;*/ font-weight:500;
  padding-right:.5em;
  display:block;
}
.header_alert .alert_summary {
  color:#F8F8F8;
  display: block;
  line-height: 1.5em;
  max-height: 9em; /*The text will never be cut off mid-line, so long as the max height is evenly divisible by the line height.*/
  overflow: hidden;
}

/*.header_alert  .alert_read_more {
   font-weight: 700;
   letter-spacing: 1px;
   background-color: rgba(255,255,255, 0.2);
   padding: 5px 10px;
   display: inline-block;
   font-size: 0.7em;
   text-transform: uppercase;
   border-radius: 8px;
   margin-top: 20px;
}*/

.header_alert  .alerts_read_more {
  color: rgba(255, 255, 255, 0.75);
  font-weight: 300;
}

.header_alert .um_alert img {
  float: left;
  /*height: 3em;*/ height: 1.75em;
  margin: 0 1.5em 0 0; 
}


/*Alert level styles*/
.header_alert .um_alert.moderate {
    background-color: #007698;
} 

.header_alert a:hover .um_alert.moderate {
  	background-color:#0290B3;
}

.header_alert .um_alert.emergency {
    background-color: #c8102e;
} 

.header_alert a:hover .um_alert.emergency {
  	background-color:#E51937;
}

.header_alert .um_alert.mild {
    background-color: #ffcd00;
    color: #000;
} 
.header_alert .um_alert.mild .alerts_read_more {
    color: rgba(0, 0, 0, 0.75);
}

.header_alert a:hover .um_alert.mild {
  	background-color: #FFE36E;
}

.alert_title {
  margin-top: 0;
}




.alertbox {
  background-color: #007698;
  padding: 1em; 
  border-left: 10px solid #0290B3;

}

.alertbox.emergency {
  background-color: #C8102E;
  border-left: 10px solid #E51937;
}

.alertbox.mild {
  background-color: #ffcd00;
  border-left: 10px solid #FFE36E;
}
.alertbox.mild h4,
.alertbox.mild p {
  color: #000;
}

.alertbox.campus-alert {
   margin-bottom: 20px;
}

.alertbox h5 {
margin: 10px 0px -4px 0px;
font-size: .8em;
  text-shadow: none;
}

.alertbox h4 {
  color:#fff;
    text-shadow: none;

}

.alertbox p,
.alertbox li,
.alertbox ul,
.alertbox ol,
.alertbox span {
  color: #fff !important;
    text-shadow: none;

}

.branch-alert.alertbox p {
  margin-bottom: 0px;
  font-size: .7em;
  font-weight: 400;
  text-shadow: none;
}


.alertbox a, .alertbox a:hover, .alertbox a:visited {
 text-decoration: underline;
 font-weight: 600;
}

.alertbox a,
.alertbox a span{
 color: #DDD !important;
}

.alertbox a:hover, .alertbox a:visited,
.alertbox a:hover span, .alertbox a:visited span {
 color: #fff !important;
}

.no-alerts {
    background-color: #DDD;
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    border-left: 10px solid #A6A8AB;
}


/*Branch Level Alert styles*/


.branch-alert {
  background-color: #DDD;
  padding: 10px;
  border-left: 10px solid #A6ABAB;
  margin-bottom: 10px;

}


.branch-alert h5 {
	/*font-size: .8em;*/
      font-size: 1.45rem;
  margin-top: 7px; 
  margin-bottom: 2px;
    text-shadow: none;

}


.branch-alert p {
	/*font-size: .7em;*/
  font-size: 1.25rem;
  margin-bottom: 7px;
    text-shadow: none;
    font-weight: 400;
	line-height: 1.2em;


}

/*Link colors adjusted for accessible contrast on the gray background*/
.branch-alert a {
  color: #004c61;
}
.branch-alert a:hover,
.branch-alert a:focus {
  color: #007698;
}

div.alert-log {
   margin: 1em 0;
}














