@import url('https://fonts.googleapis.com/css2?family=Poppins'); * {
  font-family: 'Poppins', sans-serif;
}

body.gin-login .user-form-page__user-form {
  flex-basis: 600px;
  background: #faf4e2;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 3rem;
  height: 100vh;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

body.gin-login .user-form-page__user-form .content-header {
  position: sticky;
  top: 0;
  background: #faf4e2;
  z-index: 9999;
}

body.gin-login .user-form-page__user-form > .layout-container {
  flex-basis: 100%;
}

body.gin-login .user-form-page__user-form::-webkit-scrollbar {
  display: none;
}

body.gin-login .user-form-page__wallpaper {
  background: #ffffff;
  flex-direction: column;
  justify-content: space-around;
}

body.gin-login .user-form-page__wallpaper .slogan {
  text-align: center;
  font-size: 28px;
  color: #333333;
}

body.gin-login .user-form-page__wallpaper .slogan h3 {
  font-size: 42px;
  font-weight: 700;
  color: #0e1a0e;
}

body.gin-login .user-form-page__wallpaper .slogan h3 i {
  font-family: Georgia;
  font-weight: 500;
}

body.gin-login .user-form-page__wallpaper img {
  max-height: 640px;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
}

body.gin-login .user-form-page .content-header {
  flex-basis: unset;
  padding-top: 3rem;
}

body.gin-login .user-form-page .content-header a {
  justify-content: center;
}

body.gin-login .user-form-page__user-form img {
  max-height: 90px;
}

body.gin-login .user-form-page .layout-container {
  max-width: 377px;
}

.footer-links {
  margin-top: 1.5rem;
  display: flex;
  justify-content: space-around;
  margin-bottom: 1.5rem;
}

.footer-links a {
  font-size: 12px;
  color: #202020;
  text-decoration: none;
}

.login-description {
  color: #202020b2;
  margin-bottom: 2rem;
}

.login-text {
  margin-bottom: 2rem;
  color: #006b54;
  font-size: 40px;
  font-weight: 700;
  margin-top: 0;
}

body.gin-login .user-form-page__page-title {
  display: none;
}

.region-pre-content,
.help {
  display: none;
}

body.gin-login .user-form-page .user-login-form,
body.gin-login .user-form-page .user-pass {
  display: flex;
  flex-direction: column;
}

body.gin-login .user-form-page .form-item__label {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: .5rem;
}

body.gin-login .user-form-page .form-item__label:after {
  content: none;
}

body.gin-login .user-form-page .form-element {
  border: 3px solid rgba(32, 32, 32, 0.1);
  border-radius: 12px;
}

body.gin-login .user-form-page .form-item {
  margin-bottom: 2rem;
  margin-top: 0;
}

body.gin-login .button.button--primary {
  background: #202020;
  padding: 1rem !important;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  height: 63px;
  border: 0 !important;
  box-shadow: none;
  width: 100%;
}

body.gin-login .user-register-form .button {
  margin: 0;
}

.user-form .form-managed-file.no-upload {
  display: block;
}
.user-form .form-managed-file__main {
  display: block;
}

body.gin-login .button.outline-button {
  background: none;
  color: #202020;
  padding: 1rem !important;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  height: 63px;
  border: 5px solid #202020 !important;
  box-shadow: none;
  width: 100%;
}

body.gin-login .button.outline-button:hover {
  color: #070707;
  border: 5px solid #070707 !important;
}

body .messages {
  border-radius: 0;
  padding: 20px 48px 20px 16px;
}

body .messages.messages--status {
  color: #fff;
  background: #38c961;
}

body .messages .messages__header {
  display: none;
}

body .messages .messages__content {
  margin: 0;
}

body .messages .button--dismiss {
  right: 10px !important;
  top: 50%;
  transform: translate(0, -50%);
  margin: 0;
}

body.gin-login .user-form-page .more-links {
  flex-direction: column;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

body.gin-login .user-form-page .more-links .user-links {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body.gin-login .user-form-page .more-links .user-links .divider {
  background: none;
  margin-left: 5px;
  margin-right: 5px;
}

body.gin-login .user-form-page .more-links .contact-us a,
body.gin-login .user-form-page .more-links .user-links a {
  color: #006b54;
  text-decoration: none;
}

body.gin-login .user-form-page .forgot-password-link {
  margin-top: 1rem;
  color: #006b54;
  text-decoration: none;
}

.page-content {
  margin: 0;
}

.page-content > .region-content {
  margin: 0 !important;
}

.page-content,
.region-content,
#block-gin-content,
.user-login-form,
.user-pass,
.user-register-form {
  height: 100%;
}

.page-wrapper *:focus,
.form-element:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 4px #fff !important;
}

@media (min-width: 1800px) {
  body.gin-login .user-form-page__user-form {
    flex-basis: 600px;
  }
}

@media (max-width: 1400px) {
  body.gin-login .user-form-page__wallpaper img {
    max-width: 60%;
    height: auto;
  }
  body.gin-login .user-form-page__wallpaper .slogan {
    font-size: 21px;
  }
  body.gin-login .user-form-page__wallpaper .slogan h3 {
    font-size: 30px;
  }
}

@media (max-width: 1200px) {
  body.gin-login .user-form-page__user-form {
    flex-basis: 460px;
  }
}

@media (max-width: 992px) {
  body.gin-login .user-form-page__wallpaper {
    display: none;
  }
  body.gin-login .user-form-page__user-form {
    flex-basis: 100%;
  }
}

@media (min-width: 800px) {
  body.gin-login .user-form-page .layout-container {
    padding: 0 20px;
  }
}

@media (max-width: 576px) {
  body.gin-login .user-form-page {
    height: auto;
  }
  body.gin-login .user-form-page__user-form {
    gap: initial;
    display: grid;
  }
  body.gin-login .user-form-page .content-header {
    padding-top: 1.8rem;
    margin-bottom: 1.8rem;
  }
  body.gin-login .user-form-page .content-header a {
    justify-content: left;
  }
  body.gin-login .user-form-page__user-form img {
    max-height: 58px;
  }
  .login-text {
    margin-bottom: 1rem;
  }
  body.gin-login .user-form-page .form-item {
    margin-bottom: .75rem;
  }
  body.gin-login .button {
    margin-top: 2rem;
  }
  body.gin-login .user-form-page .layout-container {
    max-width: unset;
  }
  .footer-links {
    margin-top: 2.5rem;
    margin-bottom: 0;
  }
}