/* @group Form Mobile
------------------------------------ */

.form-mobile { padding: 7rem 0 4rem; background-color: var(--dark-blue-end); color: var(--beige); }

/* Text
------------------------------------ */
.form-mobile h2 { margin: 0 0 .85rem; }
.form-mobile h3 { text-transform: uppercase; padding: 1.2rem 0 .9rem; margin: 0 0 .85rem; position: relative; }
.form-mobile h3::after,
.form-mobile h3::before { content: ''; display: block; background-color: var(--beige); width: 100%; height: .2rem; position: absolute; left: 0; }
.form-mobile h3::before { top: 0; }
.form-mobile h3::after { bottom: 0; }

/* Form
------------------------------------ */
.form-mobile .form-box { margin: 3.5rem 0 8rem; }
.form-mobile input[type="text"],
.form-mobile input[type="email"],
.form-mobile input[type="tel"],
.form-mobile textarea { color: var(--beige); border-bottom-color: var(--beige); }
.form-mobile ::placeholder { color: var(--beige); }
.form-mobile input[type="text"]:focus,
.form-mobile input[type="email"]:focus,
.form-mobile input[type="tel"]:focus,
.form-mobile textarea:focus { border-bottom-color: var(--beige); }
.form-mobile .wpcf7-submit { background: none var(--rust); }

/* Contact
------------------------------------ */
.form-mobile .contact-info { max-width: 23.6rem; margin: 0 auto; text-align: center; }
.form-mobile .contact-info .info { margin: 0 0 4rem; display: block; }
.form-mobile .contact-info h3 { margin: 0 0 1.5rem; }
.form-mobile .contact-info a { color: var(--beige); font-size: 1.6em; line-height: 1.3em; letter-spacing: .125em; }

@media only screen
and (min-width : 961px) {
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}