/* Custom classes*/

body { background-color: #333; }
div.white {
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

h3, h4 { margin-top: 1em; }
footer {
  color: #FFF;
  background-color: #333;
}

.octave-logo { min-width: 160px; }
.octave-logo a,
.octave-logo a:hover {
  font-size: 120%;
  color: #FFF;
  font-weight: bold;
}

h2.landing-page-logo {
  color: #0790c0;
  font-weight: 700;
  margin: 0 0 1rem 0;
  font-size: 2.33rem;
}

.entry-content > :last-child { margin-bottom: 0 !important; }

.grid-container-mod { padding: 1.5em; }

.dark-background,
.title-bar,
.top-bar,
.top-bar ul { background: #333; }

.top-bar {
  padding-left: 1.5em;
  padding-right: 1.5em;
  max-width: 75rem;
  margin: auto;
}

.top-bar ul li a,
footer ul li a { color: #FFF; }
.top-bar ul li a:hover,
footer ul li a:hover {
  color: #FFF;
  background-color: #585858;
}

.reveal img { width: 100%; }

a.button.warning {  /* RSS Feed */
  font-weight: bold;
  color: #FFF;
}

@media screen and (max-width: 39.9375em) {
  .button.small-only-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}


/* Syntax highlighter styles */

.highlight table { border: none; }
.highlight code {
  border: inherit;
  background-color: inherit;
  line-height: 1;
  padding: 0;
}

div.highlight,
figure.highlight {
  margin: 0 0 1.5rem 0;
  border: 1px solid #ccc;
  padding: 0.5em;
  border-radius: 3px;
  font-size: 90%;
  width: 100%;
}