/**
 * These tags were provided by https://codex.wordpress.org/Customizing_the_Login_Form
 */
body.login {
  background:url('../images/valvoline_stripe_back.jpg?v=1.0') no-repeat top left;
  background-size:cover;
  display:-ms-flexbox;
  display:flex;
  flex-direction:column;
  -ms-flex-pack:center;
  justify-content:center;
  -ms-flex-line-pack:center;
  align-items:center;
}
body.login div#login { 
  width: 56%;
  margin:0 auto;
  padding: 0;
  min-width:300px;
}
body.login div#login h1 a {
  height: 0px;
  background:none !important;
}
body.login div#login form#loginform, body.login div#login form#lostpasswordform, body.login div#login form#resetpassform { 
	background:#b6c2c9;
  position:relative;
	color:#000;
	width:26%;
  min-width:250px;
	margin:0 auto;
  overflow:visible;
}

body.login form#loginform:before {
  content:"Been here before?";
  display:block;
  width:100%;
  color:#515151;
  font-size:17px;
  font-weight:bold;
  margin-top:-5px;
  margin-bottom:10px;
}

body.login div#login form#loginform p {}
body.login div#login form#loginform p label, 
body.login div#login form#lostpasswordform p label,
body.login div#login form#resetpassform p label {
  color:#515151;
  width:100%;
}

body.login #loginform .login-divider {
  padding-bottom: 20px;
}
body.login .login-intro {
  position:absolute;
  top:-3.6em;
  left:0;
  font-size:14px;
  height:50px;
  width:100%;
  line-height:50px;
  background:#515151;
  color:#FFF;
  font-weight:bold;
  padding:0px 24px;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:space-between;
  justify-content:space-between;
  -ms-flex-line-pack:center;
  align-items:center;
}

body.login .login-intro p {
  padding:0;
  margin:0;
  display:inline-block;
  font-size:17px;
}

body.login a.login-register {
  display:inline-block;
  color:#FFF;
}


body.login .login-logos {
  position:absolute;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:space-between;
  justify-content:space-between;
  -ms-flex-line-pack:center;
  align-items:center;
  text-align:justify;
  width:100%;
  height:124px;
  background-color:#FFF;
  border-bottom:8px solid #B6C2C9;
  top:0;
  left:0;
}

body.login .login-logos-inner {
  width:56%;
  margin:0 auto;
}

body.login .login-logos-inner img {
    display:inline-block;
    vertical-align:top;
    max-height: 64px;
}

body.login .login-logo-left {
  float:left;
}

body.login .login-logo-right {
  float:right;
}

body.login div#login form#loginform input, 
body.login div#login form#lostpasswordform input,
body.login div#login form#resetpassform input {
  border:0 !important;
  outline:0;
  border-radius:0 !important;
}

.login form .input, .login input[type=text], .login input[type=password] {font-size: 18px;}
body.login label { 
  font-weight:normal;
}

body.login p.forgetmenot label {
  font-size:14px;
  font-weight:normal;
}
body.login p.forgetmenot input {
  margin:0 !important;
}

body.login #loginform .submit {
  width:100%;
  position:relative;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:space-between;
  justify-content:space-between;
  -ms-flex-line-pack:center;
  align-items:center;
}

body.login form#loginform {
  padding-bottom:25px;
  border: none;
}

body.login input[type=submit] {
  width:auto !important;
  height:auto !important;
  padding:6px 12px !important;
  font-size:14px !important;
  background:#515151 !important;
  color:#FFF !important;
}

body.login div#login p#nav { 
  width:26%;
  margin:0 auto;
  text-align:center;
  padding:5px 0 !important;
}
body.login div#login p#nav a { color:#000000; font-weight:bold;}
body.login div#login p#backtoblog { width:300px; margin:0 auto;text-align:right;display:none; }
body.login div#login p#backtoblog a { color:#424242; }
#dsrMessage{ font-weight: bold; }

/* END Codex selector list */

p.message { width:380px;margin:0 auto !important;margin-bottom:20px !important;border-color:#515151 !important; }
#dsrMessage {width: 50%; text-align: center; padding: 20px; color:#000;margin:0 auto;}

@media all and (max-width:530px) {
  body.login .login-logos-inner {
    width:100%;
    padding:0 10px;
  }

  body.login #login {
    margin-top:215px !important;
  }

  #dsrMessage { width:100% !important; }
}

@media all and (max-height:800px) {
  body.login #login {
    margin-top:215px !important;
  }
}