@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

:root {
  --pf-global--Color--100: #ebebeb;
  --pf-global--Color--200: #f8f9fa;
  --pf-global--BackgroundColor--100: #222;
  --pf-global--BorderColor--100: #adb5bd;
  --pf-global--BorderColor--200: #888;
  --pf-global--BorderColor--300: #444;
  --pf-global--primary-color--100: #b20738;
  --pf-global--primary-color--200: #93062e;
  --pf-global--danger-color--200: #f6235f;
  --pf-global--FontFamily--sans-serif: Montserrat, open sans, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --pf-global--FontFamily--heading--sans-serif: Montserrat, open sans, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

.pf-c-nav__list .pf-c-nav__link {
  --pf-c-nav__list-link--Color: #2B9AF3;
  --pf-c-nav__list-link--m-current--Color: #004080;
}

.pf-c-nav__simple-list .pf-c-nav__link {
  --pf-c-nav__simple-list-link--Color: #2B9AF3;
  --pf-c-nav__simple-list-link--m-current--Color: #004080;
}

body {
  font-family: "Montserrat", "Open Sans", Helvetica, Arial, sans-serif;
  color: var(--pf-global--Color--200);
  background: var(--pf-global--BackgroundColor--100);
}

.login-pf body {
  background: var(--pf-global--BackgroundColor--100);
}

.card-pf {
  background: var(--pf-global--BackgroundColor--100);
}

.pf-c-form-control:hover, .pf-c-form-control:focus {
  border-bottom-color: #b20738;
}

.pf-c-form-control{
  --pf-global--Color--100: var(--pf-global--Color--100);
  --pf-global--Color--200: var(--pf-global--Color--200);
  --pf-global--BackgroundColor--100: #444;
}

div.kc-logo-text {
    background-image: url(../img/tf_white.png);
    background-repeat: no-repeat;
	background-size: 100%;
    height: 3em;
    width: 3em;
    margin: 0 auto;
}

#kc-logo-wrapper {
	background-size: 100%;
	height: 3em;
	width: 3em;
	margin: 20px 0 0 20px;
}

div.kc-logo-text span {
    display: none;
}

@media (max-width: 767px) {

    div.kc-logo-text {
        margin: 0;
        width: 2em;
        height: 2em;
        background-size: 100%;
    }

    #kc-logo-wrapper {
        background-size: 100%;
        height: 2em;
        width: 2em;
        margin: 20px 0 0 20px;
    }
}