/* Table of Contents
==================================================
# Navbar
# Colors */

/* # Navbar
================================================== */
.navbar-fixed {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030;
}
.navbar {
  background: rgba(255,255,255,1);
  border-collapse: separate;
  border-top: 2px solid rgba(245,248,250,1);
  box-sizing: border-box;
  display: table;
  height: 48px;
  table-layout: fixed;
  width: 100%;
}
.navbar > a {
  color: $primary-color;
  display: table-cell;
  float: none;
  font-size: 27px;
  padding: 10px 0;
  text-align: center;
  width: 1%;
}

/* # Colors
================================================== */
.navbar-dark {
  background: rgba(35,41,55,1);
  border-color: rgba(0,0,0,0.2);
}
.navbar-dark > a { color: rgba(255,255,255,1); }
.navbar-light {
  background: rgba(245,248,250,1);
  border-color: rgba(225,232,237,1);
}

/* # Media Queries
================================================== */
@media only screen and (min-width: 768px) {
  .navbar { display: none; }
}