/*
 * Event Archive Template
 */

.archive-event-title {
    clear:both;
}

    .archive-event-title a {
        text-decoration:none;
        display:block;
    }

        .archive-event-title h2, .archive-event-title h3 {
            margin:0;
        }

            .archive-event-title h3 {
                font-weight:normal;
            }

        .archive-event-title .alignright {
            margin-bottom:0;
        }

/*
 * Event Single Template
 */

.single-event-title h1 {
    padding-top:.45em;
    padding-bottom:.45em;
}

.event-times {
    font-weight:normal;
    font-size:.7em;
    display:block;
}

.single-event-title>* {
    display:block;
    float:left;
}

    .single-event-title h2 {
        margin:0.5em 2%;
    }

.single-event-title .button {
    padding:0 .75em;
    margin:.75em 0 .5em;
    line-height:2.4;
}

    .single-event-title .button {
        float:right;
        margin:0 0 0 1em;
    }

@media only screen and (max-width:600px) {

    .single-event-title h1 {
        max-width:none;
        float:none;
    }

}


/*
 * Event Booking Form
 */

/* Form fields */

.pay-now-form {
    margin:1em 0 0;
}

.event-booking-form fieldset, .event-booking-form legend {
    border:none;
    margin:0;
    padding:0;
}

    .event-booking-form fieldset {
        margin:1em 0;
    }

.event-booking-form ul, .event-booking-form li {
    list-style:none;
    margin:0;
    padding:0;
}

    .event-booking-form li {
        margin:.25em 0;
    }

    .event-booking-form p.submit {
        float:right;
        margin:1em 0 0;
    }

    .event-booking-form label {
        width: 10em;
        padding: 0 .5em 0 0;
        text-align: right;
        font-weight: bold;
        line-height: 1.3;
        width:50%;
        vertical-align: middle;
        display: inline-block;
    }

        @media only screen and (min-width:650px) {
            .event-booking-form label {
                width:30%;
            }
        }

    .event-booking-form button {
        font-size:.9em;
    }

        .event-booking-form .confirm-payment, .aa_eway_payment_form .button {
            font-size:1.2em;
        }

    .event-booking-form input, .event-booking-form textarea, .event-booking-form select {
        width:50%;
        font-size:.75em;
        padding:.25em;
        line-height:1.3;
        vertical-align: top;
        display:inline-block;
    }

        @media only screen and (min-width:650px) {
            .event-booking-form input, .event-booking-form textarea, .event-booking-form select {
                width:40%;
            }
        }

        .event-booking-form input[type=submit], .event-booking-form .button {
            width:auto;
            padding:.5em .75em;
            line-height:1.3;
        }

            .add-guest .button {
                margin-left:50%;
            }

                @media only screen and (min-width:650px) {
                    .add-guest .button {
                        margin-left:30%;
                    }
                }

        .event-booking-form select {
            vertical-align: bottom;
        }

            .aa_eway_payment_form select {
                width:19.3%;
            }

                .aa_eway_card_expiry_month {
                    margin-right:1.5%;
                }

        .event-booking-form textarea.booking_comments {
            width:100%;
            height:6em;
        }

            @media only screen and (min-width:650px) {
                .event-booking-form textarea.booking_comments {
                    width:70%;
                }
            }

        .aa_eway_payment_form .aa_eway_cardcvv {
            width:19.3%;
        }

            @media only screen and (min-width:650px) {
                .aa_eway_payment_form .aa_eway_cardcvv {
                    width:9.65%;
                }
            }

/* Payment Button */

.event-pay-buttons button {
    height:130px;
    border:none;
    overflow:hidden;
    padding:0;
    margin:0 0 1em;
    width:280px;
    font:inherit;
    -webkit-appearance:none;
    display:inline-block;
    cursor:pointer;
    text-indent:-9999px;
    background:#333 url(/wp-content/plugins/event-booking-manager-2/assets/img/payment_options.png) no-repeat;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

    button.event-payment-option-EbmEwayRapid {
        background-position:15px 0;
        float:right;
    }

    button.event-payment-option-EbmPayPalModule {
        background-position:-250px 0;
        float:right;
    }

    button.event-payment-option-EbmManualPayment {
        width:230px;
        background-position:-515px 0;
    }

/* Guests Table */

.event-booking-guests {
    width:100%;
}

    @media only screen and (min-width:650px) {
        .event-booking-guests {
            width:70%;
        }
    }

    .guests-guest {
        text-align:right;
        width:43.53%; /* Right edge of this column should line up with left edge of form inputs */
    }

    .event-booking-guests a {
        color:#f00;
    }

/* Booking Review screen */

.booking-review-details dt {
    font-weight:bold;
}

.booking-review-details dd {
    margin:0 0 .5em 1.5em;
}

/* Error display! */

.booking-errors {
    color:#f00;
    background:#ffebeb;
    border:1px solid #ffcece;
    padding:.5em .75em;
    margin:1em 0;
}

    .booking-errors p {
        font-weight:bold;
        margin:0 0 .5em;
    }

    .booking-errors ul, .booking-errors li {
        list-style-type:disc;
    }

        .booking-errors li {
            margin:0;
        }

        .booking-errors ul {
            margin:0;
            padding:0 0 0 30px;
        }

li.invalid {
    color:#f00;
}

li.valid {
    color:#690;
}

li.valid label:before, li.invalid label:before {
    display: inline-block;
    text-align: right;
    width:1em;
    padding-right:.4em;
}

li.valid label:before {
    content: "\2714";
}

li.invalid label:before {
    content: "*";
}