.div_text,
.div_select,
.div_radio,
.div_checkbox,
.div_textarea {
  margin-bottom: 2.4rem;
  font-size: var(--paragraphMedium);
}

label.radio {
  margin-bottom: 1.6rem;
  display: inline-block;
}

.form-input,
.textbox,
.dropdown,
textarea.textarea {
  border: .1rem solid var(--p500);
  padding: 1.2rem 1.6rem;
  width: 100%;
  color: var(--b700);
  background-color: var(--white);
  margin-top: .8rem;
  width: 100%;
  font-size: var(--paragraphSmall);
}
.form-input:focus {
  background-color: var(--white);
  border-color: var(--w700);
}
.form-input::placeholder {
  color: var(--b600);
}
textarea.textarea {
  line-height: 1.5;
}

#wpmem_reg .button_div {
  display: flex;
  justify-content: flex-end;
}

.req-text {
  font-size: var(--paragraphMedium);
}

#wpmem_reg fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
#wpmem_reg .button_div {
  margin-top: 2.4rem;
}
#wpmem_reg legend {
  font-size: var(--heading3) !important;
  font-weight: var(--fontBold);
  margin: 4rem 0 2.4rem;
  display: block;
}

#wpmem_login input[type="text"],
#wpmem_login input[type="password"] {
  border: .1rem solid var(--p500) !important;
  background-color: var(--white);
  padding: 1.6rem !important;
  width: 100%;
  color: var(--b700);
  margin-top: .8rem;
}

#wpmem_login input[type="submit"],
#wpmem_reg input[type="submit"] {
  background-image: linear-gradient(45deg, var(--p700), var(--p600), var(--s600) );
  background-size: 200%;
  background-position: top left;
  padding: 2rem 3.2rem;
  box-shadow: 0 .8rem 1.6rem rgba(0,0,0,.16);
  border-radius: .4rem;
  cursor: pointer;
  transition: var(--animationHover);

  color: var(--white);
  font-size: var(--actionText);
  text-transform: uppercase;
  font-weight: var(--fontBold);
  border: 0;
}

#wpmem_login input[type="submit"]:hover,
#wpmem_reg input[type="submit"]:hover {
  transform: scale(1.02);
  background-position: top right;
  box-shadow: .2rem 1.6rem 1.8rem -1.6rem rgba(0,0,0,.48);
}


/*
 * Login form
 */
 #wpmem_login {
  /* padding: 4rem 4rem 5.6rem; */
  padding: 4rem;
  background-image: linear-gradient(45deg, var(--t700), var(--t600));
  margin-bottom: 4rem;
  border-radius: .8rem;
}
#wpmem_login fieldset {
  margin: 0 !important;
  border: 0;
  padding: 0;
}
#wpmem_login legend {
  font-size: var(--heading3) !important;
  font-weight: var(--fontBold);
  margin-bottom: 2.4rem;
}
#wpmem_login .div_text,
#wpmem_login .button_div {
  width: 100% !important;
  position: relative;
  margin-bottom: 1.6rem;
  text-align: left !important;
}
#wpmem_login .button_div {
  height: 5.6rem;
}
#wpmem_login .button_div input[type="submit"]{
  margin-left: auto;
  right: 0;
  position: absolute;
}
#wpmem_login .link-text {
  font-size: var(--paragraphMedium);
  line-height: var(--lhParagraph);
  margin-bottom: 0;
}
#wpmem_login .link-text a {
  font-weight: var(--fontBold);
}

@media (max-width: 768px) {
  #wpmem_login {
    padding: 3.2rem 2.4rem 4.8rem;
  }
  #wpmem_login legend {
    font-size: var(--heading4) !important;
  }
}


/*
 * Register section on Become a Member page
 */
.section-form-member {
  background-color: #F5F5F5;
}

/*
 * Registration feedback in modal
 */
.wpmem_msg {
  position: fixed;
  top: 40vh;
  left: 50%;
  margin-left: -20.5rem;
  width: 41rem !important;
  background-color: var(--t700) !important;
  box-shadow: 0 .4rem 1.6rem rgba(0,0,0,.16);
  border-radius: .4rem !important;
  border: 0 !important;
  padding: 1.8rem 2.4rem 0 !important;
  z-index: 4;
}
.wpmem_msg:after {
  content: 'click to dismiss';
  text-align: right;
  display: block;
  font-size: var(--actionText);
  text-transform: uppercase;
  font-weight: var(--fontBold);
  margin-bottom: 2.4rem;
}

.wpmem_msg p {
  font-size: var(--paragraphMedium);
  text-align: left;
  color: var(--b700);
}
@media (max-width: 768px) {
  .wpmem_msg {
    margin-left: -16rem;
    width: 32rem !important;
  }
}