.whats-on{display:flex;flex-direction:column;gap:70px}.whats-on .event{display:grid;grid-template-columns:1fr 2fr 6fr 2fr;gap:20px;border-bottom-style:solid;border-bottom-width:3px}.whats-on .event .date{background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;aspect-ratio:1/1}.whats-on .event .date .day{font-size:var(--f-h2);padding-bottom:1rem}.whats-on .event .date p{font-weight:bold}.whats-on .event img{background-color:#fff;aspect-ratio:1/1;object-fit:cover;margin-bottom:-50px;border-bottom-style:solid;border-bottom-color:#000;border-bottom-width:5px;box-shadow:6px 6px 18px 0px rgba(0,0,0,.3)}.whats-on .event img.empty{object-fit:contain}.whats-on .event .content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.whats-on .event .btn{margin:auto}@media only screen and (max-width: 1440px){.whats-on .event{grid-template-columns:1fr 2fr 6fr}.whats-on .event .btn{display:none}}@media only screen and (max-width: 980px){.whats-on .event{grid-template-columns:1fr;position:relative}.whats-on .event .date{background-color:hsla(0,0%,100%,.75);max-width:480px;width:100%;aspect-ratio:16/9;margin:auto}.whats-on .event a:has(img){position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;max-width:480px;width:100%}.whats-on .event a:has(img) img{aspect-ratio:16/9}}.whats-on~.pagination{width:50%;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"page page" "prev next";text-align:center;padding-top:50px;margin:auto}.whats-on~.pagination p{grid-area:page}.whats-on~.pagination .prev{grid-area:prev}.whats-on~.pagination .next{grid-area:next}