/* ==========================================================================
   Hot Avocado Apps — Dark Theme
   Black background, green highlights, white text
   ========================================================================== */

/* Base */
html, body {
  background-color: #000 !important;
  color: #e0e0e0;
}

/* Preloader — make it black instead of white */
#preloader {
  background-color: #000 !important;
}

/* Bulma overrides */
.title {
  color: #fff !important;
}

.subtitle {
  color: #ccc !important;
}

body, .body {
  background-color: #000;
}

/* Hero */
.hero.is-fullheight,
.hero.is-default {
  background-color: #000 !important;
}

.hero-body .subtitle.is-muted {
  color: #ccc !important;
}

/* Navbar */
.navbar.is-fresh .navbar-brand img {
  max-height: 50px !important;
  height: 50px !important;
}

.navbar.is-fresh {
  background: transparent !important;
}

.navbar.is-fresh .navbar-item {
  color: #ddd;
}

.navbar.is-fresh .navbar-item.is-secondary:hover {
  color: #4CAF50 !important;
}

.navbar.is-fresh .navbar-burger span {
  background-color: #fff;
}

.navbar.is-fresh.is-fixed,
#navbar-clone {
  background: #111 !important;
}

.navbar.is-fresh.is-fixed a,
#navbar-clone a {
  color: #ddd;
}

.navbar.is-fresh.is-fixed a:hover,
#navbar-clone a:hover {
  color: #4CAF50;
}

/* Mobile navbar menu */
@media screen and (max-width: 1023px) {
  .navbar-menu {
    background-color: #111 !important;
  }
  .navbar-menu .navbar-item {
    color: #ddd !important;
  }
}

/* Sections */
.section {
  background-color: #0a0a0a !important;
}

.section.section-feature-grey {
  background-color: #0d0d0d !important;
}

/* Cards */
.feature-card {
  background-color: #1a1a1a !important;
  border: 1px solid #333;
}

.feature-card .card-title h4 {
  color: #fff !important;
}

.feature-card .card-text p {
  color: #bbb !important;
}

/* Icon boxes (section2 features) */
.media.icon-box .icon-box-title {
  color: #fff !important;
}

.media.icon-box .icon-box-text {
  color: #bbb !important;
}

/* Buttons */
.button.primary-btn {
  background-color: #4CAF50 !important;
  border-color: #4CAF50 !important;
  color: #fff !important;
}

.button.primary-btn:hover {
  background-color: #388E3C !important;
  border-color: #388E3C !important;
}

/* Divider */
.divider {
  background: #4CAF50 !important;
}

/* Footer */
footer.footer-dark {
  background: #111 !important;
}

footer.footer-dark .footer-column .footer-header h3 {
  color: #fff;
}

footer.footer-dark .footer-column ul.link-list a {
  color: #999;
}

footer.footer-dark .footer-column ul.link-list :hover {
  color: #4CAF50;
}

/* Content pages (single pages) */
.content {
  color: #ddd;
}

.content h1, .content h2, .content h3,
.content h4, .content h5, .content h6 {
  color: #fff !important;
}

.content strong {
  color: #fff;
}

.content a {
  color: #4CAF50;
}

.content a:hover {
  color: #66BB6A;
}

.content blockquote {
  background-color: #1a1a1a;
  border-left-color: #4CAF50;
  color: #ccc;
}

/* Box elements */
.box {
  background-color: #1a1a1a;
  color: #ddd;
}

/* Bulma columns background */
.columns.is-vcentered {
  background: transparent;
}