.nightMode .panel {
   background-color: rgb(50, 49, 56);
}
.nightMode .panel .card.preview {
   background-color: inherit;
}
#editor {
   padding: 1em 0;
}
.nightMode #editor textarea {
   background-color:rgb(210, 207, 224);
}
#editor textarea {
   font-size: 1.2em;
   height: 2rem;
   resize: none;
   -webkit-transition: all .7s; /* Safari */
   transition: all .4s;
}
#editor.focus textarea {
   height: 6rem;
   resize: vertical;
   padding-top: 8px;
}
#editor .toolbar {
   display: none;
}
#editor.focus .toolbar {
   display: block;
}

.bibleBot.app .results {
  padding: 0 1rem;
  margin: 0 0 6rem;
  width: 100%;
}

.results .result .verse_number a {
  color: #888;
  padding: 0 5px;
  border-radius: 7px;
  background-color: #eee;
}
.nightMode .results .verse.result .verse_number a {
  color: #bbb;
  background-color: #333;
}


.video-container iframe, .video-container object, .video-container embed, .video-container {
  /* height: 805px; */
}



/* ------------------------------------------------------------------- 
 * responsive:
 * about
* ------------------------------------------------------------------- */
@media only screen and (max-width: 400px) {
  .bibleBot.app .results {
    padding: 0 1rem;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
  .results .keyword.result .collapsible-body {
    max-height: 20rem;
  }
  .keyword.result .carousel .indicators {
    display: none;
  }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .bibleBot.app .results {
    padding: 0 2rem;
    font-size: 1.1em;
  }
  .video-container iframe, .video-container object, .video-container embed, .video-container {
    height: 435px;
  }
  
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .bibleBot.app .results {
    margin: 1rem auto 7rem;
    font-size: 1.2em;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .bibleBot.app .results {
    /* margin-left: 17%;
      width: 70%; */
    font-size: 1.3em;
  }
}