.grid-container{display:grid}.employee,.employee .photo{position:relative}.employee .photo{max-height:500px;overflow:hidden}.employee .photo img{object-fit:cover;transform:scale(1.1);transition:opacity .5s ease;width:100%}.employee .photo .btn{align-items:center;background-color:#7e9e00;border-radius:20px;bottom:10px;cursor:pointer;justify-content:center;padding:10px;position:absolute;right:10px;transform:rotate(0deg);transition:all .5s ease}.employee .photo .btn:hover{background-color:#2e80a7;transform:rotate(90deg)}.employee .photo .btn{display:none}.employee .photo:hover .btn{display:flex}.employee .photo img.secondary{left:0;opacity:0;position:absolute;top:0}.employee:hover .photo img.secondary{opacity:1}.employee:hover .details span.name{color:#7e9e00}.employee .details{padding:1rem;text-align:center}.employee .details span{display:block;font-family:var(--primary-font-family)}.employee .details span.position{font-size:16px;font-weight:100;letter-spacing:1px}.employee .details span.name{color:#2e80a7;flex-grow:2;font-size:23px;font-weight:600}.employee .details span.email{align-items:center;display:flex}.employee .details span.email svg{height:40px;margin-right:10px;width:40px;fill:#7e9e00}.employee .details span.email:hover svg{fill:#2a4169}.employee .details span.email a{color:#2a4169;font-weight:100}.grid-container .info-container{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.grid-container .info-container .info-inner{background-color:#fff;border-radius:30px;max-height:90vh;max-width:1200px;overflow:scroll;position:relative;width:100%}@media only screen and (max-width:768px){.grid-container .info-container .info-inner{max-width:90%}.grid-container .info-container .info-inner .info-image img{max-width:100%!important}.grid-container .info-container .info-bio{height:20vh}}@media only screen and (min-width:768px){.grid-container .info-container .info-details{display:flex;justify-content:space-between}}.grid-container .info-container .info-details{margin-bottom:2rem}.grid-container .info-container .info-bio{max-height:400px;overflow-x:scroll}.grid-container .info-container .info-inner-details h3{font-weight:600}.grid-container .info-container .info-details div{min-width:250px}.grid-container .info-container .info-details span{color:#7e9e00;display:block;font-size:12px}.grid-container .info-container .info-inner .info-image{border-bottom:8px solid #7e9e00;overflow:hidden;text-align:center}.grid-container .info-container .info-inner .info-image img{margin-bottom:-10px;max-width:30vw}.grid-container .info-container .info-inner-details{padding:2rem}.grid-container .info-container .info-inner .close{align-items:center;background-color:#7e9e00;border-radius:20px;cursor:pointer;display:flex;padding:10px;position:absolute;right:2%;top:2%;transform:rotate(45deg)}.grid-container .info-container .info-inner .navigation-controls{display:flex;justify-content:space-between;margin:0 auto;max-width:400px;padding:2rem}.grid-container .info-container .info-inner .navigation-controls button.nav-btn{background-color:#c22961;border-radius:6px;color:#fff;padding:.8rem 1.5rem;text-decoration:none}