/* ----------------------------------------------------------- *
 |
 | Browser update styles
 |
 |  Author : David Hofer [david@dna-studios.ch]
 |
 * ----------------------------------------------------------- */

#browser-update {
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2000;
}

#browser-update-inner {
  background: #c1183a;
  color: #fffefe;
  display: inline-block;
  font-size: 1.2rem;
  max-width: 100%;
  padding: 15px 20px;
  position: relative;
  width: 750px;
}

#browser-update-inner p {
  margin-top: 0;
}

#browser-update.is-visible {
  display: block;
}

#browser-update-action {
  text-align: center;
}

#browser-update a,
#browser-update button {
  background: #181623;
  display: inline-block;
  margin: 5px;
  padding: 8px 15px;
  color: #fffefe;
  text-transform: none;
}

#browser-update button:focus,
#browser-update button:active,
#browser-update button:hover,
#browser-update a:focus,
#browser-update a:active,
#browser-update a:hover {
  opacity: 0.9;
  text-decoration: none;
}