/*
Theme Name: GreenAffiliate
Theme URI:
Author:
Author URI:
Description: rarara
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: greenaffiliate
*/

@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  font-family: "Noto Sans JP", Helvetica, Arial, sans-serif;
  color: #111111;
}

#affwp-login-form {
  padding-left: 1rem;
  padding-right: 1rem;
}

#affwp-login-form legend {
  font-size: 1.5rem;
  font-weight: 900;
}

#affwp-login-form label {
  font-size: 1.25rem;
  font-weight: 900;
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#affwp-login-form input[type="text"],
#affwp-login-form input[type="password"] {
  padding: 0.625rem;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  border: rgb(209 213 219 / var(--tw-border-opacity, 1));
  border-style: solid;
  border-width: 1px;
  border-radius: 0.375rem;
  width: 100%;
  display: block;
}

#affwp-login-form input[type="text"]:focus,
#affwp-login-form input[type="password"]:focus {
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow);
}

#affwp-login-form p {
  margin-bottom: 1.25rem;
}

#affwp-login-form input[type="submit"] {
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 900;
  text-align: center;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-radius: 0.375rem;
}

#affwp-login-form input[type="submit"]:hover {
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}

.affwp-lost-password a {
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
  font-size: 80%;
}

.affwp-lost-password a:hover {
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.validation-error {
  color: #d9534f;
  font-size: 0.875rem;
  border-color: #d9534f;
}