@import url( 'https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap' );

html, body {
  font-family: 'Montserrat', sans-serif;
}

body.login {
  background-color: #f1f1f1;
  display: flex;
}

body.login div#login {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  width: 100%;
  max-width: 420px;
}

body.login div#login #login-message {
  width: 100%;
}

body.login div#login h1 {
  height: 57px;
}

body.login div#login h1 a {
  background-image: url( '../images/logo.png' );
  background-size: contain;
  width: 212px;
}

body.login div#login form#loginform {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  border: none;
  padding: 40px;;
  border-top: 4px solid #e69926;
  width: 100%;
}

body.login div#login form#loginform label {
  display: flex;
  font-weight: bold;
  font-size: 15px;
}

body.login div#login form#loginform p {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  width: 100%;
}

body.login div#login form#loginform .user-pass-wrap {
  width: 100%;
}

body.login div#login form#loginform p:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

body.login div#login form#loginform input[type="text"],
body.login div#login form#loginform input[type="password"] {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-bottom: 15px;
  width: 100%;
  height: 40px;
}

body.login div#login form#loginform input[type="submit"] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  font-size: 15px;
  height: 40px;
}

body.login div#login form#loginform input[type="submit"]:hover {
  background-color: #e69926;
  color: #000;
  font-weight: bold;
}

body.login #nav {
  margin: 0;
  text-align: center;
  font-weight: 400;
  margin-top: 10px;
}

body.login #nav a:hover {
  color: #e69926;
}

#backtoblog {
  display: none;
}

.language-switcher {
  display: none;
}

/* LOST PASSWORD STYLING CUSTOM */
body.login div#login form#lostpasswordform input[type="submit"] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #000000;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  cursor: pointer;
  width: 100%;
  font-size: 15px;
  height: 40px;
}

body.login div#login form#lostpasswordform input[type="submit"]:hover {
  background-color: #e69926;
  color: #000;
  font-weight: bold;
}

body.login div#login form#lostpasswordform label {
  font-weight: bold;
}

body.login #login_error,
.login .message,
.login .success {
  margin-top: 25px;
  border-left: 4px solid #e69926;
}