/* app css stylesheet */

body {
    overflow-x: hidden;
  }
  
  .jeopardy-board {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0015a0;
    color: #ffffff;
    font-family: 'Fjalla One', sans-serif;
    text-shadow: 4px 4px #000000;
  }
  
  .jeopardy-board .board-row {
    height: 16%;
  }
  
  .board-player-scores {
    height: 4%;
    font-size: 2.2vh;
    padding-top: 0.5vh;
  }
  
  
  .jeopardy-board .fj-row {
    height: 100%;
  }
  
  .jeopardy-board .category-row {
    border-bottom: 3px solid black;
  }
  
  .jeopardy-board .board-cell {
    height: 100%;
    border: 3px solid black;
  }
  
  .jeopardy-board .board-cell > div,
  .board-modal-open .modal-body > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .jeopardy-board .category-cell {
    font-size: 200%;
  }
  
  .jeopardy-board .fj-cell {
    font-size: 600%;
  }
  
  .jeopardy-board .fj-cell .player-name,
  .jeopardy-board .fj-cell .player-score {
    font-size: 66.67%;
  }
  
  .jeopardy-board .clue-cell {
    color: #efaa50;
    font-size: 600%;
  }
  
  .board-modal-open .modal-dialog {
    width: 95%;
    height: 90%;
  }
  
  .board-modal-open .modal-content {
    background: #0015a0;
    color: #ffffff;
    font-family: 'Kadwa', serif;
    font-size: 400%;
    text-shadow: 4px 4px #000000;
    text-transform: uppercase;
    text-align: center;
    height: 100%;
  }
  
  .board-modal-open .modal-body {
    height: 100%;
    padding-left: 50px;
    padding-right: 50px;
  }
  
  .board-modal-open .carousel img {
    min-height: 700px;
    max-height: 700px;
    margin: 0 auto;
  }
  
  .board-modal-open .carousel-caption {
    left: 3%;
    right: 3%;
    font-size: 50%;
    background: linear-gradient(
        rgba(0, 0, 0, 0.7),
        rgba(0, 0, 0, 0.7)
      ),
  }
  
  .player-name {
    font-family: 'Kadwa', serif;
    text-transform: uppercase;
  }
  
  .player-score {
    font-family: 'Fjalla One', sans-serif;
  }
  
  .video-wrapper {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 */
      padding-top: 25px;
      height: 0;
  }
  
  .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  .panel {
    margin-bottom: 5px;
  }
  
  /**
   * Only for buzzers
   * Div to show if a button was hit or not.
   */
  #button-hit {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 33.34%;
    height: 33.34%;
    z-index: 1100;
    visibility: hidden;
  }
  
  .carousel-caption {
    position: unset;
    right: 15%;
    top: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  }
  
  .container {
    width: 95%;
  }
  
  .navbar-form {
    width: 16%;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }