/* stylelint-disable */
/* stylelint-enable */
:root {
  --grid-max-width: calc(1300px + 2 * var(--grid-padding));
  --grid-padding: 16px;
}
@media screen and (min-width: 1440px) {
  :root {
    --grid-padding: 40px;
  }
}

.header {
  background-color: var(--white);
  padding-top: 32px;
  padding-bottom: 36px;
}
@media screen and (max-width: 650px) {
  .header {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.header--with-border {
  border-bottom: 1px solid var(--border-colour);
}

.header__title {
  margin-top: 0;
  margin-bottom: 0;
}

.header__desc-wrap {
  margin-top: 8px;
}
@media screen and (min-width: 1025px) {
  .header__desc-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
  }
}

.header__desc {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .header__desc {
    flex: 0 0 auto;
    width: calc(75% - 24px);
    margin-right: 12px;
    margin-left: 12px;
  }
}

.admin-login-header {
  text-align: center;
  padding-top: 32px;
}

.admin-login-header__logo {
  height: 32px;
  width: auto;
}

.section-login-form-container {
  margin-bottom: 64px;
}

.section-login-form {
  max-width: 400px;
  margin: auto;
}

.section-login-heading {
  text-align: center;
  margin-bottom: 32px;
  padding-top: 32px;
}

.section-login-links {
  font-size: var(--body-large-font-size);
  line-height: var(--body-large-line-height);
}

.section-login-submit {
  margin-top: 0;
}

@media screen and (max-width: 650px) {
  .section-login-heading {
    padding-top: 0;
  }
  .section-login-form-container {
    margin-bottom: 32px;
  }
}