/*
    Title: USER REGISTRATION STYLING
    Author: James Pham
    Updated: 6/26/2021
    Description: Page & Form styling for the User Registration page.

    Table of contents:
        1 - ENTRY CONTENT
        2 - FORM FIELDS
            2.1
            2.1 - EMAIL DESCRIPTION
            2.2 - PASSWORD STR COMPONENT
        3 - REGISTER BUTTON (SUBMIT)
*/
main#site-content div.entry-content {
  background: var(--lighter-gray);
  border: var(--thin-medium-gray);
  transition: all 0.3s ease;
}
main#site-content form.user-registration-form input {
  width: 100%;
}
main#site-content form.user-registration-form ul.gform_fields li.gfield {
  padding-right: 0;
}
main#site-content form.user-registration-form ul.gform_fields li.gfield label.gfield_label {
  display: none;
  width: 100%;
  color: var(--dark-blue);
}
@media (min-width: 641px) {
  main#site-content form.user-registration-form ul.gform_fields li.gfield label.gfield_label {
    display: inline-flex;
    justify-content: flex-end;
    height: 100%;
    padding: 0;
    margin: 0;
    width: 10%;
  }
  main#site-content form.user-registration-form ul.gform_fields li.gfield label.gfield_label span.dashicons {
    margin-right: 2.5rem;
    font-size: 4rem;
  }
}
main#site-content form.user-registration-form ul.gform_fields li.gfield div.gfield_description {
  padding-top: 0;
}
@media (min-width: 641px) {
  main#site-content form.user-registration-form ul.gform_fields li.gfield div.gfield_description {
    width: 90%;
    margin-left: 10%;
  }
}
@media (min-width: 641px) {
  main#site-content form.user-registration-form ul.gform_fields li.gfield div.ginput_container {
    margin-left: 10%;
    width: 89%;
  }
}
main#site-content form.user-registration-form ul.gform_fields li.gfield.ur-email div.gfield_description {
  font-weight: 600;
  padding-top: 0;
}
main#site-content form.user-registration-form ul.gform_fields li.gfield.ur-password .dashicons.dashicons-hidden {
  color: var(--medium-gray) !important;
}
main#site-content form.user-registration-form ul.gform_fields li.gfield.ur-password div.gfield_password_strength {
  margin: auto;
}
main#site-content form.user-registration-form div.gform_footer {
  margin: auto;
}