.elementor-342 .elementor-element.elementor-element-c13e3ba{--display:flex;}/* Start custom CSS for MEC, class: .elementor-element-62e577a */.mec-wrap .mec-simple-checkboxes-search ul{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
}
.mec-wrap .mec-simple-checkboxes-search ul li label {
    line-height: 20px;
    margin-bottom: 15px;
    margin: 0px 10px 0px 0px;
    display: flex;
    border-radius: 25px;
    background-color: var(--e-global-color-secondary);
    padding: 7px 20px 7px 7px;
    color: white;
}

.mec-searchbar-category-wrap ul li input[type="checkbox"] {
    border-radius: 9999px !important;
}
.mec-wrap .mec-totalcal-box i.mec-sl-folder {
    display: none;
}

.mec-wrap .mec-simple-checkboxes-search ul li label:has(input[type=checkbox]:checked) {
  background-color: var(--e-global-color-primary);
  color: black !important;
  
}

.lity-container .mec-events-meta-group-booking .mec_book_first_for_all:before, .lity-content .mec-events-meta-group-booking .mec-booking-dates-checkboxes input[type=checkbox]:before, .lity-content .mec-events-meta-group-booking .mec_book_first_for_all:before, .lity-content .mec-events-meta-group-booking input[type=checkbox]:before, .mec-booking input[type=checkbox]:before, .mec-events-meta-group-booking .mec-booking-shortcode .mec-booking-dates-checkboxes input[type=checkbox]:before, .mec-events-meta-group-booking .mec-booking-shortcode .mec_book_first_for_all:before, .mec-events-meta-group-booking .mec-booking-shortcode input[type=checkbox]:before, .mec-single-event .mec-events-meta-group-booking .mec-booking-dates-checkboxes input[type=checkbox]:before, .mec-single-event .mec-events-meta-group-booking .mec_book_first_for_all:before, .mec-single-event .mec-events-meta-group-booking input[type=checkbox]:before, .mec-wrap .mec-simple-checkboxes-search ul li label input[type=checkbox]:before{
    
    background-color: #1b129b;
    border: #1b129b;
    color: black !important;
    filter: invert(100%);
    
}
.lity-container .mec-events-meta-group-booking .mec_book_first_for_all:checked, .lity-content .mec-events-meta-group-booking .mec-booking-dates-checkboxes input[type=checkbox]:checked, .lity-content .mec-events-meta-group-booking input[type=checkbox]:checked, .mec-booking input[type=checkbox]:checked, .mec-events-meta-group-booking .mec-booking-shortcode .mec-booking-dates-checkboxes input[type=checkbox]:checked, .mec-events-meta-group-booking .mec-booking-shortcode .mec_book_first_for_all:checked, .mec-events-meta-group-booking .mec-booking-shortcode input[type=checkbox]:checked, .mec-single-event .mec-events-meta-group-booking .mec-booking-dates-checkboxes input[type=checkbox]:checked, .mec-single-event .mec-events-meta-group-booking .mec_book_first_for_all:checked, .mec-single-event .mec-events-meta-group-booking input[type=checkbox]:checked, .mec-wrap .mec-simple-checkboxes-search ul li label input[type=checkbox]:checked{
    
    border-color: var(--e-global-color-primary)!important;
    background: var(--e-global-color-primary) !important;
    color: black !important;
    
}

.mec-wrap .mec-totalcal-box{
    border-radius: 30px;
    background: white;
    border: 0px;
    padding: 25px 30px 25px 30px;
}

.mec-wrap .mec-totalcal-box i {
    float: left;
    margin: 0;
    width: 36px;
    height: 40px;
    color: white !important;
    background: none;
    border: 0px;
    padding: 13px 0px;
    
}
.mec-date-search {
    border-radius: 25px;
    border: 0px;
    background: var(--e-global-color-secondary);
    height: 40px;
    width: 60% !important;

}

.mec-wrap .mec-totalcal-box input[type=date], .mec-wrap .mec-totalcal-box input[type=email], .mec-wrap .mec-totalcal-box input[type=number], .mec-wrap .mec-totalcal-box input[type=password], .mec-wrap .mec-totalcal-box input[type=search], .mec-wrap .mec-totalcal-box input[type=tel], .mec-wrap .mec-totalcal-box input[type=text], .mec-wrap .mec-totalcal-box input[type=url], .mec-wrap .mec-totalcal-box select, .mec-wrap .mec-totalcal-box textarea {
    border-radius: 0;
    background: none;
    border: 0px;
    color: white !important;
    border-left: 1px solid  white;
}

input::placeholder, textarea::placeholder {
    color: white;
} 

.mec-text-input-search {
    border-radius: 25px;
    border: 0px;
    background: var(--e-global-color-secondary);
    height: 40px;
    width: 39% !important;
    float: right !important;
}

.mec-simple-checkboxes-search {
    padding: 0px !important;
    margin: 0px !important;
}

.mec-event-list-classic .mec-event-article {
    padding: 10px 19px;
    margin-bottom: 20px;
    background: white;
    border-radius: 30px;
    align-items: center;
    align-content: center;
    height: 185px;
}

