/*
--------------------------------------
Containers
--------------------------------------
*/

.wrapper__inner {
  position  : relative;
  width     : 100%;
  max-width : var(--container-primary-max-width);
  margin    : 0 auto;
}

#wrapper .wrapper__inner {
  padding : 0;
}

#main {
  max-width       : 100%;
  min-height      : 50vh;
  display         : flex;
  flex-direction  : column;
  justify-content : center;
  align-items     : center;
  padding         : .75rem 0;
}

#main > * {
  width     : 100%;
  margin    : 0;
  max-width : 600px;
}

#content {
  border-radius : 0 0 10px 10px;
}

#content.card {
  padding    : 1.25rem;
  background : white;
}

/*
--------------------------------------
Content
--------------------------------------
*/

.register-form p a {
  color           : var(--color-primary);
  transition      : all 0.35s ease-in-out;
  text-decoration : underline;
}

.register-form p a:hover {
  color : #232323;
}

.password-requirements {
  margin-top : 0.5rem;
}

.requirements-title {
  margin-bottom : 0.5rem;
  font-weight   : 600;
  color         : #6c757d;
}

.password-rules {
  margin  : 0;
  padding : 0;
}

.requirement {
  padding    : 0.25rem 0;
  font-size  : 0.875rem;
  color      : #6c757d;
  transition : color 0.3s ease;
}

.requirement.valid {
  color : #28a745;
}

.requirement.invalid {
  color : #dc3545;
}

.requirement-icon {
  display      : inline-block;
  width        : 1.25rem;
  font-weight  : bold;
  margin-right : 0.5rem;
}

.requirement.valid .requirement-icon {
  color : #28a745;
}

.requirement.invalid .requirement-icon {
  color : #dc3545;
}