.roll-call-grid{display:grid;grid-template-columns:1fr 4fr}.roll-image-box{position:relative;width:170px;height:170px;overflow:hidden;margin:1em auto}.roll-image-box img{object-fit:cover;width:170px;height:170px;margin:0;padding:0}h2.roll-image-box-text{font-size:22px;background-color:#3335;font-family:"Playfair Display SC";color:white!important;position:absolute;bottom:4px;left:4px;margin:0;padding:1px;max-height:90px;overflow:hidden;text-align:left}h1.roll-image-box-text{font-size:4em;background-color:#3335;color:white!important;position:absolute;top:4px;left:4px;min-width:1em;min-height:1em;text-align:center;margin:0;padding:1px}.roll-image-box:hover img{transition:0.15s linear;width:180px;height:180px}.current-image-box{border:6px #000 solid}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.roll-current-content{padding:10px 30px}.roll-current-content h1{padding-top:0;margin-top:0}.roll-bottom-left{position:absolute;bottom:8px;left:16px}.roll-big-grid{display:flex;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em;text-align:center}.roll-call-main h1{font-family:Playfair Display SC!important;text-transform:uppercase;overflow-wrap:break-word;font-size:30px;line-height:38px;font-weight:700}.roll-call-main h3{font-family:"Open Sans",arial,sans-serif;font-size:16px;font-style:italic;line-height:26px;color:rgb(119,119,119);margin:0}.roll-call-main{display:flex;display:grid;grid-template-columns:1fr minmax(min-content,1000px) 1fr}.roll-side-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));max-height:500px;overflow-y:scroll}.roll-full-column{grid-column:span minmax(1,4)}