/*!
 * Start Bootstrap - Heroic Features HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
.hero-spacer {
  margin-top: 50px;
}
.hero-feature {
  margin-bottom: 30px;
}
.hero-feature h3 {
  min-height: 2.5em;
}
.hero-feature .example {
  background: ivory;
  height: 230px;
}
.hero-feature pre {
  font-size: 0.8em;
  min-height: 10em;
  text-align: left;
  background: #44515e;
  border: 0;
  color: #ebebeb;
}
footer {
  font-size: 86%;
  margin: 50px 0;
}
canvas {
  background: ivory;
  margin-bottom: 5px;
}
canvas + .clear-canvas {
  vertical-align: top;
  margin-left: 5px;
}
.panel-heading {
  padding: 0;
}
.panel-title a {
  display: inline-block;
  padding: 10px 15px;
  width: 100%;
}
.well.sub-well {
  background: #5f6f7f;
  margin-top: 10px;
}
.well pre {
  background: #44515e;
}
.panel-title code.subtle {
  margin: -5px 30px -5px 0px;
  padding: 5px;
}
.panel-body code:not([class*="language"]) {
  background: #44515e;
  color: #ebebeb;
}
pre {
  background: #e1e5e9;
}
.alert.alert-warning {
  background: #d3943a;
}
a[data-toggle="collapse"] .fa-chevron-circle-down {
  display: none;
}
a[data-toggle="collapse"] .fa-chevron-circle-up {
  display: inline-block;
}
a[data-toggle="collapse"].collapsed .fa-chevron-circle-up {
  display: none;
}
a[data-toggle="collapse"].collapsed .fa-chevron-circle-down {
  display: inline-block;
}
.highlight pre {
  background-color: #2c3134;
  border: 0;
  color: #ebebeb;
}
pre.subtle {
  background: #273848;
  border: 0;
  color: #ebebeb;
}
code {
  background: #e1e5e9;
  margin: 0 2.5px;
}
code.subtle {
  background: #5f6f7f;
  color: #ebebeb;
}
.panel-body .suggestion {
  margin: 5px;
}
form.try {
  margin-top: 20px;
}
footer .profile-links a {
  margin: 0 5px;
}
.back-to-top {
  margin: 10px;
}
.done {
  text-decoration: line-through;
}
#options .panel-group > div:not(.panel) {
  margin-top: 2em;
}
iframe,
#google-maps {
  width: 100%;
  height: 100%;
  border: 5px inset #ccc;
}