/* -------------------------------------------------------------------------- *
 * Theme
 * -------------------------------------------------------------------------- */

/* --- General -------------------------------------------------------------- */

body {
  background-color: #EEEEEE;
}
a {
  color: #27ae60;
}
a:hover {
  color: #2ecc71;
}
.bg-image.no-image {
  background-color: #34495e;
}

/* --- Navbar --------------------------------------------------------------- */

.navbar {
  background-color: #34495e;
  color: white;
}
.navbar a {
  color: white;
}
.navbar--nav-link:hover {
  background-color: rgba(255,255,255,.5);
  border-bottom: 3px solid white;
}

/* --- Header --------------------------------------------------------------- */

.header {
  background-color: #333;
  color: white;
}
.header .navbar.fixed.autohide.show {
  background-color: #34495e;
}
.header--subtitle {
  color: #ddd;
}

/* --- Content -------------------------------------------------------------- */

.post--content > h1,
.post--content > h2,
.post--content > h3,
.post--content > h4,
.post--content > h5,
.post--content > h6 {
  border-color: teal;
}
.post--content p > code {
  background-color: #e0f2f1;
  color: teal;
}
.post--content blockquote {
  background-color: #e0f2f1;
  border-color: teal;
}
.post--tags a {
  color: #888;
  background-color: rgba(127,127,127,0.15);
}
.post--tags a:hover {
  background-color: rgba(127,127,127,0.3);
}

/* --- Cards ---------------------------------------------------------------- */

.card {
  background-color: white;
}
.card.image .bg-darken {
  color: white;
}
.card-image .bg-lighten {
  color: black;
}
.card--back {
  background-color: #333;
  color: white;
}

/* --- Author --------------------------------------------------------------- */

.author {
  background-color: rgba(0,0,0,.05);
}
.author--media {
  background-color: #34495e;
}

/* --- FABs ----------------------------------------------------------------- */

.fab {
  color: white;
  background-color: #27ae60;
}
.fab:hover {
  color: white;
}

/* --- Buttons -------------------------------------------------------------- */

.button.solid {
  color: white;
  background-color: #27ae60;
}

/* --- Waves ---------------------------------------------------------------- */

.wave {
  background-color: white;
}

/* --- Footer --------------------------------------------------------------- */

.footer {
  background-color: #2c3e50;
}
.footer a {
  color: #EEEEEE;
}
.footer a:hover {
  color: #FFFFFF;
}
.footer--top {
  color: #FFFFFF;
}
.footer--bottom a {
  color: #EEEEEE;
}
.footer--bottom a:hover {
  color: #FFFFFF;
}
.footer--bottom {
  color: #FFFFFF;
}