/* ==========================================================
   RhederArt - Wachtlijst
   ========================================================== */

.ra-wachtlijst {
    max-width: 1000px;
}

/* Koppen */
.ra-wachtlijst h1 {
    margin-bottom: 8px;
}

.ra-wachtlijst h3 {
    margin-top: 28px;
    margin-bottom: 18px;
}

/* Rode sterretjes bij verplichte velden */
.ra-wachtlijst .required {
    color: #b40016;
    font-weight: 700;
}

/* Formulier niet onnodig breed */
.ra-wachtlijst__formulier {
    max-width: 500px;
}

/* Velden */
.ra-wachtlijst__formulier input[type="text"],
.ra-wachtlijst__formulier input[type="email"],
.ra-wachtlijst__formulier input[type="tel"],
.ra-wachtlijst__formulier select {
    width: 100%;
    min-height: 46px;
    padding: 8px 16px;
    box-sizing: border-box;
}

/* Voornaam en achternaam naast elkaar */
.ra-wachtlijst__formulier .form-row-first,
.ra-wachtlijst__formulier .form-row-last {
    width: 47.5%;
}

.ra-wachtlijst__formulier .form-row-first {
    float: left;
}

.ra-wachtlijst__formulier .form-row-last {
    float: right;
}

.ra-wachtlijst__formulier .clear {
    clear: both;
}

/* Labels boven de velden */
.ra-wachtlijst__formulier label {
    display: block;
    margin-bottom: 7px;
}

/* Ruimte tussen de regels */
.ra-wachtlijst__formulier .form-row {
    margin-bottom: 16px;
}

/* Aantal kaarten hoeft niet 500px breed */
.ra-wachtlijst__formulier select#ra_wachtlijst_aantal {
    width: 150px;
}

/* Mobiel: voornaam en achternaam weer onder elkaar */
@media (max-width: 600px) {
    .ra-wachtlijst__formulier .form-row-first,
    .ra-wachtlijst__formulier .form-row-last {
        float: none;
        width: 100%;
    }
}