@charset "UTF-8";
/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

       _       _         _____            _
      | |     | |       |  __ \          (_)
      | | __ _| | __ _  | |  | | ___  ___ _  __ _ _ __
  _   | |/ _` | |/ _` | | |  | |/ _ \/ __| |/ _` | '_ \
 | |__| | (_| | | (_| | | |__| |  __/\__ \ | (_| | | | |
  \____/ \__,_|_|\__,_| |_____/ \___||___/_|\__, |_| |_|
                                             __/ |
                                            |___/

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
/*
 * wp-login.php — Lost Password + Reset Password screens ONLY.
 *
 * This sheet (and the logo/link filters) are enqueued only for the password
 * actions in inc/base/functions-login.php, so the default Log In screen is left
 * completely untouched.
 *
 * Standalone compile → stylesheets/css/login-style.css (same pattern as
 * admin-style.scss / editor-style.scss), so only the abstracts/ partials are
 * available — the primary-button treatment is mirrored from components/_buttons.scss
 * by hand. Rules are nested under #login so they clear core's id-scoped defaults.
 */
/*
JD WARNING - Framework File
Should not be modified BUT additional Functions can be added where required
========================================================================================*/
/*
	Font Family:
	Fallback fonts are set in _fonts.scss
	If you're changing to a font other than Roboto and Monserrat, you'll have to generate fallback fonts matching those.
	Here are some examples of tools:
	https://screenspan.net/fallback
	https://www.industrialempathy.com/perfect-ish-font-fallback/?font=Montserrat
*/
/*
* @Font Weight Classes to be created
*
* Automatically creates classes based on the values inside the variable $font-weights;
* .font-weight-thin, .font-weight-thin... etc..
*
* To use manually use - map-get($font-weights, "bold");
*
* .my-custom-class {
*  font-weight: map-get($font-weights, "bold");
*  Other styles...
* }
*
*/
/*
* @Colours
*
* Automatically creates classes based on the values inside the variable $colours;
* Extra colours follow the following format: color<[0-9]>: hex
*
* .font-color<colour-name>, .bg-color<colour-name>... etc..
*
* To use manually use - map-get($colours, 1);
*
* .my-custom-class {
*  color: map-get($colours, "black");
*  Other styles...
* }
*
*/
/*
* @Aspect Ratios
*
* Automatically creates classes based on the values inside the variable $aspect-ratio;
* .aspect-square, .aspect-video, .aspect-<aspect-ratio-name>... etc..
*
* To use manually use - map-get($aspect-ratio, "square");
*
* .my-custom-class {
*  aspect-ratio: map-get($aspects, "square");
*  Other styles...
* }
*
**/
/*
JD WARNING - Framework File
Should not be modified BUT additional Mixins can be added where required
========================================================================================*/
@keyframes pop {
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
body.login {
  background: #2C286C;
  color: #ffffff;
  font-family: "Inter", "Roboto-fallback", sans-serif;
}

#login {
  width: 25rem;
  max-width: 92vw;
  padding: 4.5rem 0 2rem;
}
#login a {
  color: #ffffff;
}
#login a:hover, #login a:focus {
  color: #FF6B2D;
}
#login h1 a {
  background-image: url("../../images/logo.svg") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 84px !important;
}
#login .message,
#login #login_error {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0 0 1rem;
  color: #ffffff;
}
#login #nav,
#login .language-switcher {
  display: none;
}
#login #lostpasswordform,
#login #resetpassform {
  border: 0;
  border-radius: 1.125rem;
  box-shadow: none;
  padding: 2.5rem 2rem;
  color: #2C286C;
}
#login #lostpasswordform label,
#login #lostpasswordform .description,
#login #lostpasswordform .indicator-hint,
#login #resetpassform label,
#login #resetpassform .description,
#login #resetpassform .indicator-hint {
  color: #2C286C;
}
#login #lostpasswordform input[type=text],
#login #lostpasswordform input[type=password],
#login #lostpasswordform input[type=email],
#login #resetpassform input[type=text],
#login #resetpassform input[type=password],
#login #resetpassform input[type=email] {
  border: 1px solid rgba(44, 40, 108, 0.25);
  border-radius: 0.5rem;
  padding: 1rem;
  min-height: 3.25rem;
  font-size: 1rem;
}
#login #lostpasswordform input[type=text]:focus,
#login #lostpasswordform input[type=password]:focus,
#login #lostpasswordform input[type=email]:focus,
#login #resetpassform input[type=text]:focus,
#login #resetpassform input[type=password]:focus,
#login #resetpassform input[type=email]:focus {
  border-color: #FF6B2D;
  box-shadow: none;
  outline: none;
}
#login #lostpasswordform .wp-pwd .button.wp-hide-pw,
#login #resetpassform .wp-pwd .button.wp-hide-pw {
  background: transparent;
  border: 0;
  box-shadow: none;
}
#login #lostpasswordform .wp-pwd .button.wp-hide-pw .dashicons,
#login #resetpassform .wp-pwd .button.wp-hide-pw .dashicons {
  color: #2C286C;
}
#login #wp-submit {
  display: inline-block;
  float: none;
  width: 100%;
  height: auto;
  min-height: 0;
  border: 0.0625rem solid #2C286C;
  border-radius: 1.5rem;
  background: #2C286C;
  color: #ffffff;
  font-family: "Inter", "Roboto-fallback", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 0.5rem 1.5rem;
  text-shadow: none;
  box-shadow: none;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
#login #wp-submit:hover, #login #wp-submit:focus {
  background: #FF6B2D;
  border-color: #FF6B2D;
  color: #2C286C;
  box-shadow: none;
}
#login #backtoblog {
  text-align: center;
  margin-top: 1.5rem;
}
#login #backtoblog a {
  color: #ffffff;
}
#login #backtoblog a:hover, #login #backtoblog a:focus {
  color: #FF6B2D;
}
/*# sourceMappingURL=login-style.css.map */