/**
 * Login style
 *
 * @package Hello Elementor Child
 * @version 1.0.0
 */

:root {
  /* Colori */
  --white: #ffffff;
  --grey-light: #f3f3f3;
  --grey: #cccccc;
  --grey-dark: #999999;
  --black: #000000;

  /*Colori del tema*/
  --background: #8BA69C;
  --primary: #bed600;
  --secondary: #8ba69c;
  --headline: #fff;
  --paragraph: #fff;
  --button: #8ba69c;
  --hover: #9ebab0;
}

body.login {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--background);
}

a,
label,
.privacy-policy-link {
  color: var(--paragraph) !important;
}
.privacy-policy-link:hover,
.login a:hover {
  color: var(--button) !important;
}

body.login div#login h1 a {
  background-image: url("../img/brand.svg");
  background-size: 200px;
  width: auto !important;
}
.login #login {
  padding: 0;
}
.login #lostpasswordform,
.login #loginform {
  border: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.03) 0px 4px 6px -2px;
  background-color: #819A91;
}

.login input[type="text"],
.login input[type="password"] {
  box-shadow: 0 0 0 transparent;
  border-radius: 4px;
  border: none;
  background-color: var(--background);
  color: #fff;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login .button.wp-hide-pw:focus,
.login input[type="checkbox"]:focus,
.login a:focus {
  border-color: var(--button);
  box-shadow: 0 0 0 1px var(--button);
}
body.login .dashicons {
  color: var(--paragraph);
}

.login input[type="submit"],
.login .wp-core-ui .button-primary {
  background-color: var(--button);
  border-color: var(--button);
}
.login input[type="submit"]:hover,
.login .wp-core-ui .button-primary:hover {
  background-color: var(--hover);
  border-color: var(--hover);
}

.login .message,
.login .notice,
.login .success {
  border-left: 4px solid var(--button);
  background-color: #819A91;
  color: var(--white);
}

.login .language-switcher {
  display: none;
}