/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* Container for the attendee fields */
.tribe-tickets-attendee-info-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Force First and Last name fields to sit side-by-side */
.tribe-tickets-attendee-info-fields .tribe-tickets-attendee-info-field {
    flex: 1 1 calc(50% - 10px);
    min-width: 200px; /* Ensures they stack on mobile */
}

/* Labels and Inputs styling */
.tribe-tickets-attendee-info-field label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.tribe-tickets-attendee-info-field input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}