/* GLOBAL VARIABLES */
:root {
	--govportal-blue: #1e88e5;
	--govportal-blue-darker: #1565c0;
	--govportal-blue-lighter: #42a5f5;
	--govportal-blue-very-dark: #0a2f52;
	--govportal-gold: #dc6c1d;
	--govportal-gold-darker: #b8560f;
	--govportal-gold-lighter: #e88942;
}

/* .navbar-light,
body {
	background-color: var(--govportal-blue-very-dark) !important;
} */

.navbar-light {
	border-bottom: none !important;
}

/* .page-card-head h4 {
	color: white !important;
} */

/* div.login-content.page-card {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
} */

.for-login .page-card {
	border: none !important;
}

/* ---------------------------- Glass ----------------------------  */

.navbar-light {
	background-color: var(--govportal-blue-very-dark) !important;
}

body {
	background: url(../image/Coat\ of\ Arms\ Pattern.png);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgb(255, 255, 255) !important;
}

div.login-content.page-card {
	background-color: rgba(200, 200, 200, 0.1) !important;
	backdrop-filter: blur(2px);
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

#page-login
	> div
	> main
	> div.page_content
	> div
	> section.for-login
	> div.login-content.page-card
	> form
	> div
	> div.social-logins.text-center
	> div.login-with-email-link.social-login-buttons
	> div
	> a:hover {
	background-color: rgba(255, 255, 255, 0.2) !important;
	backdrop-filter: blur(1px);
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
	color: black !important;
}

#page-login
	> div
	> main
	> div.page_content
	> div
	> section.for-login
	> div.login-content.page-card
	> form
	> div
	> div.social-logins.text-center
	> div.login-with-email-link.social-login-buttons
	> div
	> a:hover {
	background-color: rgba(255, 255, 255, 0.3) !important;
	backdrop-filter: blur(1px);
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
	color: black !important;
}

#page-login
	> div
	> main
	> div.page_content
	> div
	> section.for-login
	> div.login-content.page-card
	> form
	> div
	> div.page-card-actions
	> button {
	background-color: rgba(0, 0, 0, 0.1) !important;
	backdrop-filter: blur(1px);
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
	color: white !important;
}

#page-login
	> div
	> main
	> div.page_content
	> div
	> section.for-login
	> div.login-content.page-card
	> form
	> div
	> div.page-card-actions
	> button:hover {
	background-color: rgba(0, 0, 0, 0.2) !important;
}

/* ---------------------------- Glass ----------------------------  */