/** ----------------------------------------- Contact Styles ----------------------------------------- **/

#contact_form_w {
    padding: 1.5rem 0 .625rem 0;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient( to right, 
        var(--clr-lt-light) 0%, 
        var(--clr-med-light) 50%, 
        var(--clr-lt-light) 100% ) 1;
}

#contact_form {
    margin: 0 0 0 .625rem;
}

#contact_form ul {
    max-width: 34rem;
    margin: 1.875rem auto 0 auto;
}

#contact_form ul li {
    display: flex;
    list-style-type: none;
}

#contact_form p {

}

#contact_form form[name=contact] ul li > .label-first {
    width: 15rem;
    margin: .625rem 0 .3125rem .3125rem;
}

#contact_form form[name=contact] ul li > .label-second {
    width: 15rem;
    margin: .625rem 0 .3125rem 2.625rem;
}

#contact_form form[name=contact] ul li > .input-first {
    width: 15rem;
    padding: .625rem;
    margin: 0 0 .3125rem 0;
}

#contact_form form[name=contact] ul li > .input-second {
    width: 15rem;
    padding: .625rem;
    margin: 0 0 .3125rem 1.25rem;
}

#contact_form form[name=contact] ul li > .input-only {
    width: 32.625rem;
    padding: .625rem;
    margin: 0 0 .3125rem 0;
}

#contact_form form[name=contact] ul li > .error-msg {
    margin: .625rem auto 0 auto;
}

#contact_form form[name=contact] ul li > textarea {
    width: 32.625rem;
    padding: .625rem;
    border: 1px solid var(--clr-dk-grey);
    margin: 0 0 .625rem 0;
    border-radius: .625rem;
    resize: none;
}

#contact_form form[name=contact] ul li > input[type=submit] {
    width: 34rem;
    padding: 1.3125rem 0 1.3125rem 0;  
    margin: 1.25rem 0 0 0;
}