.container.school-calendar{max-width:1216px}.school-calendar .section-header{margin-bottom:48px}.school-calendar .section-header .h4,.school-calendar .section-header h4{color:#18191b;font-family:Plus Jakarta Sans;font-size:2.25rem!important;font-style:normal;font-weight:700;line-height:2.875rem!important;text-align:center}.school-calendar .section-header .h5,.school-calendar .section-header h5{color:#2d2d2d;font-family:Plus Jakarta Sans;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem;text-align:center}.calendar-sidebar{display:flex;flex-direction:column;gap:28px}.calendar-widget{background:#f6f6f8;border-radius:12px;padding:32px 20px}.calendar-widget .h5,.calendar-widget h5{font-size:1.125rem!important;font-style:normal;font-weight:600!important;line-height:1.75rem!important;margin-bottom:16px}.calendar-widget ul{list-style:none;margin:0;padding:0}.calendar-widget ul li{font-weight:400;margin-bottom:8px}.legend-list{list-style-type:none;padding-left:0}.legend-list li{font-size:1rem;margin-bottom:8px;padding-left:24px;position:relative}.legend-list li:before{background-color:#ff5733;border-radius:50%;content:"";height:16px;left:0;position:absolute;top:6px;width:16px}.legend-list li:first-child:before{background-color:#ffbaad}.legend-list li:nth-child(2):before{background-color:#bdf0e3}.legend-list li:nth-child(3):before{background-color:#96dd9c}.legend-list li:nth-child(4):before{background-color:#b1a5df}.legend-list li:nth-child(5):before{background-color:#b561dc}.legend-list li:nth-child(6):before{background-color:#ffea9e}.holidays-list li,.schedule-list li{display:flex;margin-bottom:8px}.holidays-list li span:first-child,.schedule-list li span:first-child{width:45%}.schedule-list li:last-child{padding-top:0!important}.calendar-mainbox{padding-left:48px}.calendar-container{background-color:#c8e4fa;border-radius:20px;padding:28px}#calendar{display:flex;flex-wrap:wrap}.calendar-header{align-items:center;border-radius:5px 5px 0 0;display:flex;justify-content:space-between;margin-bottom:8px;padding:0 10px}.month{background:#fff;border-radius:12px;margin:14px;min-height:357px;padding:28px 18px;width:calc(50% - 28px)}.month.current{background:#bdf0e3}.month h3{color:#18191b;font-family:Plus Jakarta Sans;font-size:1.125rem!important;font-style:normal;font-weight:700;line-height:1.75rem!important;margin-bottom:12px!important;text-align:center}.week{display:flex;flex-wrap:wrap;gap:6px;margin:auto;max-width:281px}.week:nth-child(2){margin-bottom:16px}.day{align-items:center;color:#18191b;cursor:pointer;display:flex;font-size:.875rem;font-weight:400;height:30px;height:32px;justify-content:center;line-height:30px;line-height:1.25rem;text-align:center;vertical-align:top;width:14.28571%;width:35px}.day:not(.weekday){background:#fff;color:#000;font-weight:400;margin-bottom:6px}.day.blank{background:transparent}.holiday{background-color:#fcc;color:#d40a0a}.tooltip{background-color:rgba(0,0,0,.8);border-radius:5px;color:#fff;display:none;padding:5px;position:absolute;z-index:1}.navigation-buttons{align-items:center;display:flex;justify-content:space-between;width:100%}.navigation-buttons button{background:transparent;border:unset;color:#282661;font-size:16px;font-style:normal;font-weight:700;height:auto;letter-spacing:.32px;line-height:28px;padding:0 4px;text-align:right;text-transform:uppercase;width:100px}.navigation-buttons button#prevMonths{text-align:left}.navigation-buttons button:active,.navigation-buttons button:focus,.navigation-buttons button:hover{background:transparent;border:unset}.navigation-buttons button:focus{outline:none}.holiday-closed{background-color:#ffbaad!important;color:#000!important}.holiday-first-day{background-color:#bdf0e3!important;color:#000!important}.holiday-building{background-color:#ffea9e!important;color:#000!important}.holiday-testing{background-color:#96dd9c!important;color:#000!important}.holiday-graduation{background:#b561dc!important;color:#000!important}.holiday-cte-check{background:#b1a5df!important;color:#000!important}#yearRange{color:#18191b;font-family:Plus Jakarta Sans;font-size:28px;font-style:normal;font-weight:700;line-height:36px;text-align:center}.calendar-container{position:relative}.navigationMonth button,.navigationYear button{text-align:left;width:200px}.navigationMonth .month-cta-dropdown-content,.navigationYear .year-cta-dropdown-content{background-color:#fff;border:1px solid #eee;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:0;display:none!important;display:block;font-size:18px;font-weight:500;line-height:28px;padding:20px;position:absolute;text-align:center;text-decoration:none;width:100%;z-index:1}.navigationMonth.active .month-cta-dropdown-content,.navigationYear.active .year-cta-dropdown-content{align-content:center;display:block!important;display:flex!important;flex-direction:column;max-width:190px;position:absolute}@media only screen and (max-width:1170px){.calendar-list{flex-direction:column-reverse}.calendar-list .col-lg-4,.calendar-list .col-lg-8{width:100%}.calendar-container{margin-bottom:32px;padding:20px}}@media only screen and (max-width:993px){.calendar-mainbox{padding-left:15px}.school-calendar .section-header .h4,.school-calendar .section-header h4{font-size:1.75rem!important;line-height:2.5rem!important;padding:0 15px}.school-calendar .section-header .h5,.school-calendar .section-header h5{font-size:1.25rem!important;line-height:2rem!important}.calendar-container{padding:24px 16px}.week{gap:4px;max-width:270px}}@media only screen and (max-width:767px){.school-calendar .section-header .h4,.school-calendar .section-header h4{font-size:1.5rem!important;line-height:2rem!important;padding:0 40px}.school-calendar .section-header .h5,.school-calendar .section-header h5{font-size:1.25rem!important;line-height:2rem!important}.school-calendar .section-header{margin-bottom:24px}.calendar-header{margin-bottom:0;padding:0}.calendar-navigation{display:flex;flex-direction:row;justify-content:space-between;padding:0 44px;position:absolute;top:80px;width:95%;z-index:1}.month{padding:28px 16px;width:100%}.calendar-container{padding:20px 8px}.navigation-buttons{padding:0 8px}}@media only screen and (max-width:380px){.day{width:30px}.week{max-width:246px}}@media only screen and (max-width:320px){.day{width:25px}.week{max-width:212px}.month{padding:28px 12px}}