.elementor-252052 .elementor-element.elementor-element-0f047f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-252052 .elementor-element.elementor-element-05e9b60{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-252052 .elementor-element.elementor-element-05e9b60 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-05e9b60 *//* General Container */
.css-event-form {
    padding: 20px;
    border-radius: 10px;
    max-width: 100%;
    box-shadow: none; /* Remove box shadow */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-family: 'Castoro', serif; /* Set font family */
    color: #000000; /* Set font color */
}



/* Input Fields */
.css-event-form input[type="text"],
.css-event-form input[type="file"],
.css-event-form select,
.css-event-form textarea {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: 'Castoro', serif; /* Set font family */
    font-size: 20pt; /* Set font size */
    color: #000000; /* Set font color */
}

/* Labels */
.css-event-form label {
    font-family: 'Castoro', serif; /* Set font family */
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    font-size: 20pt; /* Set font size */
    color: #000000; /* Set font color */
}


/* Style for the replaced headers */
.event-form-when label,
.event-form-where label,
.event-form-details label,
.event-form-image label {
    font-family: 'Castoro', serif; /* Set font family */
    font-weight: 900;
    font-size: 20pt; /* Set font size */
    color: #000000; /* Set font color */
    margin-bottom: 5px;
    margin-top: 30px;
    display: block;
}

/* Change the size of the consent text */
.input-group.input-checkbox.input-field-data_privacy_consent label {
    font-family: 'Georgia', sans-serif; /* Set to regular text font */
    font-size: 12px; /* Set font size to 12 */
    color: #000000; /* Optional: Set font color to black */
}


/* Change all links within the event form to #C80000 */
.css-event-form a {
    color: #C80000 !important; /* Use !important to override other styles */
}

/* Change link color on hover */
.css-event-form a:hover {
    color: #A60000 !important; /* Optional: Change color on hover to a darker shade */
}

/* Specific consent section link styling */
.input-group.input-checkbox.input-field-data_privacy_consent a {
    color: #C80000 !important;
}

.input-group.input-checkbox.input-field-data_privacy_consent a:hover {
    color: #A60000 !important;
}



/* Additional Styling for Date Picker */
.css-event-form .em-datepicker-range input {
    color: #333;
    background-color: #fff;
}

/* Target and style the submit button */
.em.pixelbones .event-form-submit .input input[type=submit].button-primary {
    background-color: #C80000 !important; /* Set background color to red */
    color: #FFFFFF !important; /* Set text color to white */
    font-family: 'Fjalla One', sans-serif !important;
    font-weight: 900 !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    border: none !important;
    cursor: pointer !important;
}

/* Change submit button background color on hover */
.em.pixelbones .event-form-submit .input input[type=submit].button-primary:hover {
    background-color: #A60000 !important; /* Set background color to a darker red on hover */
}/* End custom CSS */