/*
File: login.scss
This only gets enqueued in the login pages
*/
/*
File: _variables.scss
This should contain variable declarations. Actual usage should occur elsewhere
*/
/*
COLORS
*/
/*
TYPOGRAPHY
*/
/*
SIZING
*/
/*
BREAKPOINTS
*/
/*
File: _animation.scss
This should contain site-wide animation styles
*/
/*
DELAYED BLURB ENTRY
This progressively delays the animation start of images in later columns
to create a cool effect
*/
#rf-body img {
  animation-fill-mode: both;
}
@media only screen and (min-width: 980.02px) {
  #rf-body .et_pb_column:nth-child(2) img {
    animation-delay: 0.25s;
  }
  #rf-body .et_pb_column:nth-child(3) img {
    animation-delay: 0.5s;
  }
  #rf-body .et_pb_column:nth-child(4) img {
    animation-delay: 0.75s;
  }
  #rf-body .et_pb_column:nth-child(5) img {
    animation-delay: 1s;
  }
  #rf-body .et_pb_column:nth-child(6) img {
    animation-delay: 1.25s;
  }
}
body.login {
  background-color: #fff;
  color: #393B40;
  font-size: 1rem;
  line-height: 1.5rem;
  display: flex;
}
body.login::after {
  content: "";
  display: block;
  height: 100%;
  flex-grow: 1;
  background-color: #2E3E92;
  background-size: cover;
  background-position: center;
}
#login {
  width: 50%;
  min-width: 480px;
  padding: 3rem 6rem;
  min-height: 100vh;
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
}
@media (max-width: 767px) {
  #login {
    width: 100%;
    min-width: 0;
    padding: 3rem;
  }
}
@media (max-width: 480px) {
  #login {
    padding: 3rem 1.5rem;
  }
}
#login #loginform {
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  overflow: visible;
}
#login h1 {
  margin-top: auto;
}
#login h1 a {
  height: 197px;
  width: 260px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 0;
  margin-bottom: 0;
}
#login a {
  color: #2E3E92;
  transition: all 0.3s ease;
}
#login label {
  line-height: 1.5rem;
  margin-bottom: 0;
  color: rgba(57, 59, 64, 0.6);
}
#login input {
  transition: all 0.3s ease;
}
#login input[type=text], #login input[type=password] {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.75rem 1.5rem;
  background: transparent;
  border-radius: 0;
  color: #393B40;
  border-color: rgba(57, 59, 64, 0.6);
}
#login input[type=text]:focus, #login input[type=password]:focus {
  box-shadow: 0 0 0 1px var(--color-1);
}
#login input[type=checkbox] {
  border-color: rgba(57, 59, 64, 0.6);
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}
#login button.wp-hide-pw {
  height: 3rem;
  width: 3rem;
  top: 1px;
  right: 1px;
  color: #2E3E92;
}
#login input[type=submit] {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.75rem 1.5rem;
  color: #fff;
  text-transform: uppercase;
  background-color: #2E3E92 !important;
  border-color: #2E3E92 !important;
  border-radius: 0;
}
#login input[type=submit]:hover {
  background-color: #ED1C24 !important;
  border-color: #ED1C24 !important;
}
#login p.submit::after {
  content: "";
  visibility: hidden;
  display: block;
  clear: both;
}
#login .itsec-pwls-login-fallback {
  position: static;
  margin-top: 10px;
}
#login #backtoblog, #login #nav {
  padding: 0;
}
#login #backtoblog a, #login #nav a {
  color: rgba(57, 59, 64, 0.6);
}
#login #backtoblog a:hover, #login #nav a:hover {
  color: #2E3E92;
}
#login .privacy-policy-page-link {
  margin: auto 0 0;
  justify-self: flex-end;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22https%3A%2F%2Fnews.farcornersd.com%2F%22%2C%22sources%22%3A%5B%22wp-content%2Fthemes%2Fclientname%2Fstyles%2Fscss%2Flogin.scss%22%2C%22wp-content%2Fthemes%2Fclientname%2Fstyles%2Fscss%2Fbase%2F_animation.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACiBI%3BAAAA%3BAAAA%3BAAGA%3BAAGQ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADfZ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWJ%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWI%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUI%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%22%7D */