/**
 * Forms in this article
 */

.at-specialBackground form {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 40px rgba(0,0,0,.1);
    width: calc(100% + 20px);
    margin: 0 -10px;
    padding: 1.8em 20px 2.2em;
}

.at-specialBackground--simpleForm form {
    margin: 10px;
}

@media screen and (min-width: 480px) {
    .at-specialBackground form {
        padding: 1.8em 1.8em 2.2em;
        width: 100%;
        margin: 0;
    }
}

@media screen and (min-width: 960px) {
    .at-specialBackground form {
        padding: 2.5em 4em 2.5em;
    }

    .at-specialBackground .l-col--8 form {
        padding: 4em 4em 3.5em;
    }
}

.at-specialBackground--simpleForm legend {
    margin: 0 5px 1em;
}

.at-specialBackground--simpleForm fieldset {
    margin: 0 -5px;
}

.at-specialBackground--simpleForm fieldset div.field {
    position: relative;
    float: left;
    width: 50%;
    padding: 0 5px;
}

.at-specialBackground--simpleForm fieldset div.field.first {
    width: 100%;
}

.at-specialBackground--simpleForm label.field {
    font-weight: normal;
}

.at-specialBackground--simpleForm fieldset input {
    width: 100%;
}

.at-specialBackground--simpleForm button {
    width: 100%;
}

@media screen and (min-width: 550px) {
    .at-specialBackground--simpleForm form {
        display: flex;
        align-items: flex-end;
    }

    .at-specialBackground--simpleForm fieldset {
        width: 66.666%;
        margin-right: 5px;
    }

    .at-specialBackground--simpleForm div.submit {
        width: 33.333%;
    }
}

/**
 * Hide newsletter
 */

.at-specialBackground--hasForm + .at-newsLetter {
    display: none;
}