/**
 * Gaia Toolbar
 *
 * Toolbars contain actions, indicators,
 * and navigation associated with
 * the current view.
 */

gaia-toolbar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  background: rgba(0,0,0, 0.85);
  color: #fff;
}

gaia-toolbar ul {
  float: left;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

gaia-toolbar ul:last-of-type {
  float: right;
}

gaia-toolbar li {
  float: left;
  height: 100%;
}

gaia-toolbar button {
  width: 5.5rem;
  height: 100%;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
  border-radius: 0;
  color: inherit;
}

gaia-toolbar button:active {
  background-color: #008aaa;
}