#ymca-360-schedules {
    /* padding: 96px; */
    /* padding-left: 192px; */
}

#ymca-360-schedules h2 {
    font-size: 60px;
    text-align: center;
    margin-bottom: 48px;
    color: var(--mpurple);
}

#ymca-360-schedules #y360-calendar.style-new .main-row {
    gap: 0;
}

#ymca-360-schedules #y360-calendar {
    border-radius: 11px;
}

#y360-calendar.style-new .filters-collapse__open,
#y360-calendar.style-new .filters-collapse__closed {
    transform: translateY(-50%);
    top: 50%;
}

/*filter*/

#ymca-360-schedules #y360-calendar.style-new .main-row .filter-side {
    margin-bottom: 0;
}

#ymca-360-schedules #y360-calendar.style-new .filters-header {
    align-items: center;
}

#y360-calendar.style-new .filters-collapse__open {
    transform: translateY(-50%) rotate(-90deg);
}

#y360-calendar.style-new .filters-collapse {
    width: 35px;
    height: 35px;
}

/*calendar*/

#ymca-360-schedules #y360-calendar.style-new .main-row .calendar-side {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    overflow: hidden;
}

#ymca-360-schedules #y360-calendar.style-new {
    border: 1px solid var(--news-grey);
    box-shadow: 0px 20px 40px #2699fb1a;
}

#ymca-360-schedules #y360-calendar.style-new .schedules-header .arrow-navigation .current-day {
    font-family: "Cachet Bold";
}

#ymca-360-schedules #y360-calendar.style-new .schedule-header {
    padding: 20px 20px 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;

    font-family: "Cachet Book";
    font-size: 20px;
    font-weight: 700;
}

#ymca-360-schedules #y360-calendar.style-new .pdf-btn,
#ymca-360-schedules #y360-calendar.style-new .view-today {
    padding: 10px 25px;
    background: transparent;
    border: 2px solid var(--y360-color);
    border-radius: 50px;
    font-family: "Cachet Bold";
    text-transform: uppercase;
    color: var(--y360-color);

    transition: all 0.2s ease;
}

#ymca-360-schedules #y360-calendar.style-new .pdf-btn:hover,
#ymca-360-schedules #y360-calendar.style-new .view-today:hover {
    background: var(--y360-color);
    color: #fff;

    transition: all 0.2s ease;
}

#ymca-360-schedules #y360-calendar.style-new .class-row {
    margin: 0;
    padding: 15px 20px;
    border-radius: 0;

    font-family: "Cachet Extra Light";
    font-size: 18px;
}

#ymca-360-schedules #y360-calendar.style-new .class-row.is-even {
    background: var(--uulblue);
}

#ymca-360-schedules #y360-calendar.style-new .class-row.is-odd {
    background: #fff;
}

#ymca-360-schedules #y360-calendar.style-new .schedule-location a,
#ymca-360-schedules #y360-calendar.style-new .schedule-class a {
    padding: 7px 15px;
    background: transparent;
    border: 2px solid var(--y360-color);
    border-radius: 50px;
    font-family: "Cachet Bold";
    text-transform: uppercase;
    font-size: 16px;
    color: var(--y360-color);

    transition: all 0.2s ease;
}

#ymca-360-schedules #y360-calendar.style-new .schedule-location a:hover,
#ymca-360-schedules #y360-calendar.style-new .schedule-class a:hover {
    background: var(--y360-color) !important;
    color: #fff !important;

    transition: all 0.2s ease;
}

@media (max-width: 1600px) {
    #ymca-360-schedules #ymca-360-schedules {
        padding-left: 96px;
    }
}

@media (max-width: 1200px) {
    #ymca-360-schedules {
        /* padding: 64px 32px; */
    }

    #ymca-360-schedules #y360-calendar.style-new {
        padding: 0;
    }

    #ymca-360-schedules #y360-calendar.style-new .schedules-header {
        border-bottom: 1px solid var(--y360-color);
        margin: 0;
        padding: 20px;
    }

    #ymca-360-schedules #y360-calendar.style-new .class-row {
        padding: 0;
    }

    #ymca-360-schedules #y360-calendar.style-new .class-row>div {
        padding: 12px;
    }

    #ymca-360-schedules #y360-calendar.style-new .schedule-header {
        border-radius: 0;
    }

    #ymca-360-schedules #y360-calendar.style-new .filters-header {
        margin: 0;
    }
}

@media (max-width: 992px) {
    #y360-calendar.style-new .class-row>* {
        background: transparent;
    }

    #ymca-360-schedules #y360-calendar.style-new .class-row.is-even {
        background-color: #FFF !important;
    }

    #ymca-360-schedules #y360-calendar.style-new .class-row.is-odd {
        background: color-mix(in srgb, var(--y360-color) 5%, transparent) !important;
    }

    #y360-calendar.style-new .class-row>* #ymca-360-schedules h2 {
        font-size: 30px;
    }

    #y360-calendar .mobile-label {
        font-family: "Cachet Bold";
    }

    #ymca-360-schedules #y360-calendar.style-new .main-row .filter-side {
        width: 100%;
        transform: none;
    }

    #ymca-360-schedules #y360-calendar.style-new .main-row .filter-side {
        padding-bottom: 15px;
    }

    #ymca-360-schedules #y360-calendar.style-new .class-row {
        border: none;
        border-bottom: 1px solid var(--y360-color);
    }

    #ymca-360-schedules #y360-calendar.style-new .main-row .filter-side {
        bottom: 20px;
    }

    #ymca-360-schedules #y360-calendar.style-new .filter-header.open+.filter-options {
        max-height: 200px;
    }

    #y360-calendar.style-new .filters-collapse {
        width: 30px;
        height: 30px;
    }
}