/* Change Width and Height of Logo Image + Add Custom Image File */

html {
	background: url('../../../uploads/2020/09/img-bg-3.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
}

body {
	background-color: transparent;
	padding-bottom: 30px;
}

#login-container {
	height: 100%;
	padding: 8% 0 0;
}

#login-header {
	background-color: #fff;
}

.login-header-inner {
	max-width: 1080px;
	margin: auto;
}

#login-header .logo-image-wrapper {
	height: auto;
	width: 265px;
	padding: 1%;
	margin: auto;
}

#login-header .logo-image-wrapper img {
	max-width: 100%;
	max-height: 100%;	
}


.login h1 {
    display: none;
}

.login h1 a {
    background-image: none;
    width: 100% !important;
	height: 59px !important; 
    background-size: 100% 59px !important;
}

.login form {
	box-shadow: none !important;
	margin: 0;
	padding: 26px 0;
	padding-top: 0;
	border: none;
}

.login #nav {
	margin: auto !important;
	padding: 0;
}

.login #backtoblog {
	margin: 4% auto !important;
}

.login .privacy-policy-page-link {
	margin: 0 !important;
}

#login {
	width: 90%;
	margin: auto;
	padding: 0;
}

.login-page-content {
	width: 90%;
	margin: auto;
	padding: 0 0 20px;
}

.login-page-content h2 {
	line-height: 1.5em;
}

.login-page-content p {
	text-align: justify;
}

#login-content {
	width: 45%;
	margin: auto;
	background-color: #fff;
	opacity: 0.95;
}

.login-content-columns {
	vertical-align: top;
	font-size: 13px;
}

#login-content-column-1, #login-content-column-2 {
	width: 46.9%;
	display: inline-block;
	vertical-align: top;
	padding: 2% 1%;
}

.login-top-area, .login-bottom-area {
	text-align: center;
	padding: 3% 0;
}

.login-top-area h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 2em;
	line-height: 1.5em;
}

#login-content #login-content-column-1 {
	border-right: 1px solid #ddd;
}

#built-by {
	width: 100%;
    text-align: center;
    color: #444;
    background-color: #fff;
	opacity: 0.95;
	padding: 0;
}

#built-by p {
    display: inline;
    line-height: 20px;
}

#aeeiee-logo {
    display: inline;
    max-width: 100px;
    height: auto;
    max-height: 100%;
    vertical-align: text-bottom;
}

#wp-submit {
	width: 100%;
	margin-top: 6%;
}

.login #backtoblog {
	display: none;
}

.adfs-button {
	width: 100%;
	text-align: center;
	margin-top: 6% !important;
}

#backtosite-custom {
	padding: 1% 0;
}

#backtosite-custom a {
	text-decoration: none;
	color: #555d66;
}

@media only screen and (min-width: 2001px) {
	
	#login-content {
		width: 40%;
	}
}

@media only screen and (min-width: 1081px) and (max-width: 2000px) {
	
	#login-content {
		width: 60%;
	}
}

@media only screen and (max-width: 1080px) {
	
	#login-content {
		width: 60%;
		padding: 3% 0;	
	}
	
	#login-content-column-1,
	#login-content-column-2 {
		width: 100%;
		padding: 0;
	}
	
	.login-content-columns {
		width: 90%;
		padding: 0;
		margin: 0 5%;
		min-height: 0;
	}
	
	#login-content #login-content-column-1 {
		border-right: none;
		border-bottom: 1px solid #ddd;
		padding-bottom: 26px;
	}
	
	.login-top-area {
		border-bottom: 1px solid #ddd;
		padding-bottom: 26px;
		margin: 0 5% 26px;
	}
	
	#login-content #login-content-column-2 {
		margin-top: 6%;
	}
	
	#login {
		width: 100%;
	}
	
	.login-page-content {
		width: 100%;
	}
	
	#built-by {
		margin: 4% auto;
	}
	
	#wp-submit {
		margin-top: 4%;
	}
}

@media only screen and (max-width: 580px) {
	
	#login-content {
		width: 80%;
		padding: 5% 0;
	}
}