:root {
	--lk-dark-blue: #043673;
}

/* Use a darker color for links to enhance contrast */
a {
	color: var(--lk-dark-blue);
}

/* Define flex direction for logo, infotext, environement, etc. */
.pf-v5-c-login {
	flex-direction: column;
}

/* Define custom grid areas */
.pf-v5-c-login__container {
	grid-template-areas:
		"main";
}

/* Move login box further up, because logo has empty space around */
.pf-v5-c-login__main {
	margin-bottom: 4em;
}

/* Remove item from grid layout, since it is not being used */
#kc-header {
	grid-area: unset;
}

/* Put informational links in the top right corner */
#kc-links {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 20px 25px;
	color: var(--lk-dark-blue);
}

#lk-logo {
	max-width: 700px;
	text-align: center;
	font-size: 3em;
	font-weight: bold;
	color: var(--lk-dark-blue);
	white-space: pre;
}

#lk-contactinfo {
	margin-bottom: 1.5em;
	text-align: center;
}

#lk-environment {
	text-align: center;
	font-size: 2em;
	color: var(--pf-v5-global--danger-color--100);
}

@media (max-width: 576px) {
	#kc-links {
		left: 50%;
		right: unset;
		transform: translateX(-50%);
		margin: 10px 0px;
		text-align: center;
	}
}