@charset "UTF-8";:root{--grey:#bbb;--peach:#fff1e6;--dark-peach:#ffd0ab;--black:#131313;--black-rgb:19,19,19;--black-tint-1:#1c1c1c;--black-tint-2:#262626;--grey-dark:gray;--green:#24423c;--green-light:#3a554f;--grey:#d9d9d9;--grey-light:#ededed;--white:#fbfaf6;--white-rgb:251,250,246}.c-li-peo-f .fs-title-5,.c-li-peo-f-slideout .fs-title-4{text-transform:none}.c-li-peo-f-item-container{cursor:pointer;position:relative;padding-bottom:40px}.c-li-peo-f-item-container:hover .c-li-peo-f-image-default{opacity:0}.c-li-peo-f-item-container:hover .c-li-peo-f-image-hover{opacity:1}.c-li-peo-f-plus-icon{position:absolute;bottom:70px;right:50px;z-index:2;pointer-events:none;opacity:0;-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}.c-li-peo-f-item-container:hover .c-li-peo-f-plus-icon{opacity:1}.c-li-peo-f-image-corner{background:var(--black-tint-1)}.c-li-peo-f-image-wrap{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);clip-path:polygon(0 0,100% 0,100% 100%,40px 100%,0 calc(100% - 40px))}.c-li-peo-f-image-default,.c-li-peo-f-image-hover{-webkit-transition:opacity .6s ease-in-out,-webkit-filter .6s ease-in-out;transition:opacity .6s ease-in-out,-webkit-filter .6s ease-in-out;transition:opacity .6s ease-in-out,filter .6s ease-in-out;transition:opacity .6s ease-in-out,filter .6s ease-in-out,-webkit-filter .6s ease-in-out}.c-li-peo-f-image-default{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.c-li-peo-f-no-hover:hover .c-li-peo-f-image-default{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.c-li-peo-f-image-hover{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;z-index:1}.c-li-peo-f-title-holder{padding:25px;height:165px;position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;clip-path:polygon(0 0,100% 0,100% 100%,40px 100%,0 calc(100% - 40px))}.c-li-peo-f-title-holder h4{-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;padding-bottom:10px}
.c-li-peo-f-slideout{background:var(--green);height:100%;width:560px;position:fixed;top:0;right:-100%;overflow-y:scroll;z-index:9999;-webkit-transition:all .8s;transition:all .8s}.c-li-peo-f-slideout.open{right:0 !important}.c-li-peo-f-slideout-close{position:absolute;top:30px;right:30px;width:40px;height:40px;background-image:url("../../assets/img/team-close.svg");background-repeat:no-repeat;background-size:40px;cursor:pointer;z-index:99;-webkit-transition:opacity .3s;transition:opacity .3s}.c-li-peo-f-slideout-close:hover{opacity:.5}.c-li-peo-f-slideout-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--black-rgb),0.9);z-index:9;cursor:pointer}.c-li-peo-f-slideout-details-holder{padding:40px;color:var(--white)}.c-li-peo-f-slideout-name{margin-bottom:20px}.c-li-peo-f-slideout-role{margin-bottom:20px;opacity:.5}.c-li-peo-f-slideout-image{width:100%;margin-bottom:30px}.c-li-peo-f-slideout-image img{width:100%;height:auto}.c-li-peo-f-slideout-content{margin-bottom:60px}.c-li-peo-f-q-and-a{margin-bottom:40px}.c-li-peo-f-q-and-a-item{margin-top:30px;border-top:1px solid var(--white)}.c-li-peo-f-q-and-a-question{padding:10px 0}.c-li-peo-f-link{margin-bottom:20px}.c-li-peo-f-link a:hover{opacity:.5}@media only screen and (max-width:1199px){.c-li-peo-f-slideout{width:560px}.c-li-peo-f-title-holder{padding:15px}.c-li-peo-f-plus-icon{bottom:55px;right:30px}}@media only screen and (min-width:660px) and (max-width:979px){.c-li-peo-f-item-container:nth-child(odd){padding-right:10px !important}.c-li-peo-f-item-container:nth-child(odd) .c-li-peo-f-plus-icon{right:30px}.c-li-peo-f-item-container:nth-child(even){padding-left:10px !important}}@media only screen and (max-width:979px){.c-li-peo-f-slideout{width:100%;overflow:scroll}.c-li-peo-f-slideout-details-holder{padding:38px 20px}.c-li-peo-f-title-holder{padding:15px}.c-li-peo-f-plus-icon{right:15px;opacity:1}.c-li-peo-f-q-and-a-item{margin-top:20px}.c-li-peo-f-slideout-close{right:15px}.c-li-peo-f-item-container:hover .c-li-peo-f-image-default{opacity:1}
.c-li-peo-f-item-container:hover .c-li-peo-f-image-hover{opacity:0}.c-li-peo-f-no-hover:hover .c-li-peo-f-image-default{-webkit-filter:grayscale(100%);filter:grayscale(100%)}}
/*# sourceMappingURL=comp-listing-people-flyout.min.css.map */