/*
 * Event RSVP form (single-events.php).
 *
 * The theme's Formidable styling lives in landing-page.css, which is linked only from
 * the landing-page templates, so event pages need these rules. The submit button is
 * already styled globally in style.css and is deliberately not repeated here.
 *
 * Everything is scoped to .events-rsvp so no other Formidable form on the site moves.
 *
 * Do not fold these into style.css - that file is compiled from style.scss by wp-scss
 * and hand edits are lost on the next build.
 */

.events-rsvp {
    margin-top: 50px;
    max-width: 620px;
}

.events-rsvp h2 {
    font-size: 28px;
    font-weight: 700;
    color: #324624;
    line-height: 1.2;
    margin-bottom: 20px;
}

.events-rsvp .with_frm_style input[type=text],
.events-rsvp .with_frm_style input[type=email],
.events-rsvp .with_frm_style input[type=number],
.events-rsvp .with_frm_style input[type=url],
.events-rsvp .with_frm_style input[type=tel],
.events-rsvp .with_frm_style input[type=phone],
.events-rsvp .with_frm_style input[type=search],
.events-rsvp .with_frm_style select,
.events-rsvp .with_frm_style textarea {
    border-color: #324624;
}

.events-rsvp .with_frm_style .frm_top_container .frm_primary_label,
.events-rsvp .with_frm_style .frm_pos_top {
    font-size: 14px;
    font-weight: 400;
    font-family: "Berthold Akzidenz Grotesk BE";
}

/* Confirmation message after submit. */
.events-rsvp .frm_message,
.events-rsvp .frm_success_style {
    color: #324624;
    border-left: 3px solid #7C896C;
    padding-left: 15px;
}

@media (max-width: 1024px) {
    .events-rsvp {
        margin-top: 35px;
    }
}

@media (max-width: 480px) {
    .events-rsvp {
        margin-top: 30px;
        text-align: left;
    }

    .events-rsvp h2 {
        font-size: 24px;
        text-align: center;
    }
}