:root{--committee-image-width:349px;--committee-image-height:392px}ul.committees{list-style:none}.committees{display:flex}ul.committees .uk-grid{height:830px}.committee-item a{width:100%;height:100%}.committee-item .image-container{position:relative;width:var(--committee-image-width);height:var(--committee-image-height);transform:skew(-5deg)}.committee-item .image-container:hover{cursor:pointer}.committee-item .image-container:hover .caption,.committee-item .image-container:hover .caption-background,.committee-item .image-container:hover .image{transform:translate(6px,11px)}.committee-item .image-container:hover .caption{transform:translate(6px,11px)skew(5deg)}.committee-item .caption,.committee-item .caption-background,.committee-item .image{transition:transform .18s ease-in-out}.committee-item .image{position:relative;width:100%;height:100%;z-index:1;overflow:hidden}.committee-item .image::before{content:"";position:absolute;width:110%;height:100%;background-position:50%;background-size:cover;transform:skew(5deg);right:-18px}.committee-item .image-background{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(45deg,#d64d00,#ff8b4a);transform-style:preserve-3d;transform:translate(15px,20px);z-index:-1}.committee-item.committee-item-disabled .image-background{background:linear-gradient(45deg,#353535,#6a6a6a)!important}.committee-item .caption{position:absolute;top:0;left:0;color:#fff;font-size:20px;font-weight:900;color:var(--secondary-color);padding:8px 15px;border-radius:0 0 14px 0;transform:skew(5deg);z-index:4}.committee-item .caption-background{content:"";position:absolute;top:0;left:0;width:60%;height:12%;border-radius:0 0 14px 0;background:linear-gradient(45deg,#d64d00,#ff8b4a);z-index:3}.committee-item.committee-item-disabled .caption-background{background:linear-gradient(45deg,#353535,#6a6a6a)!important}#committee-list .grid-container{gap:30px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}#ENC .image::before{background-image:url(../images/committee/elite-night-cycling/thumbnail.JPG);filter:grayscale(75%)}#Hall-Council .image::before{background-image:url(../images/committee/hall-council/thumbnail.jpg)}#FOP .image::before{background-image:url(../images/committee/freshmen-orientation-programme/thumbnail.jpg)}#FOP .caption{font-size:18px;line-height:18px}#DnD .image::before{background-image:url(../images/committee/dinner-and-dance/thumbnail.JPG)}@media(max-width:960px){:root{--committee-image-width:calc(349px / 1.7);--committee-image-height:calc(392px / 1.7)}.committee-item .caption{font-size:12px;padding:5px 8px}#FOP .caption{font-size:11px;line-height:12px}.committee-item .image::before{width:calc(110% + 8px)}}@media(max-width:640px){:root{--committee-image-width:calc(349px / 1.3);--committee-image-height:calc(392px / 1.3)}.page-title{font-size:3rem}.committee-item .caption{font-size:17px;padding:4px 10px}#FOP .caption{font-size:14px;line-height:15px}.committee-item .image::before{width:110%}#committee-list .grid-container{gap:36px;grid-template-columns:1fr;grid-template-rows:var(--committee-image-height)calc(2 * var(--committee-image-height) + 36)var(--committee-image-height)}.mobile-flex{display:inline-block!important}}