body.login {
  background: url(../img/footer-background.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  background-color: #D8D8D8;
}
body.login #login > h1 > a {
  background: url(../img/agora-logo-no-text.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
body.login .message {
  border-radius: 2px;
  box-shadow: 0 7px 30px 0 rgba(0, 0, 0, 0.08);
  border-left: 4px solid #3B82F6;
}
body.login #loginform,
body.login #registerform,
body.login #lostpasswordform {
  border-radius: 2px;
  box-shadow: 0 7px 30px 0 rgba(0, 0, 0, 0.08);
}
body.login #loginform p:not(.forgetmenot) label, body.login #loginform .user-pass-wrap label,
body.login #registerform p:not(.forgetmenot) label,
body.login #registerform .user-pass-wrap label,
body.login #lostpasswordform p:not(.forgetmenot) label,
body.login #lostpasswordform .user-pass-wrap label {
  color: #3B82F6;
}
body.login #loginform p:not(.forgetmenot) input:not([type=submit]), body.login #loginform .user-pass-wrap input:not([type=submit]),
body.login #registerform p:not(.forgetmenot) input:not([type=submit]),
body.login #registerform .user-pass-wrap input:not([type=submit]),
body.login #lostpasswordform p:not(.forgetmenot) input:not([type=submit]),
body.login #lostpasswordform .user-pass-wrap input:not([type=submit]) {
  border: none;
  border-bottom: 2px solid #3B82F6;
  border-radius: 0;
  transition: 0.3s;
  padding: 0;
}
body.login #loginform p:not(.forgetmenot) input:not([type=submit]):focus, body.login #loginform .user-pass-wrap input:not([type=submit]):focus,
body.login #registerform p:not(.forgetmenot) input:not([type=submit]):focus,
body.login #registerform .user-pass-wrap input:not([type=submit]):focus,
body.login #lostpasswordform p:not(.forgetmenot) input:not([type=submit]):focus,
body.login #lostpasswordform .user-pass-wrap input:not([type=submit]):focus {
  padding: 0 10px;
  outline: none;
  border-radius: 2px;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
