/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/login/index.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
body.login .login-container {
  display: grid;
  grid-template-columns: clamp(300px, 40vw, 660px) 1fr;
  min-height: 100vh;
}
@media (max-width: 660px) {
  body.login .login-container {
    display: block;
  }
}
body.login #sidebar {
  text-align: center;
  color: #fff;
  padding: 7%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  background: linear-gradient(-45deg, #23d5ab, #23a6d5, rgb(0, 82, 164), rgb(0, 102, 204));
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  height: 100vh;
}
body.login #sidebar h1 {
  font-size: clamp(2.0272865295rem, 4.3371645159vw + 0.7261371748rem, 4.1958687875rem);
}
@media (max-width: 660px) {
  body.login #sidebar {
    display: none;
  }
}
body.login #mwf-logo-container {
  height: 0;
  padding-bottom: 36.027714%;
  background-image: url(../images/MWF_logo.3ed4e032.png);
  background-size: cover;
  display: block;
}
body.login #form-container {
  padding: 7%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url(../images/Wordpress-Logo.05135ee3.png);
  background-repeat: no-repeat;
  background-size: 60vw;
  background-position: left -10vw top -10vw;
}
@media (min-width: 1280px) {
  body.login #form-container {
    background-size: 800px;
    background-position: left -140px top -140px;
  }
}
body.login #login-form-header {
  width: 100%;
}
body.login #login-form-header img {
  max-width: 100%;
  height: auto;
}
body.login #login-message {
  margin: 0;
}
body.login #login {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1em;
  max-width: 440px;
  width: auto;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}
body.login #login p.message {
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  font-size: 1.125rem;
}
body.login #login #backtoblog {
  padding: 0;
  margin: 0;
}
body.login #login #nav {
  padding: 0;
  margin: 0;
}
body.login #login > h1 {
  display: none;
}
body.login #login h2.sign-in {
  font-size: 2rem;
  margin-bottom: 18px;
}
body.login #login form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  background: #fff;
  width: auto;
}
body.login #login form input[type=text],
body.login #login form input[type=password] {
  border-radius: 4px;
  margin: 0;
  padding: 1rem 1.5rem;
}
body.login #login form .forgetmenot {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body.login #login form #wp-submit {
  width: 100%;
  display: block;
  padding: 1rem 1.5rem;
  border-radius: 4px;
  border: none;
  box-shadow: none;
  font-size: 1.125rem;
}
body.login #login form .wp-pwd button {
  bottom: 0;
  height: 100%;
}
body.login #login #nav,
body.login #login #backtoblog {
  display: inline-block;
  width: auto;
}
body.login #login #nav a,
body.login #login #backtoblog a {
  color: #2271b1;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1em 1.5em;
  display: inline-block;
  border-radius: 4px;
  font-weight: 600;
}
body.login #login #nav a:hover, body.login #login #nav a:focus,
body.login #login #backtoblog a:hover,
body.login #login #backtoblog a:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

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