/* Login */
.lux_login_container {display: grid; grid-template-columns: 1fr 1fr; height: 100%; margin: 0;}
.lux_login_col_1 {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; background-color: #000;}
.lux_login_col_2 {background-color: #000; background-image: url('../img/login_bg.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.lux_powered_by_container {position: relative; text-align: center; color: #fff; bottom: 100px; margin-top: 100px; padding: 0 15px;}
.lux_powered_by_container a {color: #fff; text-decoration: none;}
.lux_powered_by_container a:hover {color: #fff;}
.lux_powered_by_container span {position: relative; bottom: 13px;}
.lux_powered_by_container .lux_logo {width: 120px; height: 28px; opacity: 1; margin-left: 15px; transition: all .3s ease-in-out;}
.lux_powered_by_container .lux_logo:hover {opacity: 0.8;}

@media (max-width: 991px) {
	.lux_login_container {grid-template-columns: 1fr;}
	.lux_login_col_2 {display: none;}
}

body.login {background-color: transparent;}
p#backtoblog a,
div.privacy-policy-page-link a {color: #ec6c35 !important;}
p#backtoblog a:hover,
div.privacy-policy-page-link a:hover {color: #fff !important;}
p#nav a {color: #ec6c35 !important;}
p#nav a:hover {color: #fff !important;}
.login .wp-login-logo a {background-image: url('../img/login.png'); background-size: 300px 75px; width: 300px; height: 75px; margin-bottom: 0;}
.login div#login p.message,
.login div#login div#login_error {background: #fff; color: #080f19; margin-top: 20px; margin-bottom: -10px;}
.login div#login div#login_error a {color: #080f19;}
.login div#login div#login_error a:hover {color: #080f19;}
.login form {background: #fff; border-top: 10px solid #ec6c35; border-right: 0; border-bottom: 10px solid #ec6c35; border-left: 0; border-radius: 0; transition: all .5s;}
.login form button .dashicons {color: #080f19;}
.login label {font-size: 15px; color: #080f19;}
.login input[type="text"] {background-color: #f1f1f1; color: #080f19; border: 1px solid #ddd; border-radius: 5px;}
.login input[type="password"] {background-color: #f1f1f1; color: #080f19; border: 1px solid #ddd; border-radius: 5px;}
.login .button-large {width: auto !important; height: auto !important; background-color: #000 !important; color: #fff; font-size: 15px; line-height: initial; text-transform: uppercase; padding: 5px 20px 5px 20px !important; border-radius: 3px; border: none; box-shadow: none; text-shadow: none; transition: all .5s;}
.login .button-large:hover {background-color: #333 !important; color: #fff; font-size: 15px; text-transform: uppercase; border-radius: 3px; border: none; box-shadow: none; text-shadow: none; transition: all .5s;}
.login .button-large:active {background-color: #000 !important; color: #fff; font-size: 15px; text-transform: uppercase; border-radius: 3px; border: none; box-shadow: none; text-shadow: none;}
.login input[type="text"]:focus,
.login input[type="password"]:focus {border-color: #ccc; box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset, 0 0 8px rgba(225,255,255,0.7); outline: 0 none;}