/* DMV Alerts */

#alert-wrapper {
  background: #FFFFFF!important;
  font: 400 1rem/1.7em "Proxima Nova", Arial, sans-serif !important;
  /* 1rem = 16px in all browsers */
  color: #000000;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-style: normal!important;
}

#alert-wrapper .container {
  padding-left: 0!important;
  padding-right: 0!important;
  width: 100%!important;
  max-width: 100%!important;
}

#block-views-dmv-alerts-block .block-inner {
  margin-right: 0!important;
  margin-left: 0!important;
}

#alert-wrapper .view-dmv-alerts .views-row {
  background-color: #fec3c3!important;
  margin: 4px 0!important;
  min-height: 60px!important;
  display: flex!important;
  align-items: center!important;
  padding: 20px 60px 20px 40px!important;
}

#alert-wrapper .view-dmv-alerts .views-row:first-child {
  margin-top: 0!important;
}

#alert-wrapper .block {
  margin-bottom: 0!important;
}

#alert-wrapper .dmv-alert-type,
#alert-wrapper .views-field-field-alert-type .field-content {
  font-size: 24px!important;
  text-transform: uppercase!important;
  display: block!important;
  padding-right: 1em!important;
  margin: 0!important;
  font-weight: 800!important;
  color: #000000!important;
}

#alert-wrapper .field-content {
  color: #000000!important;
  display: table!important;
  font-weight: bold!important;
  font-size: 16px!important;
  line-height: 19px!important;
  font-style: normal!important;
  background: none!important;
  padding: 0px!important;
}

.alert-message {
  display: flex!important;
  justify-content: flex-start!important;
  align-items: center!important;
}

#alert-wrapper .views-field-field-description {
  vertical-align: middle!important;
  padding: 17px 60px 8px!important;
  max-width: 1350px !important;
  margin: 0 auto!important;
}

#alert-wrapper .field-content a {
  font-family: "Proxima Nova", Arial, sans-serif !important;
  color: #000000!important;
  text-decoration: underline!important;
}

/* Mobile */
@media all and (max-width: 767.98px) and (min-width: 0) {
  #alert-wrapper {
    height: auto !important;
    position: relative!important;
    display: table;
  }

  .alert-message {
    display: block!important;
    margin-left: 3%!important;
  }

  #alert-wrapper .dmv-alert-type,
  #alert-wrapper .views-field-field-alert-type .field-content {
    margin-bottom: 2%!important;
  }

  #alert-wrapper .field-content:before {
    font-family: FontAwesome!important;
    content: "\F06A"!important;
    padding-right: 1em!important;
    font-size: 20px!important;
    vertical-align: middle!important;
    color: #000000!important;
    display: table-cell;
    vertical-align: middle;
  }
}

/* Narrow and up */
@media all and (min-width: 768px) and (max-width: 1023.98px) {
  #alert-wrapper .field-content:before {
    display: none!important;
  }

  #alert-wrapper .dmv-alert-type::before {
    font-family: FontAwesome!important;
    content: "\F06A"!important;
    padding-right: 1em!important;
    font-size: 24px!important;
  }

  #alert-wrapper .alert-message {
    display: flex!important;
    justify-content: flex-start!important;
    align-items: center!important;
  }
}

/* Wide */
@media all and (min-width: 1024px) {
  #alert-wrapper .view-dmv-alerts .views-row {
    padding: 20px 60px!important;
  }

  #alert-wrapper .field-content:before {
    display: none!important;
  }

  #alert-wrapper .dmv-alert-type::before {
    font-family: FontAwesome!important;
    content: "\F06A"!important;
    padding-right: 1em!important;
    font-size: 24px!important;
  }

  #alert-wrapper .alert-message {
    display: flex!important;
    justify-content: flex-start!important;
    align-items: center!important;
  }
}