body.login #loginform p:not(.forgetmenot) input[type=submit], body.login #loginform .user-pass-wrap input[type=submit],
body.login #registerform p:not(.forgetmenot) input[type=submit],
body.login #registerform .user-pass-wrap input[type=submit],
body.login #lostpasswordform p:not(.forgetmenot) input[type=submit],
body.login #lostpasswordform .user-pass-wrap input[type=submit] {
  font-size: 0.67rem !important;
  padding: 6px 10px;
  min-width: 120px;
  display: inline-block;
  color: #fff !important;
  font-weight: 600 !important;
  font-family: Montserrat, "Helvetica Neue", sans-serif;
  letter-spacing: 1px;
  position: relative;
  border: none !important;
  text-transform: uppercase;
  border-radius: 2px;
  background: #6500c8;
  background: -moz-linear-gradient(45deg, #6500c8 20%, #3b82f6 100%);
  background: -webkit-linear-gradient(45deg, #6500c8 20%, #3b82f6 100%);
  background: linear-gradient(45deg, #6500c8 20%, #3b82f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#6500c8", endColorstr="#3b82f6",GradientType=1 );
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
body.login #loginform p:not(.forgetmenot) input[type=submit]:hover, body.login #loginform .user-pass-wrap input[type=submit]:hover,
body.login #registerform p:not(.forgetmenot) input[type=submit]:hover,
body.login #registerform .user-pass-wrap input[type=submit]:hover,
body.login #lostpasswordform p:not(.forgetmenot) input[type=submit]:hover,
body.login #lostpasswordform .user-pass-wrap input[type=submit]:hover {
  background: #812bc8;
  background: -moz-linear-gradient(45deg, #812bc8 20%, #558ff6 100%);
  background: -webkit-linear-gradient(45deg, #812bc8 20%, #558ff6 100%);
  background: linear-gradient(45deg, #812bc8 20%, #558ff6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#812bc8", endColorstr="#558ff6",GradientType=1 );
  text-decoration: none;
}
body.login #loginform p:not(.forgetmenot) input[type=submit][disabled], body.login #loginform .user-pass-wrap input[type=submit][disabled],
body.login #registerform p:not(.forgetmenot) input[type=submit][disabled],
body.login #registerform .user-pass-wrap input[type=submit][disabled],
body.login #lostpasswordform p:not(.forgetmenot) input[type=submit][disabled],
body.login #lostpasswordform .user-pass-wrap input[type=submit][disabled] {
  background: #B4B4B4 !important;
  background: -moz-linear-gradient(45deg, #B4B4B4 20%, #C6C6C6 100%) !important;
  background: -webkit-linear-gradient(45deg, #B4B4B4 20%, #C6C6C6 100%) !important;
  background: linear-gradient(45deg, #B4B4B4 20%, #C6C6C6 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B4B4B4", endColorstr="#C6C6C6",GradientType=1 ) !important;
}
body.login #loginform p:not(.forgetmenot) input[type=submit][disabled]:hover, body.login #loginform .user-pass-wrap input[type=submit][disabled]:hover,
body.login #registerform p:not(.forgetmenot) input[type=submit][disabled]:hover,
body.login #registerform .user-pass-wrap input[type=submit][disabled]:hover,
body.login #lostpasswordform p:not(.forgetmenot) input[type=submit][disabled]:hover,
body.login #lostpasswordform .user-pass-wrap input[type=submit][disabled]:hover {
  cursor: auto;
  background: #B4B4B4 !important;
  background: -moz-linear-gradient(45deg, #B4B4B4 20%, #C6C6C6 100%) !important;
  background: -webkit-linear-gradient(45deg, #B4B4B4 20%, #C6C6C6 100%) !important;
  background: linear-gradient(45deg, #B4B4B4 20%, #C6C6C6 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B4B4B4", endColorstr="#C6C6C6",GradientType=1 ) !important;
}
body.login #loginform .dashicons-visibility,
body.login #registerform .dashicons-visibility,
body.login #lostpasswordform .dashicons-visibility {
  color: #3B82F6;
}
body.login #loginform .forgetmenot,
body.login #loginform .agorapro_register_privacy,
body.login #loginform .agorapro_register_add_to_newsletter,
body.login #registerform .forgetmenot,
body.login #registerform .agorapro_register_privacy,
body.login #registerform .agorapro_register_add_to_newsletter,
body.login #lostpasswordform .forgetmenot,
body.login #lostpasswordform .agorapro_register_privacy,
body.login #lostpasswordform .agorapro_register_add_to_newsletter {
  margin-top: 6px;
}
body.login #loginform .forgetmenot input,
body.login #loginform .agorapro_register_privacy input,
body.login #loginform .agorapro_register_add_to_newsletter input,
body.login #registerform .forgetmenot input,
body.login #registerform .agorapro_register_privacy input,
body.login #registerform .agorapro_register_add_to_newsletter input,
body.login #lostpasswordform .forgetmenot input,
body.login #lostpasswordform .agorapro_register_privacy input,
body.login #lostpasswordform .agorapro_register_add_to_newsletter input {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
}
body.login #loginform .forgetmenot input + label:before, body.login #loginform .forgetmenot input + span:before,
body.login #loginform .agorapro_register_privacy input + label:before,
body.login #loginform .agorapro_register_privacy input + span:before,
body.login #loginform .agorapro_register_add_to_newsletter input + label:before,
body.login #loginform .agorapro_register_add_to_newsletter input + span:before,
body.login #registerform .forgetmenot input + label:before,
body.login #registerform .forgetmenot input + span:before,
body.login #registerform .agorapro_register_privacy input + label:before,
body.login #registerform .agorapro_register_privacy input + span:before,
body.login #registerform .agorapro_register_add_to_newsletter input + label:before,
body.login #registerform .agorapro_register_add_to_newsletter input + span:before,
body.login #lostpasswordform .forgetmenot input + label:before,
body.login #lostpasswordform .forgetmenot input + span:before,
body.login #lostpasswordform .agorapro_register_privacy input + label:before,
body.login #lostpasswordform .agorapro_register_privacy input + span:before,
body.login #lostpasswordform .agorapro_register_add_to_newsletter input + label:before,
body.login #lostpasswordform .agorapro_register_add_to_newsletter input + span:before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 1px solid #ffffff;
  background-color: #d4d4d4;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
body.login #loginform .forgetmenot input:checked + label:before, body.login #loginform .forgetmenot input:checked + span:before,
body.login #loginform .agorapro_register_privacy input:checked + label:before,
body.login #loginform .agorapro_register_privacy input:checked + span:before,
body.login #loginform .agorapro_register_add_to_newsletter input:checked + label:before,
body.login #loginform .agorapro_register_add_to_newsletter input:checked + span:before,
body.login #registerform .forgetmenot input:checked + label:before,
body.login #registerform .forgetmenot input:checked + span:before,
body.login #registerform .agorapro_register_privacy input:checked + label:before,
body.login #registerform .agorapro_register_privacy input:checked + span:before,
body.login #registerform .agorapro_register_add_to_newsletter input:checked + label:before,
body.login #registerform .agorapro_register_add_to_newsletter input:checked + span:before,
body.login #lostpasswordform .forgetmenot input:checked + label:before,
body.login #lostpasswordform .forgetmenot input:checked + span:before,
body.login #lostpasswordform .agorapro_register_privacy input:checked + label:before,
body.login #lostpasswordform .agorapro_register_privacy input:checked + span:before,
body.login #lostpasswordform .agorapro_register_add_to_newsletter input:checked + label:before,
body.login #lostpasswordform .agorapro_register_add_to_newsletter input:checked + span:before {
  background: linear-gradient(60deg, #3d62e9 0%, #3b6dee 50%, #3b80f5 140%);
}
body.login #loginform .forgetmenot:hover,
body.login #loginform .agorapro_register_privacy:hover,
body.login #loginform .agorapro_register_add_to_newsletter:hover,
body.login #registerform .forgetmenot:hover,
body.login #registerform .agorapro_register_privacy:hover,
body.login #registerform .agorapro_register_add_to_newsletter:hover,
body.login #lostpasswordform .forgetmenot:hover,
body.login #lostpasswordform .agorapro_register_privacy:hover,
body.login #lostpasswordform .agorapro_register_add_to_newsletter:hover {
  cursor: pointer;
}
body.login #loginform .agorapro_register_add_to_newsletter,
body.login #registerform .agorapro_register_add_to_newsletter,
body.login #lostpasswordform .agorapro_register_add_to_newsletter {
  margin-bottom: 20px;
}
body.login #loginform .anr_captcha_field,
body.login #registerform .anr_captcha_field,
body.login #lostpasswordform .anr_captcha_field {
  margin: 20px 0;
}
body.login #lostpasswordform + #nav {
  display: flex;
  justify-content: center;
}
body.login #nav a.styled_footer_nav_link {
  font-size: 0.67rem !important;
  padding: 10px 30px;
  min-width: 0;
  display: inline-block;
  color: #fff !important;
  font-weight: 600 !important;
  font-family: Montserrat, "Helvetica Neue", sans-serif;
  letter-spacing: 1px;
  position: relative;
  border: none !important;
  text-transform: uppercase;
  margin: 0 10px;
  border-radius: 2px;
  background: #6500c8;
  background: -moz-linear-gradient(45deg, #6500c8 20%, #3b82f6 100%);
  background: -webkit-linear-gradient(45deg, #6500c8 20%, #3b82f6 100%);
  background: linear-gradient(45deg, #6500c8 20%, #3b82f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#6500c8", endColorstr="#3b82f6",GradientType=1 );
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
body.login #nav a.styled_footer_nav_link:hover {
  background: #812bc8;
  background: -moz-linear-gradient(45deg, #812bc8 20%, #558ff6 100%);
  background: -webkit-linear-gradient(45deg, #812bc8 20%, #558ff6 100%);
  background: linear-gradient(45deg, #812bc8 20%, #558ff6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#812bc8", endColorstr="#558ff6",GradientType=1 );
  text-decoration: none;
}

/*# sourceMappingURL=login.css.map */