/*!
Theme Name: Simplex
Theme URI:
Author: GTRIX
Author URI: https://gtrix.com.ua/
Description: Simplex – сучасна платформа під сайт для WordPress, створена з використанням найновіших веб-технологій компанією GTRIX. Має багато налаштувань, які дозволять розширити функціонал сайту та змінювати його під різні завдання. Ви можете легко створити будь-який тип веб-сайту, наприклад: інтернет-магазин, корпоративний сайт, освітній сайт, ресторан, блог, портфоліо і т.д.
Version: 4.6.5
Tested up to: 6.8
Requires PHP: 8.5
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: app
*/

:root {
  --color1: #F5421C;
}

body.login {
  background: radial-gradient(50% 50% at 50% 50%, #363535 0%, #222222 100%);
}

.login h1 a {
  background-image: url("/images/sprite/logo-admin.svg");
  width: 250px;
  height: 100px;
  background-size: contain;
}

@media (max-width: 500px) {
  .login h1 a {
    height: 80px;
  }
}

.login #nav a {
  color: #ffff;
  transition: all .3s ease-in-out;
}

.login #nav a:hover {
  color: var(--color1);
}

input[type=text]:hover {
  border: 1px solid var(--color1);
}

input[type=password]:hover {
  border: 1px solid var(--color1);
}

input[type=text]:focus {
  border: 1px solid var(--color1);
  box-shadow: none;
}

input[type=password]:focus {
  border: 1px solid var(--color1);
  box-shadow: none;
}

.login #backtoblog a {
  color: #ffffff;
  transition: all .3s ease-in-out;
}

.login #backtoblog a:hover {
  color: var(--color1);
}

.login form .forgetmenot {
  float: initial;
  transition: all .3s ease-in-out;
}

.login form .forgetmenot:hover {
  color: var(--color1);
}

#login form p {
  margin-bottom: 10px;
}

.login .button-primary {
  float: initial;
}

p.submit {
  text-align: center;
}

.wp-core-ui .button-primary {
  background: var(--color1);
  width: 100%;
  border: 2px solid transparent;
  transition: all .3s ease-in-out;
}

.wp-core-ui .button-primary:hover {
  background: var(--color1);
  border: 2px solid transparent;
}

.login #login_error, .login .message, .login .success {
  border-left: 4px solid var(--color1);
}

.login .button.wp-hide-pw:focus {
  border: none;
  box-shadow: none;
}