:root {
  /* Fontsize */
  --fz-s: 0.8rem;
  --fz-m: 1rem;
  --fz-l: 1.5rem;
  --fz-h1: 24px;
  --fz-h2: 24px;
  --fz-h3: 24px;
  --fz-h4: 1.1rem;
  --fz-text: 0.925rem;
}

body {
  background: rgb(255, 255, 255);
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 1) 50%,
    rgba(222, 222, 222, 1) 100%
  );
  font-family: "Lato", Arial, Helvetica, sans-serif;
}

*:focus {
  outline: none;
  box-shadow: 0 0 0 1px #f3f3f3 !important;
}

input:-webkit-autofill {
  box-shadow: inset 0 0 0 9999px white;
  -webkit-box-shadow: inset 0 0 0 9999px white;
}
input:-webkit-autofill:focus {
  box-shadow: 0 0 0 50px white inset;
  -webkit-box-shadow: 0 0 0 50px white inset;
}
input[type="checkbox"]:focus {
  border-color: var(--link);
}
input[type="checkbox"]:checked::before {
  content: "\2713";
  color: var(--link);
  font-weight: 900;
  margin: 0.5rem 0 0 -0.25rem;
}
.login h1 a {
  background-image: url(../img/brand.svg);
  background-size: contain;
  width: auto;
  height: 150px;
}

.wp-core-ui .button-primary {
  background-color: #13abe9;
  border-color: #13abe9;
  width: calc(100% + 60px);
  margin: 20px -30px 0;
  padding: 10px !important;
  transition: 0.3s all ease;
  border-top: 1px solid #f3f3f3;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:active {
  background-color: #13abe9;
  border-color: #13abe9;
  outline: none !important;
  color: #fff !important;
}

.login form {
  padding: 30px 30px 0 30px;
}

.language-switcher {
  display: none;
}

.privacy-policy-page-link {
  display: none;
}

#loginform {
  background-color: #fff;
  border: 1px solid #f3f3f3;
}

label {
  color: #000;
  font-weight: 500;
  font-size: 0.8rem !important;
}

.input {
  background-color: #fff !important;
  border-color: #f3f3f3 !important;
  color: #333 !important;
  font-size: 0.9rem !important;
  margin-top: 5px !important;
  outline: none !important;
}

.message {
  background-color: #f3f3f3 !important;
  color: #444 !important;
}

.login #login_error,
.login .message,
.login .success {
  border-left: 2px solid #13abe9 !important;
}

.login .button.wp-hide-pw {
  top: 4px;
}

.wp-core-ui .button,
.wp-core-ui .button-secondary {
  color: #fff !important;
}

#nav,
#backtoblog {
  padding: 0 !important;
}

.login .reset-pass-submit .button {
  margin-bottom: 0;
  border-radius: 0 !important;
}

.wp-generate-pw {
  background-color: #333 !important;
  color: #444 !important;
  border: none !important;
  border-radius: 0 !important;
}

.dashicons-hidden:before {
  color: #ccc !important;
}
.dashicons-visibility:before {
  color: #13abe9 !important;
}
