#calendar,#calendar-grid-wrap{width:100%;margin:0 auto;position:relative}#calendar-nav{display:flex;flex-direction:row;padding:1rem 0;align-items:center;gap:1rem}#calendar-nav button{display:grid;place-items:center;border-radius:4px;height:44px;aspect-ratio:1;background:#fff;border:1px solid #ddd;transition:0.1s ease all}#calendar-nav button:hover{border-color:#bbb}#calendar-nav button:disabled{opacity:.6;cursor:auto}#calendar-nav button#calendar-nav__today-btn,#calendar-nav button#calendar-nav__refresh-btn{padding:0 3rem;aspect-ratio:unset;margin-right:2rem}#calendar-nav #calendar-nav__year-month{margin-left:2rem;font-size:20px}@media (max-width:768px){#calendar-nav #calendar-nav__today-btn{display:none}#calendar-nav #calendar-nav__year-month{margin-left:auto}}.calendar-nav-wrap{display:flex;align-items:center;width:100%}.calendar-nav-wrap #course-filter{margin-left:auto;--select-height:44px}.calendar-nav-wrap #course-filter .select{border-radius:4px}.calendar-nav-wrap #course-filter .select:hover{border-color:#bbb}@media (max-width:768px){.calendar-nav-wrap{flex-direction:column-reverse;align-items:stretch;row-gap:2rem}.calendar-nav-wrap #course-filter{margin-left:0;width:100%!important}.calendar-nav-wrap #course-filter .select{width:100%!important}.calendar-nav-wrap #course-filter .select-text{width:fit-content;max-width:calc(100vw - 110px)}}#calendar-grid{--day-padding:4px;--day-height:170px;--event-height:24px;--event-border-radius:4px;width:100%;height:fit-content;background-color:#fff;border-radius:4px;box-shadow:#ddd 0 0 0 1px,rgb(3 7 18 / .12) 0 1px 2px -1px,rgb(3 7 18 / .06) 0 2px 4px 0}#calendar-grid #calendar-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:600;color:var(--heading);border-bottom:1px solid #ddd}#calendar-grid .calendar-header__day{font-size:14px;text-transform:capitalize;text-align:left;padding:0 8px}#calendar-grid #calendar-weeks{display:flex;flex-direction:column}#calendar-grid .calendar-week{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(100px,auto);border-bottom:1px solid #f0f0f0;position:relative;min-height:120px}#calendar-grid .calendar-week:last-of-type{border-bottom:none}#calendar-grid .calendar-week__events-container{position:absolute;top:30px;left:0;right:0;height:calc(100% - 30px);display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(auto-fill,var(--event-height));gap:4px;pointer-events:none;z-index:5}.calendar-day{height:var(--day-height);width:100%;border-right:1px solid #ddd;position:relative;overflow:visible;box-sizing:border-box}.calendar-day:last-of-type{border-right:none}.calendar-day__number{font-size:13px;font-weight:500;color:#444;height:20px;width:20px;position:absolute;z-index:1;top:var(--day-padding);left:var(--day-padding);line-height:1;display:flex;align-items:center;justify-content:center;border-radius:4px}.calendar-day__number::selection{background:#fff0;color:inherit}.calendar-day.other-month .calendar-day__number{color:#aaa}.calendar-day--today .calendar-day__number{background-color:var(--primary,#801228);color:#fff;display:flex;align-items:center;justify-content:center}.calendar-day.selected{position:relative}.calendar-day.selected::after{content:"";position:absolute;top:0;bottom:0;left:-1px;right:-1px;background-color:rgb(128 18 40 / .05);border:1px solid #fff0;border-top-color:var(--primary);border-bottom-color:var(--primary)}.calendar-day.selected.selected-start::after{left:0;border-left-color:var(--primary)}.calendar-day.selected.selected-end::after{right:0;border-right-color:var(--primary)}.calendar-event{display:flex;align-items:center;background-color:var(--primary);color:#fff;padding:0 8px;height:var(--event-height);margin:0 var(--day-padding);border-radius:var(--event-border-radius);font-size:12px;cursor:pointer;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;pointer-events:auto;box-sizing:border-box;user-select:none;transition:transform 0.1s ease-out,opacity 0.1s ease-out,box-shadow 0.2s ease}.calendar-event:hover{opacity:.9}.calendar-event.dragging{opacity:.5;z-index:100;transform:scale(.98);cursor:move}.calendar-event.temp-dragging-event{z-index:99;box-shadow:0 3px 10px rgb(0 0 0 / .2);pointer-events:none;animation:pulse 1.5s infinite}.calendar-event__title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event.multi-week-start{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.calendar-event.multi-week-end{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.calendar-event.loading{position:relative;animation:loading 1s infinite}.calendar-event.loading ::after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;border:1px dashed;border-color:#fff;animation:spinning 1s infinite}@keyframes bounce{0%,100%{transform:translateY(-50%)}50%{transform:translateY(-70%)}}@keyframes pulse{0%,100%{opacity:.7}50%{opacity:.9}}@keyframes loading{0%{opacity:1}50%{opacity:.8}}@keyframes spinning{0%{transform:translateY(-50%) rotate(0deg)}50%{transform:translateY(-50%) rotate(180deg)}}@media screen and (max-width:768px){#calendar-grid{display:none}.mobile-only{display:block}}@media screen and (min-width:769px){.mobile-only{display:none}}#calendar-popup{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:90vw;max-width:360px;background-color:#fff;border-radius:4px;z-index:1000;visibility:hidden;opacity:0;transform:translateY(10px);overflow:hidden;pointer-events:none;box-shadow:0 0 0 1px #ccc,0 0 6px #0000;transition:0.1s ease-out transform,0.1s ease opacity,0.1s ease-out box-shadow,0s linear 0.1s visibility}#calendar-popup[visible]{visibility:visible;display:flex;pointer-events:auto;opacity:1;transform:translateY(0);box-shadow:0 0 0 1px #ccc,0 8px 12px #0003;transition:0.1s ease-out transform,0.05s ease opacity,0.1s ease-out box-shadow,0s linear 0s visibility}#calendar-popup__details-container{padding:20px;padding-bottom:0}#calendar-popup__close{width:24px;height:24px;padding:4px;position:absolute;top:10px;right:10px;background-color:#fff0}#calendar-popup__time{font-size:14px;font-weight:500}#calendar-popup__codes{color:var(--primary);font-size:15px;font-weight:600}#calendar-popup__btns-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:15px;margin-top:20px;margin-bottom:20px}#calendar-popup__btns-wrap>a{height:38px;display:flex;justify-content:center;align-items:center;text-align:center;text-decoration:none;border-radius:4px}#calendar-popup__more-info{color:var(--primary);border:1px solid var(--primary);background:#fff0}#calendar-popup__book-now{color:#fff;background:var(--primary);border:1px solid var(--primary);border-color:#801228}#calendar-overlay{visibility:hidden;display:flex;flex-direction:column;align-items:center;position:absolute;inset:0;width:100%;height:100%;padding-top:20vh;background-color:#fff2;backdrop-filter:blur(0);color:var(--text);font-size:20px;opacity:0;pointer-events:none;z-index:9;transition:0.3s ease all}#calendar-overlay .no-events{display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;padding:2rem 4rem;background:#fff;border-radius:4px;box-shadow:rgb(1 7 18 / .05) 0 0 0 1px,rgb(3 7 18 / .2) 0 1px 2px -1px,rgb(3 7 18 / .05) 0 2px 10px 0;transform:translateY(20px);transition:0.3s ease transform}#calendar-overlay .no-events__heading{text-align:center;font-size:var(--h2);line-height:1.4;text-transform:uppercase;font-weight:700;color:var(--heading)}#calendar-overlay .no-events .reset-course-filter{margin-top:1.6rem}#calendar-overlay[visible]{visibility:visible;opacity:1;pointer-events:auto;backdrop-filter:blur(1px)}#calendar-overlay[visible] .no-events{transform:translateY(0)}#calendar-overlay[clickable]{pointer-events:auto}#calendar-list-view{width:100%}#calendar-list-view #no-events-found{width:100%;margin-top:2rem;text-align:center;font-size:5vw;text-transform:uppercase;font-weight:700;background:#fff;border-radius:4px;border:1px solid #ddd;padding:2rem}#calendar-list-view .day-header{display:flex;justify-content:space-between;background-color:var(--primary);color:#fff;font-weight:600;padding:6px 12px;margin-top:10px;border-radius:4px 4px 0 0}#calendar-list-view .event-list{list-style-type:none;padding:0;margin:0 0 6px 0;font-size:14px}#calendar-list-view .event-item{display:flex;justify-content:space-between;padding:10px 12px;background:#fff;border:1px solid #ddd;border-bottom:none;column-gap:16px;row-gap:4px}#calendar-list-view .event-item:last-child{border-bottom:1px solid #ddd;border-radius:0 0 4px 4px}#calendar-list-view .event-item.event-item--has-links{display:grid;grid-template-columns:auto auto;align-items:flex-start}#calendar-list-view .event-course-link{grid-row:span 2}#calendar-list-view .event-title{font-weight:700;font-size:15px}#calendar-list-view .event-time{color:#555;margin-left:auto}#calendar-list-view .event-booking-link{color:var(--primary);width:fit-content;padding-top:.2rem;text-transform:uppercase;font-weight:600;margin-left:auto}@media (max-width:480px){#calendar-list-view .event-course-link{grid-row:unset;grid-column:span 2}#calendar-list-view .event-time{margin-left:unset;margin-right:auto}}