/******************************************************************
	COLORS
******************************************************************/
/******************************************************************
   FONTS
******************************************************************/
/******************************************************************
   SPACERS
   https://getbootstrap.com/docs/4.1/utilities/spacing/
******************************************************************/
/******************************************************************
   TRANSITIONS_TIMING
******************************************************************/
/******************************************************************
   GRID
   https://getbootstrap.com/docs/4.1/layout/overview/#responsive-breakpoints
******************************************************************/
/******************************************************************

    SETTINGS: FONTS

    USAGE:
    @include fontstyle(
        $style: false, $scale: 1,
        $family: false, $weight: false, $color: false,
        $lh-a: false, $mb-a: false,
        $fz-xs: false, $lh-xs: false, $mb-xs: false,
        $fz-sm: false, $lh-sm: false, $mb-sm: false,
        $fz-md: false, $lh-md: false, $mb-md: false,
        $fz-lg: false, $lh-lg: false, $mb-lg: false,
        $fz-xl: false, $lh-xl: false, $mb-xl: false
    );

    USAGE SHORT:
    @include fontstyle("fs1-main");

******************************************************************/
body.login {
  background-color: #e4eaf0;
}

body.login div,
body.login p,
body.login a,
body.login label,
body.login input {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
}

body.login a {
  transition: all 0.2s ease-in-out;
}

body.login #login {
  width: 95%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4%;
}

body.login #login h1 a {
  background-image: url("../img/Logo_HerrBertie.svg");
  height: 60px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

body.login form {
  background-color: #287896;
  margin-top: 3em;
  padding: 3em;
}

body.login label[for="user_login"], body.login label[for="user_pass"], body.login label[for="rememberme"] {
  color: #ffffff;
}

body.login label[for="user_login"] input, body.login label[for="user_pass"] input {
  padding: 10px;
  font-size: 18px;
}

body.login input[type="text"], body.login input[type="password"] {
  background: #ffffff;
}

body.login input[type="text"], body.login input[type="password"] {
  margin-top: 10px;
}

body.login .forgetmenot {
  margin-top: 20px;
  margin-bottom: 20px !important;
}

body.login .forgetmenot input[type="checkbox"] {
  background: #ffffff;
}

body.login .forgetmenot input[type="checkbox"]:checked {
  position: relative;
}

body.login .forgetmenot input[type="checkbox"]:checked:before {
  content: "\f147";
  position: absolute;
  top: 0;
  left: 0;
  color: #d2963c;
}

body.login .submit .button {
  transition: all 0.2s ease-in-out;
  background: none;
  background-color: #2d9bbe;
  color: #ffffff;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-bottom: 5px solid #288aa9;
  border-radius: 5px;
  padding: 1em 2em;
  margin-top: 1em;
  width: 100%;
  height: auto;
  text-shadow: none;
  box-shadow: none;
  float: none;
}

body.login .submit .button:hover {
  outline: 0;
  background-color: #2fa2c6;
  border-bottom: 5px solid #2d9bbe;
}

body.login #nav a,
body.login #backtoblog a {
  color: #d2963c;
}

body.login #nav a:link,
body.login #backtoblog a:link {
  color: #d2963c;
}

body.login #nav a:visited,
body.login #backtoblog a:visited {
  color: #d2963c;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: #8c692d;
}

body.login #nav a:active,
body.login #backtoblog a:active {
  color: #d2963c;
}

body.login .message {
  margin-top: 3em;
  padding: 2em;
  border-left: 5px solid #d2963c;
  background-color: #287896;
  color: #ffffff;
  font-size: 0.9rem;
}

body.login .message a {
  color: #ffffff;
}

body.login .message a:visited, body.login .message a:active, body.login .message a:focus {
  color: #ffffff;
}

body.login #login_error {
  margin-top: 3em;
  padding: 2em;
  border-left: 5px solid #d2963c;
  background-color: #287896;
  color: #ffffff;
  font-size: 0.9rem;
  line-height: 1.4rem;
}

body.login #login_error strong {
  font-weight: 700;
}

body.login #login_error a {
  color: #d49a44;
}

body.login #login_error a:link {
  color: #d49a44;
}

body.login #login_error a:visited {
  color: #d49a44;
}

body.login #login_error a:hover {
  color: #f8ede1;
}

body.login #login_error a:active {
  color: #d49a44;
}

body.login #resetpassform p,
body.login #resetpassform label {
  color: #ffffff;
}

body.login #resetpassform .pw-weak label {
  color: #d2963c;
}

body.login .button.wp-hide-pw .dashicons {
  top: 1rem !important;
}

/*# sourceMappingURL=../../maps/style-login.css.map */