/**
 * @file
 * Styles for Alert banners.
 */
#block-views-block-alerts-block-alerts .view-alerts .view-content .views-row:not(:last-child) {
  border-bottom: none; }

#block-views-block-alerts-block-alerts div[class^="severity"] {
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out; }
#block-views-block-alerts-block-alerts div[class^="severity"] .layout-container, #block-views-block-alerts-block-alerts div[class^="severity"] .block-system-breadcrumb-block .breadcrumb, .block-system-breadcrumb-block #block-views-block-alerts-block-alerts div[class^="severity"] .breadcrumb {
  padding-bottom: 0.64em;
  padding-top: 0.64em; }
@media (max-width: 37.9375em) {
  #block-views-block-alerts-block-alerts div[class^="severity"] .layout-container, #block-views-block-alerts-block-alerts div[class^="severity"] .block-system-breadcrumb-block .breadcrumb, .block-system-breadcrumb-block #block-views-block-alerts-block-alerts div[class^="severity"] .breadcrumb {
    padding-top: 1em;
    padding-bottom: 1em; }
}
@media (min-width: 38em) {
  #block-views-block-alerts-block-alerts div[class^="severity"] .layout-container, #block-views-block-alerts-block-alerts div[class^="severity"] .block-system-breadcrumb-block .breadcrumb, .block-system-breadcrumb-block #block-views-block-alerts-block-alerts div[class^="severity"] .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
}
#block-views-block-alerts-block-alerts div[class^="severity"] .alert-label {
  margin: 0;
  padding: 0;
  font-weight: 700;
  padding-left: 1.95312em; }
@media (max-width: 37.9375em) {
  #block-views-block-alerts-block-alerts div[class^="severity"] .alert-label {
    padding-left: 3.05176em; }
}
#block-views-block-alerts-block-alerts div[class^="severity"] .alert-content {
    line-height: 1.5625em; }
    @media (max-width: 37.9375em) {
      #block-views-block-alerts-block-alerts div[class^="severity"] .alert-content {
        margin-left: 3.05176em;
        margin-top: 0.26214em; } }
    @media (min-width: 38em) {
  #block-views-block-alerts-block-alerts div[class^="severity"] .alert-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-left: 0.4096em; } }
  @media (max-width: 37.9375em) {
    #block-views-block-alerts-block-alerts div[class^="severity"] .view-more {
      margin-top: 0.64em; } }
  @media (min-width: 38em) {
    #block-views-block-alerts-block-alerts div[class^="severity"] .view-more {
      padding-left: 1em; } }
  #block-views-block-alerts-block-alerts div[class^="severity"] .view-more a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.64em;
    display: inline-block;
    padding: 0.2em 1em 0;
    border-radius: 3px;
    border-color: white;
    color: white; }
  #block-views-block-alerts-block-alerts div[class^="severity"] .view-more a:hover {
      background-color: black;
      color: white;
    }
  #block-views-block-alerts-block-alerts div[class^="severity"] .alert-close-button {
    margin-left: 1.5625em;
    display: inline-block;
    line-height: 0; }
    @media (max-width: 37.9375em) {
      #block-views-block-alerts-block-alerts div[class^="severity"] .alert-close-button {
        position: absolute;
        top: 1em;
        right: 1em; } }
    #block-views-block-alerts-block-alerts div[class^="severity"] .alert-close-button .material-icons {
      cursor: pointer;
      background-color: white;
      display: inline-block;
      border-radius: 50%;
      padding: 0.46em 0.4em 0.4em;
      font-weight: 700;
      color: #626A73;
      font-size: 0.8em;
      -webkit-transition: color ease-out 0.3s, background-color ease-out 0.3s;
      transition: color ease-out 0.3s, background-color ease-out 0.3s; }
      #block-views-block-alerts-block-alerts div[class^="severity"] .alert-close-button .material-icons:hover {
        background-color: #626A73;
        color: white; }

#block-views-block-alerts-block-alerts .severity-Emergency {
  background-color: #d92b3a;
  color: white; }
  #block-views-block-alerts-block-alerts .severity-Emergency .alert-label {
    background: url("/themes/custom/de_theme/dist/img/custom/round-error-white-24px.svg") left top no-repeat;
    padding-left: 3.05176em; }
    @media (max-width: 37.9375em) {
      #block-views-block-alerts-block-alerts .severity-Emergency .alert-label {
        background-size: 22px auto; } }
  #block-views-block-alerts-block-alerts .severity-Emergency .view-more a {
    color: white;
    border: 1px solid white; }
    #block-views-block-alerts-block-alerts .severity-Emergency .view-more a:hover {
      background-color: white;
      color: #626A73; }

#block-views-block-alerts-block-alerts .severity-Warning {
  background-color: #FFD700; }
  #block-views-block-alerts-block-alerts .severity-Warning .alert-label {
    background: url("/themes/custom/de_theme/dist/img/custom/round-warning-grey-24px.svg") left no-repeat;
    padding-left: 3.05176em; }
    @media (max-width: 37.9375em) {
      #block-views-block-alerts-block-alerts .severity-Warning .alert-label {
        background-size: 22px auto; } }
  #block-views-block-alerts-block-alerts .severity-Warning .view-more a {
    color: #626A73;
    border: 1px solid #626A73; }
    #block-views-block-alerts-block-alerts .severity-Warning .view-more a:hover {
      background-color: #626A73;
      color: white; }