.mec-event-list-classic .mec-event-image {
    float: left;
    width: 150px;
    margin-right: 20px;
    border-radius: 30px;
    overflow: hidden;
    height: 150px !important;
}
a.mec-color-hover {
    margin-top: 15px;
    font-size: 22px;
}

.mec-event-date.mec-color {
    border-radius: 25px;
    background: var(--e-global-color-primary);
    padding: 8px 20px;
    color: black;
    font-size: 13px;
}
.mec-event-list-classic .mec-event-title {
    font-size: 15px;
    margin: 20px 0 15px;
    font-weight: 700;
    text-transform: unset !important;
}

.mec-checkboxes-search .mec-searchbar-category-wrap, .mec-wrap .mec-totalcal-box .mec-totalcal-view span, .mec-wrap .mec-totalcal-box input, .mec-wrap .mec-totalcal-box select {
    
    height: 40px;
}

.mec-month-divider h5 {
    font-family: 'Poppins';
    font-size: 30px !important;
    font-weight: 500;
    color: var(--e-global-color-secondary) !important;
}

.mec-event-time.mec-color {
    border-radius: 25px;
    background: var(--e-global-color-primary);
    padding: 8px 20px;
    color: black;
    font-size: 13px;
}

ul.mec-categories li.mec-category a {
    text-align: center;
    border-radius: 25px;
    background-color: var(--e-global-color-secondary);
    padding: 7px 14px;
    color: white;
    font-size: 13px;
}
ul.mec-categories li.mec-category a:hover {
    background-color: var(--e-global-color-primary);
    color: black;
}

.mec-categories-wrapper i {
    display: none;
}
ul.mec-categories li.mec-category:not(:last-of-type):after {
    content: "";
}

div#ui-datepicker-div {
    border: 0px;
    border-radius: 30px;
    z-index: 9999 !important;
}

a.ui-state-default {
    background-color: #f6f3ec !important;
    color: #515151 !important;
}
a.ui-state-default:hover {
    background-color: var(--e-global-color-primary) !important;
    color: black !important;
}

body:has(.mec-search-form) .ui-datepicker.ui-widget .ui-datepicker-next, body:has(.mec-search-form) .ui-datepicker.ui-widget .ui-datepicker-prev {
    background: var(--e-global-color-secondary) !important;
    color: white !important;
}

body:has(.mec-search-form) .ui-datepicker.ui-widget .ui-datepicker-next, body:has(.mec-search-form) .ui-datepicker.ui-widget .ui-datepicker-prev:hover{
     background-color: var(--e-global-color-primary) !important;
    color: black !important;
}

select.ui-datepicker-month {
    border-radius: 25px !important;
    padding: 5px 13px !important;

}

select.ui-datepicker-year {
    border-radius: 25px !important;
    padding: 5px 13px !important;
}

div.mec-simple-checkboxes-search div ul li{
    margin-bottom: 10px;
}



@media (max-width: 767px) {
    
    a.mec-color-hover {
        margin-top: 0px;
        font-size: 16px;
    }
    .mec-event-date.mec-color {
        border-radius: 25px;
        background: var(--e-global-color-primary);
        padding: 5px 13px;
        color: black;
        font-size: 12px;
    }
    .mec-event-time.mec-color {
        border-radius: 25px;
        background: var(--e-global-color-primary);
        padding: 5px 13px;
        color: black;
        font-size: 12px;
    }
    .mec-event-list-classic .mec-event-image {
        float: left;
        width: 125px;
        margin-right: 20px;
        border-radius: 30px;
        overflow: hidden;
        height: 125px !important;
    }
    .mec-event-list-classic .mec-event-title {
        margin: 8px 0 10px;
        font-weight: 700;
        text-transform: unset !important;
    }
}

.mec-load-more-button {
    background: var(--e-global-color-secondary);
    color: white;
    border: none;
}
.mec-load-more-button:hover {
    background: var(--e-global-color-primary);
    color: black;
    border-color: #191919;
    font-weight: 500;
}
.mec-load-more-loading {
    content: url(/wp-content/uploads/2025/08/ajax-loader.gif) !important;
}


@media (max-width: 780px) {
    .mec-search-form .mec-date-search {
        margin-bottom: 15px;
        
    }
    .mec-search-form .mec-date-search, .mec-search-form .mec-dropdown-search, .mec-search-form .mec-text-input-search{
        width:100% !important;
    }
}

@media (max-width: 600px) {
    .mec-event-list-classic .mec-event-article {
        height: unset;
        display: flex;
        flex-flow: row wrap !important;
        flex-direction: row !important;
    }
    ul.mec-categories li.mec-category {
        list-style: none;
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 22px;
        margin-top: 2px;
    }
    .mec-event-date.mec-color {
        margin-right: 7px;
        padding: 5px 8px;
        width: 25%;
        text-align: center;
    }
    .mec-event-time.mec-color {
        padding: 5px 8px;
        margin-right: 2px;
        width: 25%;
        text-align: center;
    }
    
}/* End custom CSS */