/**
 * Forms CSS definitions
 *
 * @package WordPress
 * @subpackage kaos
 * @since kaos 1.0
 */


/**
 * Forms
 */
.form
{
    font:            400 normal normal 1.0em/1.5 var(--kaos-font);
    text-align:      left;
    text-decoration: none;
    color:           #69696b;
}


/**
 * Labels
 */
.form label
{
    padding:    0.75em 0.0em;
    display:    block;
    width:      auto;
    font:       400 normal normal 1.0em/1.5 var(--kaos-font);
    text-align: left;
}


/**
 * Input fields
 */
.form input,
.form textarea,
.form select
{
    margin:           0.0em;
    padding:          0.75em 1.0em;
    border:           none;
    font:             400 normal normal 1.0em/1.5 var(--kaos-font);
    text-align:       left;
    text-decoration:  none;
    color:            #69696b;
    background-color: #ffffff;
}

.form .text,
.form .password,
.form .e-mail,
.form .url
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width:              100%;
}

.form .error
{
    font:            400 normal normal 1.0em/1.5 var(--kaos-font);
    text-align:      left;
    text-decoration: none;
    color:           #9b1142;
}


/**
 * Buttons
 */
.form button
{
    padding:         0.75em 2.0em;
    border:          none;
    font:            400 normal normal 1.0em/1.5 var(--kaos-font);
    text-align:      left;
    text-decoration: none;
}

.form button
{
    color:            #ffffff;
    background-color: #69696b;
}

.form button:hover
{
    color:            #ffffff;
    background-color: #69696b;
}

.form .submit
{
    color:            #ffffff;
    background-color: #9b1142;
}

.form .submit:hover
{
    color:            #ffffff;
    background-color: #69696b;
}

.form .reset
{
    color:            #ffffff;
    background-color: #69696b;
}

.form .reset:hover
{
    color:            #ffffff;
    background-color: #69696b;
}