/* Fonts */
/* REGULAR - 400 */
@font-face {
	font-family: 'Metropolis';
	src: url('../fonts/Metropolis-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
  font-display: swap;
}


/* BOLD - 700 */
@font-face {
	font-family: 'Metropolis';
	src: url('../fonts/Metropolis-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
  font-display: swap;
}


/* Login page Style */

body.login {
  position: relative;
  background: #fff;
  font-family: 'Metropolis', Arial, sans-serif;
}
@media screen and (min-width:1080px) {
  body.login {
    overflow: hidden;
  }
  body.login:before {
    content: '';
    display: block;
    min-width: 100vw;
    min-height: 100vh;
    aspect-ratio: 1 / 1;
    border-radius: 10%;
    background: #ebebeb;
    position: absolute;
    top: -50%;
    right: -50%;
    z-index: -2;
    transform: rotate(45deg) translate(15%, 15%);
  }
}
#login {
  max-width: 400px;
  width: 100%;
}

.login h1 a {
  display: block;
  width: 64px;
  height: 64px;
  margin-bottom: 3rem;
  background: url(logo_iy.svg) no-repeat top center transparent;
}



.login #login_error, .login .message, .login .success {
  position: relative;
  margin-bottom: 1.5rem;
  background: transparent;
  border-left: none;
  border-radius: 8px;
  box-shadow: none;
  z-index: 2;
}
.login #login_error {
  color: #c20033;
  background-color: #c2003308;
}
.login .success {
  color: #00aa66;
  background-color: #00aa6608;
}


.login form {
  position: relative;
  margin-top: 0;
  padding: 4rem 2rem;
  border: 0;
  border-radius: 20px;
  box-shadow: 0 0 48px 0 rgba(0,0,0,.08);
}
.login form:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 20px);
  width: 40px;
  height: 4px;
  background: #f23d00;
}
@media screen and (max-width:720px) {
  .login form {
    padding: 1rem 2rem;
    box-shadow: none;
  }
  .login form:before {
    display: none;
  }
  #loginform {
    max-width: calc(100% - 4rem);
  }
}

.login form label {
  padding-left: 1.5rem;
}
.login form input + label {
  padding-left: 0;
}

.login #backtoblog a,
.login #nav a,
.login h1 a {
  color: #4c4593;
}
.login #backtoblog a:hover,
.login #nav a:hover,
.login h1 a:hover {
  color: #f23d00;
}
#login form p.forgetmenot {
  display: block;
  width: 100%;
  margin-bottom: 1em;
}
#login form p.submit {
  display: block;
  margin-top: 20px;
  text-align: center;
}

form input[type=text],
form input[type=email],
form input[type=password],
form select {
  border-radius: 32px !important;
  padding: .5rem 1.5rem !important;
  font-size: 1rem !important;
  height: 42px !important;
  line-height: 1!important;
}

.wp-core-ui .button,
.wp-core-ui .button.button-large,
.wp-core-ui .button.button-small,
a.preview,
input#publish,
input#save-post {
  display: inline-block;
  position: relative;
  float: none;
  padding: .75em 2rem;
  min-height: 36px;
  height: auto!important;
  font-weight: 700;
  font-size: 1rem !important;
  background: #f23d00;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 1rem !important;
  cursor: pointer;
  border: none;
  border-radius: 32px;
  box-sizing: border-box;
  box-shadow: none;
  text-shadow: none;
  text-transform: normal;
  transition: all ease-in-out .25s;
  vertical-align: middle;
}
.button.button-secondary.wp-hide-pw {
  color: #00000064;
}
.button.button-secondary.wp-hide-pw:hover {
  color: #00000082;
}
.button.button-secondary.wp-hide-pw .dashicons {
  top: 0;
}

@media screen and (min-width:601px){
  .wp-core-ui .button,
  .wp-core-ui .button.button-large,
  .wp-core-ui .button.button-small,
  a.preview,
  input#publish,
  input#save-post { font-size: 1.15rem; }
}
    
    
.wp-core-ui .button:hover,
.wp-core-ui .button.button-large:hover,
.wp-core-ui .button.button-small:hover,
a.preview:hover,
input#publish:hover,
input#save-post:hover {
  background: #4c4593;
  color: #fff;
}

/* LANGUAGE SWITCHER */
.language-switcher {
  padding: 1rem 0;
}
form#language-switcher {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 1rem;
  max-width: calc(400px - 2rem);
  margin: 0 auto;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 0 48px 0 rgba(0,0,0,.08);
}


form#language-switcher select {
  max-width: 40%!important;
}

@media screen and (max-width:720px) {
  form#language-switcher {
    flex-direction: column;
    width: 100%;
    max-width: calc(100% - 2rem);
    box-shadow: none;
  }
  form#language-switcher:before {
    display: none;
  }
  form#language-switcher select {
    max-width: none !important;
    margin-bottom: .5rem;
  }

}