.wld-field__input {
    display: flex;
}

.wld-field--gender input[type="radio"]{
    opacity: 0;
    width: 0;
    position: fixed;
}
.wld-field--gender .wld-field__input label[for^="signup-gender"] {
    display: inline-block;
    background: url("../_img/male.png") center/contain no-repeat;
    padding: 10px 20px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border-radius: 4px;
    width: 32px;
    height: 64px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    text-indent: -1000px;
    overflow: hidden;
}
.wld-field--gender .wld-field__input input[type="radio"]:checked + label[for$="-1"] {
    background-image: url("../_img/male--checked.png");
}
.wld-field--gender .wld-field__input label[for$="-2"] {
    background-image: url("../_img/female.png");
}
.wld-field--gender .wld-field__input input[type="radio"]:checked + label[for$="-2"] {
    background-image: url("../_img/female--checked.png");
}
.wld-field--gender .wld-field__input label[for$="-3"] {
    background-image: url("../_img/male-or-female.png");
}
.wld-field--gender .wld-field__input input[type="radio"]:checked + label[for$="-3"] {
    background-image: url("../_img/male-or-female--checked.png");
}

.wld-field--confirm {
    display: flex;
}
.wld-field--confirm .wld-field__input {
    flex: 0;
    order: -1;
    display: block;
    margin-top: .15em;
}
.wld-field--confirm .wld-field__caption {
    flex: 1;
    margin-left: .5rem;
}
.wld-field--confirm label {
    font-size: inherit;
}


/* What is this???
====================== */
.new_members {
    font-size: 12px;
    border: #1e3f59;
    border-style: dashed;
    border-width: 1px;
    padding: 10px;
    margin-top: 30px;
    color: #1e3f59;
}