/*
 * Event Form Styles (Replaces reynolds-form.css)
 */

.event-form-wrapper {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.event-form-wrapper.variation {
    background-color: var(--color-seven);
    padding-top: 50px;
}

.event-form-container {
    max-width: var(--site-container-width);
    margin: 0 auto;
    text-align: center;
}

/* Form Error Styling */
.form-error {
    color: red;
    font-weight: bold;
    font-style: italic;
    margin: 0;
}

/* Formstack Overrides (Updated class from reynolds-form-wrapper) */
.event-form-wrapper .cccegP { display: none !important; visibility: hidden !important; }
.event-form-wrapper .form-placeholder-block { margin-top: 0px !important; }
.event-form-wrapper .DNPCm { padding-top: 0px !important; }
.event-form-wrapper form { background-color: transparent !important; color: var(--color-secondary) !important; }
.event-form-wrapper .fYvTpq { margin-top: 20px !important; font-family: var(--font-secondary) !important; border: 2px solid var(--color-primary); }
.event-form-wrapper .fsLabel { text-transform: uppercase; font-size: 13px !important; color: var(--color-secondary); }
.event-form-wrapper input::placeholder,
.event-form-wrapper textarea::placeholder { text-transform: uppercase !important; font-size: 12px !important; color: #a6a6a6 !important; }
.event-form-wrapper .fsSubmitButton {
    background-color: var(--color-primary); border-radius: 25px; padding: 15px 35px;
    font-family: var(--font-secondary); color: var(--color-tertiary); border: none; cursor: pointer;
    display: flex; align-items: center; text-transform: uppercase; justify-content: space-around; min-width: 200px;
}
.event-form-wrapper .fsSubmit { margin-top: 0px !important; padding-top: 0px !important; }
.event-form-wrapper p span { font-size: 13px !important; line-height: normal !important; }
.event-form-wrapper input,
.event-form-wrapper select,
.event-form-wrapper .fsForm textarea { background-color: var(--color-quaternary) !important; border: none !important; }
.event-form-wrapper input[type='checkbox'] { background: none; background-color: transparent !important; height: auto !important; color: var(--color-secondary) !important; }
.event-form-wrapper span { color: var(--color-secondary) !important; }

.closed-message-container{
padding:10px;
max-width:600px;
background-color: var(--color-quaternary);
border-radius:25px;
margin-bottom:50px;
}

.closed-message-container p{
font-size:1em;
font-weight:300;
}


@media (max-width: 768px) {
    .event-form-wrapper{
        margin-top:40px !important;
        margin-bottom:40px !important;
    }

    
}