:root {
	--color-bg: #1a4d5a;
	--color-text: #fff;
}

/*login button and submit input (like button)*/
.pf-v5-c-button.pf-m-primary.pf-m-block, .pf-v5-c-button.pf-v5-c-button.pf-m-primary.pf-m-block  {
    background-color: var(--color-bg) !important;
}
.pf-v5-c-button.pf-m-primary.pf-m-block:hover, .pf-v5-c-button.pf-v5-c-button.pf-m-primary.pf-m-block:hover, .pf-v5-c-button.pf-m-control:hover  {
    filter: brightness(1.2);
}
/*.pf-v5-c-button.pf-v5-c-button.pf-m-primary.pf-m-block:hover, .pf-v5-c-button.pf-m-control:hover*/
a {
    color: var(--color-bg);
}

.pf-v5-c-form-control:focus-within {
    --pf-v5-c-form-control--after--BorderBottomColor: #037997;
    --pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--focus--after--BorderBottomWidth);
}

/*eye/show-password buttons*/
.pf-v5-c-button.pf-m-control {
	background-color: var(--color-bg) !important;
	color: var(--color-text);
}

pf-v5-c-login__main-body:has(#kc-register-form) {
	border: red;
}

.pf-v5-c-login__container {
	margin-top: auto;
	margin-bottom: auto;
}

.kc-logo-text {
	background-image: url("../img/oes-logo-white.svg") !important;
	background-position: center;
}
.pf-v5-c-login__main {
	z-index: 99;
	position: relative;
	border-radius: 1em;
}
#kc-page-title {
	display: none;
}
/*
#kc-form-login > div:first-child span:before, #kc-form-login > div:first-child span input {
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
}
*/
#kc-login {
	border-radius: 1em;
	/*border-bottom-left-radius: 1em;*/
	/*border-bottom-right-radius: 1em;*/
}

.custom_footer {
	z-index: 1;
    position: relative;
}

footer {
	* { box-sizing: border-box; }

	display: block;
	background-color: var(--color-bg);
	padding: 20px;
	width: 100%;
	color: var(--color-text);
	display: grid;
	grid-template-columns: 1fr;

	a {
		color: var(--color-text);
	}
	h3 {
		font-weight: bold;
		font-size: large;
		margin-bottom: 0.5rem;
	}
	.footer-section {
		text-align: center;
		font-size: medium;
		margin: 20px;
	}
	.image-container {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		align-items: center;
	}
	.image-container img {
		margin-bottom: 0.5rem;
	}
	.footer-logo-img:not(.footer-logo-img:first-child) 
	{
		padding-left: 1rem;
	}
	.footer-logo-img:not(.footer-logo-img:last-child) 
	{
		padding-right: 1rem;
	}
	.footer-link {
		display: inline-block;
		margin-top: 1rem;
	}
}
@media only screen and (min-width: 768px) {
	#custom_footer {
    	position: absolute;
    	bottom: 0;
	}
	footer {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		
		.footer-section {
			text-align: left;
		}

		.image-container {
			align-items: normal;
			grid-template-columns: 1fr 1fr;
		}
		.footer-logo-img {
			padding-left: 0rem !important;
			padding-right: 0rem !important;
		}
	}

	.pf-v5-c-login__container {
		margin-top: 8vh;
	}

}
@media only screen and (min-width: 1000px) {
	footer {
		padding-left: 10vw;
		padding-right: 10vw;
	}
}
@media only screen and (min-width: 1800px) {
	footer {
		padding-left: 20vw;
		padding-right: 20vw;
	}
}