.staff-tile{position:relative}.staff-tile .staff-content{display:flex;gap:1rem}.staff-tile .staff-content img{width:80px;height:80px;object-position:0 0;align-self:flex-start}.staff-tile .staff-pos{font-size:clamp(.875rem,1.25vw,1rem);line-height:1.25}.staff-tile .staff-info .extra-pos:nth-child(odd){margin:.25rem 0;margin-left:-0.25rem;padding:.25rem;background:#ced2d5}.staff-tile .faculty-contact{position:absolute;width:100%;bottom:.75rem;left:0;padding:0 1rem;background:#d8dee1;border-radius:.375rem;animation:.25s ease-in-out forwards contact-contract;overflow:hidden;visibility:hidden;transition:.25s}.staff-tile .faculty-contact .active{visibility:visible;animation:.25s ease-in-out forwards contact-expand}.staff-tile .contact-div ul{gap:.25rem;align-items:center;padding:.25rem 0 0 0;margin:0}.staff-tile .contact-div ul li{margin:0;font-size:1rem}.staff-div{max-width:20rem}.staff-div .staff-info{display:flex;gap:1rem}.staff-div .staff-info img{width:75px;height:75px;object-position:0 -10px;align-self:center}.staff-div .staff-pos{font-size:.75rem}.staff-div .contact-div .contact-h{display:none}.staff-div .contact-div ul{display:flex;gap:.75rem;align-items:center;padding:0;margin:0}.staff-div .contact-div ul li{margin:0}.staff-div .contact-div ul li.staff-location.active:after{background:#fff;clip-path:polygon(0% 0%, 50% 100%, 100% 0%);content:"";height:8px;position:absolute;bottom:42px;width:25px}.staff-div .contact-div ul li.staff-location.active span{background:#fff;border-radius:5px;bottom:35%;display:block;left:2.5%;padding:5px;position:absolute;width:95%}.staff-div .contact-div ul li span{display:none}.staff-div .contact-div.faculty-contact{position:absolute;width:100%;bottom:.75rem;left:0;padding:0 1rem;background:#d8dee1;border-radius:.375rem;animation:.25s ease-in-out forwards contact-contract;overflow:hidden;visibility:hidden;transition:.25s}.staff-div .contact-div.faculty-contact.active{visibility:visible;animation:.25s ease-in-out forwards contact-expand}.staff-div .contact-div.faculty-contact ul{display:block;gap:.25rem;align-items:center;padding:.25rem 0 0 0;margin:0}.staff-div .contact-div.faculty-contact ul li{margin:0;font-size:1rem}.bio-btn{background:#0aa2c2;padding:.25rem .75rem;border-radius:.125rem;font-weight:300;font-variation-settings:"wght" 300;color:#fff;font-size:1.25rem}.ppl-content{text-align:right}.ppl-content .ppl-positions{text-align:left}.ppl-content .ppl-positions h3{font-size:1.25rem;line-height:1.25rem;margin-bottom:5px}.ppl-content .ppl-positions .pos-content{font-size:1rem;font-weight:400;font-variation-settings:"wght" 400;line-height:1.5;margin-bottom:1rem}.ppl-content .bio-btn{font-size:1rem}.sort,.page-input{border-color:#e4e4e4}.sort{min-width:62px;max-height:34px}#loading{width:2rem;height:2rem;border:5px solid #f3f3f3;border-top:6px solid #0061ab;border-radius:100%;margin:auto;animation:spin 1s infinite linear}@-webkit-keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media only screen and (min-width: 640px){.staff-div .staff-info{display:block}.staff-div .staff-info img{width:11rem;height:11rem;margin:0 auto}.staff-div .staff-pos{font-size:1rem}.staff-div .contact-div{flex-direction:column;justify-content:flex-start;min-height:11.5rem}.staff-div .contact-div .contact-h{display:block}.staff-div .contact-div ul{display:block;margin:1rem auto .25rem}.staff-div .contact-div ul li{margin-bottom:5px}.staff-div .contact-div ul li span{display:inline}}