@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------------------------------- */
/* Master CSS Style Sheet                                                  */
/*                                                                         */
/* Standard Links, Footer Links, Body Settings, Fade In, Text Drop Shadow+ */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* Page Backgrounds (High-res Images Fit to Page)                          */
/* ----------------------------------------------------------------------- */
.index-background-class {
  width: 796px;
  height: 578px;
  /* Remove the leading slash if testing without a local web server */
  background-image: url('/images/backgrounds/bg_home.png');
  background-size: 796px 578px;
  background-repeat: no-repeat;
}
.player-background-class {
  display: block;
  width: 796px;
  height: 730px;
  background-image: url('/images/backgrounds/bg_audio.png');
  background-size: 796px 719px;
  background-repeat: no-repeat;
}
.streaminfo-background-class {
  display: block;
  width: 796px;
  height: 666px;
  background-image: url('/images/backgrounds/bg_streaminfo.png');
  background-size: 796px 666px;
  background-repeat: no-repeat;
}
.video-background-class {
  display: block;
  width: 796px;
  height: 579px;
  background-image: url('/images/backgrounds/bg_video.png');
  background-size: 796px 579px;
  background-repeat: no-repeat;
}
/* ----------------------------------------------------------------------- */
/* ON AIR | OFF AIR (High-res Image Fit to Page)                           */
/* ----------------------------------------------------------------------- */
#AirSign {
  display: inline-block;
  width: 200px;
  height: 45px;
  overflow: hidden; /* Clips any overflow */
}
#AirSign img {
  width: 200px;
  height: 45px;
  object-fit: fill; /* Forces your 3672x747 image into the 200x45 box */
  display: block;
}
/* ----------------------------------------------------------------------- */
/* Site Links                                                              */
/* ----------------------------------------------------------------------- */
/* Standard links */
a:link {
  color: #FFBE00;
}
a:visited {
  color: #FFBE00;
}
/* Footer links */
.footer:link {
  text-decoration: none;
  color: #AB6000;
}
.footer:visited {
  text-decoration: none;
  color: #AB6000;
}
.footer:hover {
  text-decoration: none;
  color: #FFFFFF;
}
.footer:focus {
  text-decoration: none;
  color: #FFFFFF;
}
.footer:active {
  text-decoration: none;
  color: #573000;
}
/* ----------------------------------------------------------------------- */
/* Body Settings                                                           */
/* ----------------------------------------------------------------------- */
body {
  background-color: #1B1B1B;
  /* Set page zoom to 150% in browser */
  zoom: 125%; /* or 1.25 */
  width: 850px !important;
  min-width: 850px !important;
  max-width: 850px !important;
  margin: 0 auto !important; /* This keeps the locked page perfectly centered */
  overflow-x: hidden; /* Prevents ugly horizontal scrollbars */
  /* Fade in CSS */
  animation: none;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  /* Text settings */
  color: #FAB005;
  font-style: normal;
  font-family: Arial;
  /* Add this line to drop a shadow on all text globally */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
}
/* ----------------------------------------------------------------------- */
/* Begin the existing fade only when the page is ready */
body.magic-ready {
  animation: none;
  transition: opacity 2s ease;
}
/* Web Page Fade In                                                        */
/* ----------------------------------------------------------------------- */
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ----------------------------------------------------------------------- */
/* White Text Settings Antique White                                       */
/* ----------------------------------------------------------------------- */
.white-text-table {
  color: antiquewhite;
}
/* If existing styles override the table class, target the cells directly: */
.white-text-table td, .white-text-table th {
  color: antiquewhite;
}
/* ----------------------------------------------------------------------- */
/* Modal Dialog Box Settings                                               */
/* ----------------------------------------------------------------------- */
.modal {
  align-content: flex-start;
}