/*
 * Foundation Abide - Error Styles
 */

$abide-bg: #CF2900;

[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
        background: none repeat scroll 0 0 $abide-bg;
        color: #FFFFFF;
        display: block;
        font-size: 0.66667rem;
        font-style: italic;
        font-weight: normal;
        margin-bottom: 0.88889rem;
        margin-top: -1px;
        padding: 0.4rem;
}
[data-abide] span.error, [data-abide] small.error {
        display: none;
}
span.error, small.error {
        background: none repeat scroll 0 0 $abide-bg;
        color: #FFFFFF;
        display: block;
        font-size: 0.66667rem;
        font-style: italic;
        font-weight: normal;
        margin-bottom: 0.88889rem;
        margin-top: -1px;
        padding: 0.4rem;
}
.error input, .error textarea, .error select {
        margin-bottom: 0;
}
.error label, .error label.error {
        color: $abide-bg;
}
.error > small, .error small.error {
        background: none repeat scroll 0 0 $abide-bg;
        color: #FFFFFF;
        display: block;
        font-size: 0.66667rem;
        font-style: italic;
        font-weight: normal;
        margin-bottom: 0.88889rem;
        margin-top: -1px;
        padding: 0.4rem;
}
.error span.error-message {
        display: block;
}
input.error, textarea.error {
        margin-bottom: 0;
}
label.error {
        color: $abide-bg;
}