@font-face {
  font-family: 'Inclusive Sans';
  font-style: normal;
  font-display: swap;
  src: url("../fonts/inclusive_sans/InclusiveSans-Regular.ttf") format("truetype");
}

:root {
    /* FIXME font variables */
    --font-sans: 'Inclusive Sans', 'Gill Sans', 'Arial', sans-serif;
    /* custom colors */
    --blackish: #000000;
    --dark-grey: #262626;
    --medium-grey: #a6a6a6;
    --light-grey: #d9d9d9;
    --whiteish: #ffffff;
    --thot-red: #a02c2c;
}

body {
    background: var(--blackish);
    color: var(--whiteish);
    font-family: var(--font-sans);
}

.login-pf, .login-pf body {
    background: var(--blackish);
}

.card-pf {
    width: 35%;
    min-width: 320px;
    margin-left: auto;
    margin-right: auto;
    background: var(--blackish);
    color: var(--whiteish);
}

.select-auth-container {
    border-collapse: collapse;
    border-bottom: 1px solid var(--whiteish);
    & .select-auth-box-parent {
        background: var(--dark-grey);
        padding: 5px;
        border-top: 1px solid var(--whiteish);
        border-left: 1px solid var(--whiteish);
        border-right: 1px solid var(--whiteish);

        &:hover {
            background: var(--medium-grey);
        }

        & .select-auth-box-icon {
            margin-right: 5px;
        }
    }
}

#kc-header {
    margin-top: 48px;
    height: 160px;
    background-image: url("../img/thot_hieroglyph.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

 #kc-header-wrapper {
     display: none;
 }

 #kc-page-title {
     margin: 24px;
 }

 #kc-content {
     font-size: medium;
 }

.pf-c-button.pf-m-primary {
    background-color: var(--thot-red);
    font-size: large;
    border-radius: 4px;
}