/*Variables - Temporry css vars (need to remove after scss in production)*/
:root {
  --main-button-color: #B0BB1A;
  --secondary-button-color: #333333;
  --main-button-color-hover: #98A02D;
  --secondary-button-color-hover: #000;
  --main-btn-text: #fff;
  --secondary-btn-text: #fff;
  --link-color-hover: #98A02D;
  --font-main: Times New Roman, Times, serif;
  --font-secondary: Roboto;
  --theme-color: #B0BB1A;
  --reg-aprv-btn-txt: #B0BB1A;
  --pending-text: #ff9f00;
  --pending-btn-bg: rgba(204, 204, 204, 0.2);
  --live-status-color:#00CD35;
  --live-status-color-hover:#04e941;
  --evt-banner-opacity: 0.20; }


  /***************************/
.btn-primary:hover {
  background-color: var(--main-button-color-hover, #98A02D); }

.btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--main-button-color-hover, #98A02D); }

.prm-btn {
  background-color: var(--main-button-color, #B0BB1A); }

.prm-btn:hover {
  background-color: var(--main-button-color-hover, #98A02D); }

.scnd-btn {
  background-color: var(--secondary-button-color, #333333); }

.scnd-btn:hover {
  background-color: var(--secondary-button-color-hover, #000); }

a:hover {
  color: var(--link-color-hover, #98A02D); }