/* @group Sign In
------------------------------------ */
body { font-family: proxima-nova, Arial, helvetica sans-serif;
  border-top: 1.3rem solid;
  border-image: linear-gradient(to right, rgba(0,100,163,1) 14.28%,
  rgba(0,178,221,1) 14.28%,
  rgba(0,178,221,1) 28.57%,
  rgba(199,233,244,1) 28.57%,
  rgba(199,233,244,1) 42.855%,
  rgba(241,201,119,1) 42.855%,
  rgba(241,201,119,1) 57.14%,
  rgba(26,46,87,1) 57.14%,
  rgba(26,46,87,1) 71.427%,
  rgba(243,190,169,1) 71.427%,
  rgba(243,190,169,1) 85.71%,
  rgba(240,44,46,1) 85.71%) 7;
}
body::before { content: ''; background: url(../../img/layout/lightbox/background.svg) center center no-repeat; background-size: cover; height: 72.8rem; width: 64.1rem; position: absolute; top: calc(50% - 36.4rem); left: calc(50% - 32.05rem); z-index: -1; }
.login h1 a { display: none; }

.login input[type="text"],
.login input[type="password"] { background: rgba(237,248,251,1); color: rgba(26,46,87,1); font-size: 1.4em;
letter-spacing: 0.3px; line-height: 2.143em; height: 5.5rem; width: 100%; padding: 0 2rem; margin: 0 auto 1.9rem; border: none; min-height: 0; }
.message,
.login #backtoblog,
.login #nav,
#reg_passmail,
.login label { color: rgba(0,100,163,1); font-size: 1.4em; letter-spacing: 0.77px; line-height: 1.929em; }
.login #backtoblog a,
.login #nav a { color: rgba(0,100,163,1); }
.login form input[type=checkbox],
.login form input[type=radio] { height: 2rem; width: 2rem; background: rgba(237,248,251,1); border: .5rem solid rgba(237,248,251,1);display: inline-block; border-radius: 100%; margin-right: 1.1rem;
  vertical-align: middle; position: relative; top: -.25rem; box-shadow: none; }
.login form input[type=checkbox]:checked,
.login form input[type=radio]:checked { background: rgba(26,46,87,1); }
.login form input[type=checkbox]:checked::before,
.login form input[type=radio]:checked::before { content: none!important; }
.login .button.wp-hide-pw { background: 0 0; border: 1px solid transparent; box-shadow: none; font-size: 1.4em; line-height: 5.5rem; width: 2.5rem; height: 5.5rem; min-width: 40px; min-height: 0; margin: 0;
padding: 0; position: absolute; right: 0; top: 0; }
.login .button.wp-hide-pw .dashicons { width: 100%; height: 100%; top: 0; line-height: 5.5rem; }
.wp-core-ui .button-group.button-large .button,
.wp-core-ui .button.button-large { background: linear-gradient(-90deg, rgba(241,201,119,1) 0%, rgba(249,230,175,1) 100%); color: rgba(26,46,87,1); font-size: 1.6em; font-weight: 600; letter-spacing: 3.2px;
line-height: 1.250em; padding: 2.5rem 5.1rem; display: inline-block; text-transform: uppercase; position: relative; overflow: hidden; border: none;
  -webkit-transition:  -webkit-transform 0.3s linear;
  -moz-transition: -moz-transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
}
#login { width: 40rem; }
.login form { display: flex; flex-wrap: wrap; }
#login form .user-pass-wrap,
#login form p { width: 100%; }
#login form p.submit { display: inline-block; margin-top: 2rem; position: relative; margin-left: auto; }
@media only screen
and (min-width : 961px) {
  p.submit::after { background: rgba(255,255,255,.4); content: ''; height: 15.5rem; left: -7.5rem; opacity: .2; position: absolute; top: -5rem; -webkit-transform: rotate(35deg); transform: rotate(35deg); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 5rem; z-index: 2; }
  .Mozilla.v11 p.submit:hover input,
  .Explorer p.submit:hover input { -webkit-transform: scale(1.025); transform: scale(1.025); }
  .Mozilla.v11 p.submit:hover input,
  .Explorer p.submit:hover input { -webkit-transform: scale(1.025); transform: scale(1.025); }
  @media (hover: hover) {
    p.submit:hover input { -webkit-transform: scale(1.025); transform: scale(1.025); }
    p.submit:hover:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }
    /* .lightbox-signin .lost-password a:hover { color: rgba(0,100,163,1); } */
  }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  body::before {}
  #login { width: 60rem; margin-bottom: 3rem; }
  .login form { margin-bottom: 3rem; }
  .message,
  .login #backtoblog,
  .login #nav, #reg_passmail,
  .login label { color: rgba(26,46,87,1); font-size: 2.6rem; letter-spacing: 0.56px; line-height: 1.154em; margin: 0 auto 2rem; padding: 0; }
  .login input[type="text"],
  .login input[type="password"] { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.154em; height: 8rem; padding: 0 3.5rem; margin: 0 0 3rem; }
  .login form input[type=checkbox],
  .login form input[type=radio] { height: 2rem; width: 2rem; background: rgba(237,248,251,1); border: .5rem solid rgba(237,248,251,1);display: inline-block; border-radius: 100%; margin-right: 1.1rem;
    vertical-align: middle; position: relative; top: -.25rem; box-shadow: none; }
  .login form input[type=checkbox],
  .login form input[type=radio] { height: 5rem; width: 5rem; margin-right: 2.1rem; top: -.5rem; }
  .wp-core-ui .button-group.button-large .button,
  .wp-core-ui .button.button-large { font-size: 2.4em; letter-spacing: 4.8px; line-height: 1.210em; padding: 2.6rem 5.1rem 2.5rem; }
  .login .button.wp-hide-pw { font-size: 2.4em; line-height: 8rem; width: 5rem; height: 8rem; }
  .login .button.wp-hide-pw .dashicons { line-height: 8rem; }
}
/* @end */