.uc-event-article { border-radius: 12px; background: #fff; margin: 15px 0; box-shadow: 0px 0px 2px rgba(23, 26, 31, 0.2); }
.uc-topsec { display: grid; grid-template-columns: 116px 1fr 250px; align-items: stretch; gap: 20px; padding: 0; border-radius: 12px; }
.uc-date-pill { display: flex; justify-content: flex-start; }
.uc-date-pill-inner { width: auto; height: 100%; border-radius: 12px 0 0 12px; background: #5261AC; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; padding-left: 34px; padding-right: 34px; }
.uc-date-month { font-weight: 400; letter-spacing: 0px; font-size: 30px; line-height: 1; margin-bottom: 12px; text-transform: uppercase; font-family: 'Bebas Neue', display; }
.uc-date-day { font-weight: 700; font-size: 40px; line-height: 1.2; font-family: 'Bebas Neue', display; }
.uc-event-content-wrap { display: flex; align-items: flex-start; height: 100%; }
.uc-event-content { padding: 20px 0; }
.uc-events-list .uc-event-title { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; padding: 0; }
.uc-event-title .event-color { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.uc-event-content p { color: #565D6D; font-size: 16px; line-height: 1.6; font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif; font-weight: 400; }
.uc-event-meta-wrap { display: inline-flex; align-items: center; width: 100%; flex-direction: column; }
.uc-event-meta { padding: 20px 0; width: 100%; }
.uc-event-meta .item { display: flex; align-items: center; gap: 8px; color: #171A1F; font-weight: 600; font-size: 16px; }
.uc-event-meta svg { flex: 0 0 auto; }
.uc-cta-wrapper { display: flex; justify-content: flex-start; width: 100%; margin-top: 30px; }
.uc-event-article + .uc-event-article { margin-top: 16px; }
.uc-month-divider { background: #c6eced4f; padding: 15px; text-align: center; border-radius: 6px; }
.uc-list-view .uc-month-divider h3 { font-family: 'Bebas Neue', display; padding: 0; font-size: 30px; color: #3FC0C3; }
.uc-events-list .uc-event-title h3 { font-size: 30px; color: #171A1F; font-family: 'Bebas Neue', display;padding-bottom: 0;}
.event-accordion-content { display: none; }
.mobile-view { display: none; }
.uc-age-wrap .age-range{margin-top: 0px !important;}
/* .uc-title-wrap{display: flex;flex-direction: row;justify-content: center;gap: 15px;align-items: center;} */
.uc-reset-cta{padding: 5px 15px;border-radius: 20px;border: none;font-weight: bold;cursor: pointer;display: flex;background-color: #C6ECED;color: #171A1F;justify-content: center;align-items: center;text-align: center;}
.uc-title-wrap {position: relative;padding-right: 28px;}
.category-color-wrapper {position: absolute;right: 12px;top: 50%;transform: translateY(-50%);}
.uc-event-meta .uc-price-details .item {margin-bottom: 0;}
 
.list-view-header {
  display: flex;
  width: 100%;
}

.list-view-header > .days-navigator {
  flex: 0 0 30%;
  max-width: 30%;
}

.list-view-header > .list-view-filter {
  flex: 0 0 70%;
  max-width: 70%;
}
.filter-text {
    display: flex;
    gap: 10px;
    align-items: center;
}
p:not(.has-background):last-of-type
 {
    padding-bottom: 0;
}
.filters {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    gap: 10px 12px;
    width: 100%;
    position: relative;
}

.filter-btn.active {
    background: #3FC0C3;
    color: #fff;
}

.filter-btn {
    padding: 10px 15px;
    border-radius: 20px;
    border: none;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    background-color: #C6ECED;
    color: #171A1F;
}
.filter-btn span.arrow, .filter-btn span.close {
    display: inherit;
    align-items: center;
    margin-left: 5px;
}
.filter-btn.active svg path {
    fill: #fff;
}

/* Filter CSS **/
.uc-mobile-list-filter .filter-container{width: calc(100% - 300px);}
.uc-month-nav{cursor:pointer;color:#3fc0c3;font-size:18px;padding:10px;transition:background-color .25s;user-select:none}
.uc-month-nav:hover{background-color:#bde4ff}
.uc-mobile-list-filter h2{font-family:'Open Sans';font-size:24px;font-weight:700!important;text-transform:capitalize}
.uc-mobile-list-filter p{font-family:'Open Sans';font-size:15px;font-weight:400;white-space: nowrap; }
.uc-mobile-list-filter{color:#19191F}
.uc-mobile-list-filter > div {flex: 1;height: auto;}
.uc-mobile-list-filter{width: 100%;display: inline-flex;gap: 20px;align-items: flex-start;margin-bottom: 20px;}

.uc-mobile-list-wrap .uc-month-header{display:flex;justify-content:space-between;align-items:center;background-color:#c6eced4f;padding:12px 0;border-radius:4px;font-weight:600;font-size:16px;color:#222;min-width: 300px;margin-bottom: 10px;}
.uc-mobile-list-wrap .uc-month-header .uc-month-title{text-align:center;flex-grow:1;font-weight:600;color:#3FC0C3;font-size:26px;font-family:'Bebas Neue'}

.uc-filter-applied-message .filter-panel{margin:8px 0 0;background:#fafbfc;border:1px dashed var(--border);border-radius:12px;padding:10px 12px}
/* .uc-filter-applied-message .chips{display:flex;gap:8px;flex-wrap:wrap} */
.uc-filter-applied-message .chip{font-size:13px;display:flex;align-items:center;gap:6px}
.uc-filter-applied-message .chip input{accent-color:var(--primary)}
.uc-filter-applied-message .actions{display:flex;gap:8px;justify-content:space-between;margin-top:20px}
.uc-filter-applied-message .btn{border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px 12px;font-weight:600}
.uc-filter-applied-message .select{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--chip);border:1px solid var(--border);border-radius:10px;padding:10px 12px;min-width:140px;flex:1}
.uc-filter-applied-message .select label{font-size:12px;color:var(--muted)}
.uc-filter-applied-message .select .value{font-size:14px;font-weight:600}
.uc-filter-applied-message .select .chev{color:var(--muted)}
.uc-filter-applied-message .cal-header{display:flex;align-items:center;justify-content:space-between;padding:6px 0 12px}
.uc-filter-applied-message .cal-header .title{font-size:18px;font-weight:600;}
.uc-filter-applied-message .bottom{display:none;font-size:14px;color:#565D6D;font-weight:400}
.uc-filter-applied-message .bottom.active{display:block}
.uc-filter-applied-message .badge{cursor:pointer;user-select:none;padding:10px 5px}
.uc-filter-applied-message .category-picker{position:fixed;bottom:-100%;left:0;right:0;background:#fff;border-top:1px solid #e6e8eb;box-shadow:0 -4px 12px rgba(0,0,0,.1);border-radius:16px 16px 0 0;padding:20px 45px;transition:bottom .3s ease;z-index:999999}
.filter-item {position: relative;}
.filter-dropdown { display: none;position: absolute;top: calc(100% + 12px); /* BELOW the tab */left: 0;min-width: 220px;background: #fff;border-radius: 14px;padding: 12px;box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    z-index: 50;}
.filter-item.active .filter-dropdown {display: block;}
.radio-pill input {position: absolute;opacity: 0;pointer-events: none;}
.radio-pill span {display: block;padding: 10px 16px;border-radius: 999px;background: var(--category-uncheck-color);font-weight: 600;cursor: pointer;transition: all 0.2s ease;margin-bottom: 8px;}
/* .radio-pill span:hover {background: #c6eced;} */
.radio-pill:hover span {background: var(--category-check-color);color: #fff;}
.radio-pill {display: block;}
.radio-pill input {display: none;}
.radio-pill input:checked + span {background: var(--category-check-color);color: #fff;}
/* .radio-pill input:checked + span {background: #3FC0C3;color: #fff;} */

.time-radio-pill input {position: absolute;opacity: 0;pointer-events: none;}
.time-radio-pill span {display: block;padding: 10px 16px;border-radius: 999px;background: #69c8c64a;font-weight: 600;cursor: pointer;transition: all 0.2s ease;margin-bottom: 8px;}
/* .radio-pill span:hover {background: #c6eced;} */
.time-radio-pill:hover span {background: #69c8c6;color: #fff;}
.time-radio-pill {display: block;}
.time-radio-pill input {display: none;}
.time-radio-pill input:checked + span {background: #69c8c6;color: #fff;}


.filter-panel.age-panel.age-picker h3, .filter-panel.time-panel.time-picker-desktop h3,.category-panel h3 {font-size: 22px !important;padding-right: 10px;display: flex;align-items: center;padding-bottom:0px}
.uc-wrap .time-filter-inline {width: 100%;display: inline-block;}
.filter-header{display: flex;}
.filter-header {padding-bottom: 10px;}
.uc-filter-applied-message h3{margin-top:0;font-size:17px;display:flex;align-items:center;gap:6px;font-family:'Open Sans';font-weight:700!important;color:#171A1F;padding: 0;padding-right: 10px;}
.uc-filter-applied-message .category-picker .chips{display:flex;flex-direction:column;margin:12px 0}
.uc-filter-applied-message .category-picker .chip{font-size:17px;display:flex;align-items:center;gap:6px;font-family:'Open Sans';font-weight:700;color:#171A1F;margin-bottom: 6px;}
.uc-filter-applied-message .age-picker{position:fixed;bottom:-100%;left:0;right:0;background:#fff;border-top:1px solid #e6e8eb;box-shadow:0 -4px 12px rgba(0,0,0,.1);border-radius:16px 16px 0 0;padding:16px;transition:bottom .3s ease;z-index:999999}
.uc-filter-applied-message .time-picker{position:fixed;bottom:-100%;left:0;right:0;background:#fff;border-top:1px solid #e6e8eb;box-shadow:0 -4px 12px rgba(0,0,0,.1);border-radius:16px 16px 0 0;padding:16px;transition:bottom .3s ease;z-index:999999}
.filter-panel {position: relative;}
.filter-panel .filter-close {position: absolute;top: 10px;right: 12px;background: none;border: none;font-size: 22px;line-height: 1;cursor: pointer;color: #333;}
.filter-panel .filter-close:hover {opacity: 0.7;}


.filter-panel {position: absolute;top: 100%;left: 0;margin-top: 8px;width: 100%;max-width: 360px;background: #fff;border-radius: 12px;box-shadow: 0 10px 24px rgba(0,0,0,.15);padding: 16px;display: none;z-index: 999;}
.filter-panel.active {display: block;}

.chips {margin: 12px 0;}
 .uc-filter-applied-message #ageSlider{margin:20px 0}
.uc-filter-applied-message .age-values{font-weight:600;text-align:center;margin-bottom:16px}
.uc-filter-applied-message .filter-container{margin:16px 0;background:#DCF4F4;padding:20px;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1)}

.uc-filter-applied-message .filter-text{font-family:'Open Sans';font-size:15px;font-weight:400}
.filter-btn {padding: 10px 15px;border-radius: 20px;border: none;font-weight: bold;cursor: pointer;display: flex;background-color: #C6ECED;color: #171A1F;}
.filter-btn.clear {background-color: #DEE1E6;color: #171A1F;}
.filter-btn.active {background: #3FC0C3;color: #fff;}
.filter-btn span.arrow,.filter-btn span.close {display: inherit;align-items: center;margin-left: 5px;}
.filter-btn.active svg path {fill: #fff;}
.uc-filter-applied-message .dropdown-wrapper{display:inline-block}
.uc-filter-applied-message .dropdown-button{background:#4db8b8;color:#fff;border:none;padding:5px 15px;border-radius:20px;font-size:16px;font-weight:500;cursor:pointer;position:relative;margin-top:10px}
.uc-filter-applied-message .badge.collapse{transform:rotate(180deg)}
.uc-filter-applied-message  button.uc-cta.apply {background: #3FC0C3;text-transform: none;width: 50%;font-weight: 700;font-size: 16px;}
.uc-filter-applied-message  button.uc-cta.cancel {color: #565D6D;background: #F3F4F6;text-transform: none;width: 50%;font-weight: 700;font-size: 16px;}
.date-input-wrap{display:flex;align-items: center;gap: 5px;}

a.ui-state-default.ui-state-highlight {background: #ec1f8f;color: #fff;border: 2px solid #ec1f8f;font-weight: bold;}
a.ui-state-default.ui-state-active {background: #3FC0C3;color: #fff;border: 1px solid #3FC0C3;}
input#weekPicker_weekpicker{height:42px;padding:0 14px 0 38px;border-radius:8px;border:1px solid #cfd8dc;background:#fff;color:#1b1f23;outline:none;transition:box-shadow .2s ease,border-color .2s ease}
span.date-icon{position:absolute;inset:0 auto 0 12px;width:18px;height:18px;margin:auto 0;pointer-events:none;background-repeat:no-repeat;background-size:18px 18px;background-image:url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="5" width="18" height="16" rx="2" stroke="%2328A7AD" stroke-width="2"/><path d="M16 3v4M8 3v4M3 11h18" stroke="%2328A7AD" stroke-width="2" stroke-linecap="round"/></svg>')}
.week-nav-wrap {
    position: relative;
}

.ui-datepicker{padding:0;border:none;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgb(0 0 0 / .12);overflow:hidden;width: 300px;}
.ui-widget.ui-widget-content{border:none}
.ui-datepicker .ui-datepicker-header{background:#ffffff;border:none;padding:10px 12px;color:#1b1f23;;display:flex;align-items:center;justify-content:space-between}
.ui-datepicker .ui-datepicker-title{font-weight: 600;font-size: 26px;font-family: 'Bebas Neue';margin: 0 20px;width: calc(100% - 102px);text-align: right;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:relative;top:0;width:28px;height:28px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{background:rgb(0 0 0 / .06)}
.ui-icon{background:none!important}
.ui-datepicker .ui-datepicker-prev span::before,.ui-datepicker .ui-datepicker-next span::before{content:'';display:block;width:100%;height:100%;mask-size:16px 16px;-webkit-mask-size:27px 27px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;background-color:#3FC0C3}
.ui-datepicker .ui-datepicker-prev span::before{mask-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>')}
.ui-datepicker .ui-datepicker-next span::before{mask-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="m8.59 16.59 1.41 1.41L16 12 10 6 8.59 7.41 13.17 12z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="%23000" d="m8.59 16.59 1.41 1.41L16 12 10 6 8.59 7.41 13.17 12z"/></svg>')}
.ui-datepicker th{color:#3FC0C3;font-weight:600;font-size:12px;text-transform:none;padding:6px 0 0 0}
.ui-datepicker td{padding:0}
.ui-datepicker table{margin:0;width:100%;border-collapse:separate;border-spacing:6px;padding:6px 8px 10px 8px;font-family: 'Open Sans';}
.ui-state-default,.ui-widget-content .ui-state-default{border:none;background:#fff0;color:#1b1f23;;text-align:center;border-radius:6px;transition:background-color .15s ease,color .15s ease;font-size: 14px;}
.ui-state-hover,.ui-widget-content .ui-state-hover{background:rgb(0 0 0 / .06);color:#1b1f23;}
.ui-datepicker .ui-state-highlight{border-radius:6px}
.ui-datepicker .ui-weekpicker-week td .ui-state-active,
.ui-datepicker .ui-weekpicker-week td .ui-state-hover,.ui-datepicker .ui-weekpicker-week td .ui-state-default{background:rgb(40 167 173 / .15)}
.ui-datepicker .ui-weekpicker-week .ui-state-default{background:rgb(40 167 173 / .15)}
.ui-datepicker-div{z-index: 999999;}
.uc_days_navigator{background: #c6eced4f;border-radius: 5px;padding: 18px;}
.uc_days_navigator span {font-family: 'Bebas Neue', display;padding: 0;font-size: 21px;color: #3FC0C3;}
/*
.ui-datepicker .ui-weekpicker-week .ui-state-active{background:var(--brand)!important;color:#fff!important} */
.ui-datepicker .ui-weekpicker-week td:first-child .ui-state-default{border-top-left-radius:18px;border-bottom-left-radius:18px}.ui-datepicker .ui-weekpicker-week td:last-child .ui-state-default{border-top-right-radius:18px;border-bottom-right-radius:18px}
.ui-datepicker .ui-state-disabled{opacity:.35}
@media only screen and (max-width:767px){
    .uc-mobile-list-filter > div.uc_days_navigator {
        flex: none;
        width: 100%;
    }
    .uc-mobile-list-filter .filter-container{
        flex: none;
    }
    .date-input-wrap{
        width: 100%;
    }
    .filter-text{
        display: inline-block;
    }
    .filters{
        display: inline-block;
    }
    .filters .filter-btn{
        display: inline-block;
        margin-bottom:10px;
    }
}
@media (max-width:420px){
    .ui-datepicker{transform:scale(.98);transform-origin:top left}
}
@media (max-width: 767px) {

    .uc-mobile-list-filter{flex-direction: column;}
    .uc-mobile-list-filter .filter-container{width: 100%;}
    .uc-mobile-list-wrap .uc-month-header{width: 100%;min-width: none;}

    .uc-filter-applied-message .age-picker.active{bottom:0}
    .uc-filter-applied-message .time-picker.active{bottom:0}
    .uc-filter-applied-message .category-picker.active{bottom:0}
    .filter-panel.active {display:none}
}
@media (min-width: 768px) {
    .uc-mobile-list-filter .filter-container {background: #c6eced4f;border-radius: 5px;padding: 20px;}
    .uc-filter-applied-message h3{margin-bottom: 0px;}
}
@media (min-width: 769px) {
  .uc-mobile-cta,
  .mobile-event-desc {
    display: none !important;
  }
}
@media (max-width: 768px) {
    .uc-events-list .uc-event-title h3{font-size: 25px;}
    .uc-event-meta.mobile-view { display: inherit; padding: 0; }
    .uc-event-meta .uc-time-details { margin-bottom: 5px; }
    .uc-event-meta .item { margin-bottom: 0;font-weight: 500; }
    .uc-date-pill { justify-content: flex-start; }
    .uc-date-pill-inner { width: 72px; height: 100%; }
    .uc-event-meta { grid-template-columns: 1fr; }
    .uc-topsec { display: grid; grid-template-columns: 72px 1fr; gap: 0px; }
    .uc-events-list .uc-event-title { justify-content: space-between; margin-bottom: 0; align-items: self-start; }
    .uc-event-content-wrap { width: 100%; }
    .uc-events-list .uc-event-content { padding: 25px; width: 100%; }
    .uc-cta-wrapper { justify-content: flex-start; margin-top: 10px; }
    .uc-toggle { background: #fff; width: 27px; height: auto; display: grid; place-items: center; cursor: pointer; margin-right: 0px; border: 0; }
    .uc-toggle.active svg { transition: transform .2s ease; }
    .uc-toggle.active { transform: rotate(180deg); }
    .uc-event-description,.uc-event-meta-wrap { display: none; }
    .uc-date-month { margin-bottom: 0; font-size: 27px; }
    .uc-date-day { font-size: 35px; }
	.uc-title-wrap{margin-bottom: 5px;}
}