ul.breadcrumbs{margin-bottom:15px}.contact-panel-button{background:#767676;color:#fefefe;width:auto;padding:.25rem 1.25rem;text-align:center;position:absolute;top:-30px;transition:background .25s ease-in-out}.contact-panel-button:after{content:'\25B2';margin-left:5px}.contact-panel-button:hover{background:#0c3d5d;color:#f0f0f0}.is-active .contact-panel-button:after{content:'\25bc'}.contact-panel{padding:1rem;z-index:1;background:#e6e6e6;width:350px;height:520px;position:fixed;bottom:-520px;right:20px;transition:bottom .5s ease-in-out}.contact-panel label{color:#0a0a0a;width:100%}.contact-panel input[type=email],.contact-panel input[type=text],.contact-panel select[name=department],.contact-panel textarea{background:#f9f9f9;border:#0a0a0a;transition:background .3s ease-in-out}.contact-panel input[type=email]:focus,.contact-panel input[type=text]:focus,.contact-panel select[name=department]:focus,.contact-panel textarea:focus{background:#fefefe}.contact-panel .contact-panel-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.contact-panel .submit-button{margin-bottom:0}.contact-panel .btn-contact-cancel{margin-bottom:0;padding:.75rem 1rem;color:#cc4b37;transition:background .25s ease-in-out;background:#a9a9a9}.btn-contact-cancel{margin-bottom:0;padding:.75rem 1rem;color:#cc4b37;transition:background .25s ease-in-out;background:#a9a9a9}.contact-panel .btn-contact-cancel:hover{background:#cc4b37;color:#242424}.contact-panel.is-active{bottom:0}@media screen and (max-width:39.9375em){.contact-panel{width:100%;right:0}.contact-panel-button{background:#767676;color:#fefefe;width:auto;padding:.25rem 1.25rem;text-align:center;position:absolute;top:-30px;right:20px;transition:background .25s ease-in-out}}.alert-callout-border{width:100%;padding-top:5px;padding-bottom:5px;border-left-width:.3125rem;border-left-color:#cacaca}.alert-callout-border strong{color:#0a0a0a}.alert-callout-border .close-button{position:absolute;top:40%;-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%)}.alert-callout-border.radius{border-radius:.6rem}.alert-callout-border.primary{border-left-color:#1779ba}.alert-callout-border.primary strong{color:#1779ba}.alert-callout-border.secondary{border-left-color:#767676}.alert-callout-border.secondary strong{color:#767676}.alert-callout-border.alert{border-left-color:#cc4b37}.alert-callout-border.alert strong{color:#cc4b37}.alert-callout-border.success{border-left-color:#3adb76}.alert-callout-border.success strong{color:#3adb76}.alert-callout-border.warning{border-left-color:#ffae00}.alert-callout-border.warning strong{color:#ffae00}form label{display:block;line-height:1em;width:auto;cursor:hand;color:#333;margin-top:.5em;margin-left:0;padding-bottom:5px}form label.error{background:url(/assets/img/unchecked.gif) no-repeat;padding-left:16px;margin-left:.3em;margin-top:.5em;width:auto;display:block;color:red;font-style:italic;padding-bottom:10px}form input[type=checkbox],input[type=radio]{margin-right:5px}form label.valid{background:url(/assets/img/checked.gif) no-repeat;display:block;width:auto;display:block;color:red;font-style:italic}.timer-display{position:fixed;z-index:1000;margin-bottom:1px;padding:0;padding-top:8px;font-weight:700;font-style:italic;transition:all .3s ease}.timer-display.hide{opacity:0;visibility:hidden}.shake{animation:shake-animation 1.5s ease-in-out}@keyframes shake-animation{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-15px)}20%,40%,60%,80%{transform:translateX(15px)}}.content-load-display{height:65vh;max-height:80vh;overflow-y:auto;padding:15px;border:1px solid #e0e0e0;border-radius:4px;box-shadow:inset 0 0 5px rgba(0,0,0,.1)}.error-message{background:#ff6b6b;color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;display:none}.success-message{background:#4ecdc4;color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;display:none}.services-section{width:100%!important;max-width:600px!important}.services-header{text-align:center;margin-bottom:15px}.services-header h2{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:6px}.services-header p{color:#666;font-size:.85rem}.services-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:12px!important}.service-card{background:#fff!important;border-radius:10px!important;padding:15px 12px!important;text-align:center!important;box-shadow:0 3px 12px rgba(0,0,0,.08)!important;border:1px solid #e1e5e9!important;transition:all .3s ease!important;cursor:pointer!important;text-decoration:none!important;color:inherit!important;position:relative!important;overflow:hidden!important}.service-card:hover{transform:translateY(-6px) scale(1.02)!important;box-shadow:0 15px 30px rgba(0,0,0,.15)!important;border-color:#667eea!important}.service-card:active{transform:translateY(-3px) scale(.98)!important;transition:all .1s ease!important}.service-card:focus{outline:0!important;box-shadow:0 0 0 3px rgba(102,126,234,.3),0 15px 30px rgba(0,0,0,.15)!important}.service-card .icon{font-size:2rem;margin-bottom:10px;display:block}.service-card h3{color:#333;font-size:1rem;margin-bottom:6px;font-weight:600}.service-card p{color:#666;font-size:.8rem;line-height:1.3;margin-bottom:0}.student-portal-card{border-left:3px solid #4ecdc4;background:linear-gradient(135deg,#fff 0,#f8fffe 100%)}.mosp-card{border-left:3px solid #ff6b6b;background:linear-gradient(135deg,#fff 0,#fff8f8 100%)}.hotlunch-card{border-left:3px solid #45b7d1;background:linear-gradient(135deg,#fff 0,#f8fcff 100%)}.student-portal-card .icon{color:#4ecdc4}.mosp-card .icon{color:#ff6b6b}.hotlunch-card .icon{color:#45b7d1}.student-portal-card:hover{border-left-color:#3bb8b0!important}.mosp-card:hover{border-left-color:#ff5252!important}.hotlunch-card:hover{border-left-color:#3aa6c4!important}.service-card{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:rgba(102,126,234,.3);transform:scale(0);animation:ripple-animation .6s linear;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}@media (max-width:768px){.login-card{padding:30px 20px}.login-header h1{font-size:2rem}.services-grid{grid-template-columns:1fr!important}.service-card:hover{transform:none!important;box-shadow:0 3px 12px rgba(0,0,0,.08)!important;border-color:#e1e5e9!important}.service-card:active{transform:translateY(-2px) scale(.98)!important;box-shadow:0 8px 20px rgba(0,0,0,.12)!important;border-color:#667eea!important;transition:all .15s ease!important}.service-card.touch-active{transform:translateY(-2px) scale(.98)!important;box-shadow:0 8px 20px rgba(0,0,0,.12)!important;border-color:#667eea!important;background:rgba(102,126,234,.05)!important}.ripple{background:rgba(102,126,234,.4)!important;animation-duration:.4s!important}.student-portal-card:active{border-left-color:#3bb8b0!important;background:linear-gradient(135deg,#fff 0,#f0fffe 100%)!important}.mosp-card:active{border-left-color:#ff5252!important;background:linear-gradient(135deg,#fff 0,#fff0f0 100%)!important}.hotlunch-card:active{border-left-color:#3aa6c4!important;background:linear-gradient(135deg,#fff 0,#f0fcff 100%)!important}}@media (hover:none) and (pointer:coarse){.service-card{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}.service-card:hover{transform:none!important;box-shadow:0 3px 12px rgba(0,0,0,.08)!important}.service-card:active{transform:translateY(-2px) scale(.98)!important;box-shadow:0 8px 20px rgba(0,0,0,.12)!important;border-color:#667eea!important;transition:all .15s ease!important}}