@font-face {
  font-family: 'Titillium Web';
  src:
      url("../fonts/TitilliumWeb-Regular.ttf") format('truetype');
}

:root {
  --playtech-primary-color: #2E346F;
  --playtech-primary-light: var(--playtech-primary-500);
  --playtech-primary-300: #7983AF;
  --playtech-primary-500: #444F90;
  --playtech-primary-blue: #2194F3;
  --playtech-primary-green: #04B6AF;
  --playtech-primary-yellow: #FFB300;
  --playtech-primary-orange: #F37F21;
  --playtech-primary-red: #FB4444;
  --playtech-icon-gray: #6F728C;
  --playtech-label-gray: #757683;
  --playtech-secondary-text-color: #A4A4A4;
  --playtech-text-field-border-color: #C8C8CD;
  --playtech-divider-color: #D4D4D4;
}

.login-pf body {
  background: url("../img/playtech_bg.png") center top/auto no-repeat fixed,
  radial-gradient(circle at top, #0c19a6 10%, #050b36 50%) no-repeat fixed;
  font-family: "Titillium Web", sans-serif;
  height: 100%;
}

.pf-c-button.pf-m-primary {
  background-color: var(--playtech-primary-color);
  font-size: 15px;
}

.pf-c-button.pf-m-primary:hover {
  background-color: var(--playtech-primary-light);
}

.pf-c-button.pf-m-control {
  border-color: rgba(230, 230, 230, 0.5);
}

.login-pf a:hover {
  color: var(--pf-c-button--m-primary--Color);
}

div.kc-logo-text {
  background-image: url(../img/playtech_logo.svg);
}

@media (max-width: 767px) {
  .login-pf body {
    background: radial-gradient(circle at top, #0c19a6 10%, #050b36 50%) no-repeat fixed;
  }

}