@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');

html, body {
  font-family: 'Luckiest Guy', cursive;
}

header h1 {
  color: #F79A0E;
}

#player-container {
  background-color: #000000;
  height: 400px;
}

#ruffle-player {
  background-image: url("../assets/images/nosignal.gif");
  background-size: cover;
  background-position: bottom;
  height: 400px;
}

.episode-link {
  text-decoration: underline;
  cursor: hand;
}

a:link, a:visited {
  color: #F79A0E;
}

a:hover, a:active {
  color: #F79A0E;
}

#backtotop-icon {
  width: 24px;
  height: 24px;
}

.video-container iframe, .video-container object, .video-container embed {
  width: 100%;
  height: 240px;
}

/* Override Boostrap default values */
hr {
  margin: 0;
}

button.accordion-button {
  background-color: #F79A0E;
  color: #FFFFFF;
  margin: 3px 0 3px 0;
}

button.accordion-button:not(.collapsed) {
  background-color: #F79A0E;
  color: #FFFFFF;
}

.accordion-button:focus {
  border-color: #CCCCCC;
  box-shadow: none;
}

.accordion-flush .accordion-item .accordion-button {
  border-radius: 5px;
}

.accordion-item {
  border: 0;
}