/* Custom CSS styles for the announcement banner container */
.sr-banner {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #000;
  font-family: nbAkademie-bold, Helvetica, Arial, sans-serif;
  font-weight: 500;
  padding: 10px; /* Use padding to control the height and spacing */
  position: relative;
  display: flex;
  align-items: center;  
}
/* Center the text vertically within the banner */
.sr-banner p {
  margin: 0; /* Remove any default margin to center the text */
  line-height: 1; /* Set line-height to 1 to center the text */
}
/* Styles for the banner icons using Font Awesome */
.sr-banner::before {
  font-family: "Font Awesome 5 Free";
  margin-right: 10px; /* Add some spacing between the icon and the text */
}
/* Styles for the warning banner */
.sr-banner.warning {
  background-color: #f8d7da; 
  border-color: #f5c6cb; 
  color: #721c24; 
}
/* Styles for the info banner */
.sr-banner.info {
  background-color: #cce5ff; 
  border-color: #b8daff; 
  color: #004085;
}
/* Styles for the alert banner (generic banner) */
.sr-banner.alert {
  background-color: #fff3cd; 
  border-color: #ffeeba;
  color: #856404; 
}
/* Styles for the banner links */
.sr-banner a {
  color: inherit;
  text-decoration: underline;
}
/* Styles for the warning banner links */
.sr-banner.warning a {
  color: #0c5460;
}
/* Styles for the info banner links */
.sr-banner.info a {
  color: #004085;
}
/* Styles for the alert banner links (generic banner) */
.sr-banner.alert a {
  color: #856404;
}
.sr-banner-icon{
  font-weight: 900;
  font-size: 1.5rem;
  margin-right:4px;
  margin-top:4px;
}