/* Positioning */
.intro {
  margin-top: 0;
}
.intro--center {
  text-align: center;
}

.login-container {
  top: -5rem;
  margin: auto;
}

.form__row {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}

.row--no-margin {
  margin: 0;
}
.row__text--center {
  text-align: center;
}

.form--errorlist--center {
  display: flex;
  justify-self: center;
}

.form-grid {
  display: grid;
  justify-items: right;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5em;
}

/* Elements */
.form-check-label-custom a {
  text-decoration: underline;
  color: var(--primary-color);
}

ul.errorlist {
  width: calc(600px + 1.5rem);
}

.invalid-feedback {
  display: none !important;
}

.form-group {
  width: 300px;
}
.errorlist {
  margin-top: 0.5em;
}

#div_id_street_address {
  width: calc(300px + 20.25rem);
}

#div_id_password_1 ul {
  list-style-type: none;
  padding-left: 0;
  font-size: 0.65rem;
  line-height: 1rem;
  margin: 0;
}

#hint_id_password_2 {
  display: none;
}

.checkbox--width {
  width: calc(600px + 1.5rem);
  margin-bottom: 0.5rem;
}

.checkbox-custom {
  min-width: 20px;
  margin: 0;
}

.form-check-label-custom {
  display: inline-flex;
  gap: 0.5rem;
}

.form-check-label-custom p {
  margin: 0;
  font-size: 12px;
  line-height: 1rem;
}
/* Remove arrows on number field */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* Sweet Alert 2 *Modal* */
.swal2-container p{
  color: var(--grey-color) !important;
}
.swal2-html-container{
  display: grid !important;
  gap: 1em;
  margin: 0.1em 1.6em 0.3em !important;
}

.swal2-container a {
  color: var(--primary-color);
  text-decoration: underline;
}
.swal2-title{
  font-family: var(--secondary-bold-font),georgia,serif !important;
  font-size: 2.5rem !important;
  color: var(--grey-color) !important;
}
.swal2-html-container {
  gap: 0;
}
.swal2-html-container h1,h2,h3,h4{
  font-family: var(--secondary-bold-font),georgia,serif;
}
.swal2-html-container p {
  margin-bottom: 0.75rem !important;
  margin-top: 0.25rem !important;
}
.swal2-modal{
  width: 600px !important;
  height: 550px !important;
}

*:focus {
  outline: 0 !important;
}


/* Responsive */
@media (max-width: 767px) {
  .form__row {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .checkbox--width,
  ul.errorlist,
  #div_id_street_address {
    width: 300px;
  }
  .form-check-label-custom {
    margin-bottom: 1rem;
  }
  .form-grid {
    justify-items: center;
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}

@media (max-width: 576px) {
  .container,
  .login-container {
    top: 0;
    margin-top: 80px;
    padding-bottom: 1.5rem;
  }
  .banner {
    display: none;
  }
  .form-text ul {
    font-size: 12px;
  }
}

@media (max-width: 550px) {
  #div_id_street_address,
  .form-group {
    width: 100%;
  }
  .form__row {
    margin: 0 1rem;
  }
  ul.errorlist {
    width: 100%;
    margin: 0.5rem 1rem;
  }
}