/*
Implementation Skeleton v3 - 12/6/18
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/

.Form [type=reset] {
    --outline: var(--royal);
    display: inline-block;
    padding: .75rem 2rem;
    border: .125rem solid var(--royal);
    border-radius: var(--radius);
    transition: border-color var(--transition),background-color var(--transition),color var(--transition);
    background: var(--royal);
    color: var(--white);
    font: var(--small);
    font-weight: 700;
    text-align: center;
}

.Form legend:not(.radio) {
    display: block;
    width: 100%;
    padding-bottom: .5rem;
    border-bottom: .125rem solid var(--royal);
    background: var(--white);
    color: var(--black);
    font: var(--small);
    text-transform: uppercase;
}