section.people{display:grid;grid-gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:3vh;}section.people h2{font-weight:bolder;font-weight:bolder;line-height:1rem;padding-top:1rem;}section.people h5{color:var(--blue-medium);font-size:1rem;}div.person{cursor:pointer;position:relative;overflow:hidden;transition:all 250ms ease-in-out;}div.person:hover{opacity:.8;}div.person:after{animation:250ms fadeOutDown;animation-timing-function:ease-in-out;}div.person.selected:after{content:url("https://cdn-ildiepd.nitrocdn.com/aoDpKFLCLgixrPybElxUydDynSbPDprz/assets/images/optimized/rev-0c3f0c5/murrayconsultants.ie/wp-content/themes/murray/images/panel-down-indicator.svg");display:block;background-color:black;width:100%;height:100px;position:absolute;bottom:0px;padding:2rem;text-align:center;animation:250ms fadeInUp;animation-timing-function:ease-in-out;}div.person > img{width:100%;height:auto;transition:all 250ms ease-in-out;}div.person.selected img{opacity:.8;}#person_details{background-color:white;color:black;grid-column-start:1;grid-column-end:-1;min-height:250px;z-index:100;transition:all 200ms ease-in-out;--animate-delay:.1s;position:absolute;height:96vh;width:94vw;}#person_details.show{opacity:1;}#person_details .title-bar{background-color:#0c88b4;color:white;padding:1rem;position:relative;}#person_details > .title-bar > h2{margin-bottom:.5rem;}#person_details > .title-bar > h5{margin-bottom:0 !important;color:var(--blue-light);}#person_details .title-bar .btn-close{cursor:pointer;position:absolute;top:1rem;right:1rem;font-size:1.5rem;font-size:2rem;color:black;width:50px;height:50px;text-align:center;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50px;line-height:1rem;transition:all 250ms ease-in-out;}#person_details .title-bar .btn-close > span{margin-top:-.25rem;}#person_details .title-bar .btn-close:hover{background-color:#fff;}#person_details .content .profile{max-width:300px;}#person_details .content .profile img{width:100%;height:auto;margin-bottom:1rem;}#person_details .content{padding:1rem;display:flex;flex-wrap:wrap;}#person_details .profile{padding:1rem;}#person_details .profile .profile-detail{border-top:1px solid black;border-bottom:1px solid black;padding:.5rem 0 .5rem 0;}#person_details .profile .profile-detail.email{border-bottom:0;}#person_details .content .column{display:flex;flex-direction:column;flex-basis:100%;flex:1;}#person_details .content .description{color:black;padding:1rem;}@media only screen and (max-width: 768px){section.people{grid-template-columns:1fr;}section.people > .person{text-align:center;}section.people > .person img{width:75%;height:auto;max-width:300px;}#person_details{position:absolute;top:0;right:0;height:auto;width:100vw;margin-top:0;z-index:1000;}#person_details .content .profile{display:none;}}