@font-face {
    font-family: UPBOLTERS;
    src: url("../fonts/UPBOLTERS.otf") format("opentype");
}



h1 {
    font-family: 'UPBOLTERS';
}



header .logo {
    width: 200px;
    height: 200px;
    /*background: url('../images/logo-ia.png');*/
    background: url('../images/V.I.P.-Ice-Arena-Logo.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

.btn-primary {
  background-color: #03c9f9; /* your new background color */
  border-color: #03c9f9;     /* match border if needed */
  color: black;
}

  .btn-primary:hover {
    background-color: #00a1c9;
    border-color: #00a1c9;
    color: black;
  }

  .btn.btn-primary:active,
  .btn.btn-primary.active,
  .btn.btn-primary:focus:active {
    background-color: #0084a3 !important;
    border-color: #007a99 !important;
    color: #fff !important;
  }

  .btn-primary:disabled,
.btn-primary.disabled {
  background-color: #03c9f9;
  border-color: #03c9f9;
  color: black;
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none;
}

  .login-card .logo-small {
    width: 200px;
    height: 200px;
    background: url('../images/V.I.P.-Ice-Arena-Logo.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }

  .login-card h3 {
    font-family: 'UPBOLTERS';
  }

  #login {
    background: rgb(33, 33, 33);
  }

.not-ready {
    visibility: hidden; 
}

.ready {
    visibility: visible;
}

.btn-orange {
  background-color: #f97b05;
  color: white;
  border: none;
}

.btn-orange:hover {
  background-color: #d96904;
  color: white;
}

.btn-orange:active, 
.btn-orange.active,
.btn-orange:focus:active
 {
  background-color: #b55603; /* darker shade of hover */
  color: white;
  border: none;
}










/* Automator lights */

.strobe-container, .green-light-container {
  width: 38px;
  height: 38px;
  position: relative;
}

.green-light-container {
  width: 29px;
}

.strobe-light {
  width: 20px;
  height: 20px;
  background-color: maroon;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 9px;
}

.strobe-light.on {
  background-color: red;
  animation: strobe 1s infinite;
  box-shadow: 0 0 5px red;
}

@keyframes strobe {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 10px 4px red;
  }
  50% {
    opacity: 0.2;
    box-shadow: 0 0 3px 1px red;
  }
}

.green-light {
  width: 20px;
  height: 20px;
  background-color: green;
  position: absolute;
  top: 9px;
  left: 9px;
  border-radius: 50%;
}

.green-light.on {
  background-color: #39e75f;
}







.local-hidden {
  display: none;
}

.badge-secondary {
  background: #f97b05;
}

.badge-staff {
  color: black;
  background: white;
  border: 3px solid red;
  padding: 3px;
  text-transform: uppercase;
}

#animated-zam {
  width: 120px;
  height: 120px;
  position: fixed;
  bottom: -20px;
  left: 0;
  background: url('../images/animated-zam.png');
  background-size: contain;
  display: none;
}

#animated-zam.on {
  display: block;
}