/* Patternfly CSS places a "bg-login.jpg" as the background on this ".login-pf" class.
   This clashes with the "keycloak-bg.png' background defined on the body below.
   Therefore the Patternfly background must be set to none. */
   .login-pf {
    background: none;
}

@font-face {
    font-family: "DesySansRegular";
    src: url("../fonts/DesySans-Regular.woff2") format("woff2");
}
@font-face {
    font-family: "DesySansBold";
    src: url("../fonts/DesySans-Bold.woff2") format("woff2");
}
@font-face {
    font-family: "DesySansMedium";
    src: url("../fonts/DesySans-Medium.woff2") format("woff2");
}
@font-face {
    font-family: "DesySansHeavy";
    src: url("../fonts/DesySans-Heavy.woff2") format("woff2");
}
body {
:   font-family: DesySansRegular !important;
}

:root {
	--desy-bf-blue: #009fe3;
	--desy-bf-darkgrey: #333333;
	--desy-bf-grey-border: #777677;
	--desy-grey: #aaaaaa;
	--desy-orange: #EB6E0F;
	--mediumgrey: #696969;
	--black: #000000;
}

#kc-header-wrapper {
    color: #363636;
}

#kc-header {
    margin: 0;
}

#kc-page-title {
    font-family: DesySansBold !important;
}

.login-pf body {
    background: url("../img/DESY_background_hell.png") no-repeat center center fixed;
    background-color: white;
    background-size: cover;
    height: 100%;
}

div.desy-header-text {
    background: url("../img/desy-header-text-logo.png");
    background-repeat: no-repeat;
    height: 120px;
    width: 300px;
    margin: 0 auto;
}

div.desy-header-text span {
    display: none;
}

/* desy theme button */
.pf-c-button.pf-m-primary {
    color: var(--pf-c-button--m-primary--Color);
    background-color: var(--desy-bf-blue);
}

.kc-social-oidc {
    background: url("../img/helmholtz.png");
    background-size: cover;
}

.card-pf {
    border-color: var(--desy-bf-blue);
}