.panel-whats-on { background-color: var(--colour-primary); padding-top: 120px; padding-bottom: 150px; }
.panel-whats-on h2 { color: #fff; margin-bottom: 5px; }
.panel-whats-on h5 { font-size: 24px; font-weight: 700; line-height: 1.16; letter-spacing: 1.2px; margin-bottom: 0; }
.panel-whats-on h5 a { color: #fff; text-decoration: none; }
.panel-whats-on .title-wrapper { text-align: center; }
.panel-whats-on .item { padding-left: 10px; padding-right: 10px; }
.panel-whats-on .item .date { display: inline-block; font-size: 17px; padding: 0 20px; color: #fff; background-color: var(--colour-primary); text-transform: uppercase; margin-bottom: 15px; }
.panel-whats-on .item .item-inner { height: 100%; background-color: #eee; aspect-ratio: 1; position: relative; border-radius: 4px; background-size: cover; background-position: center center; }
.panel-whats-on .item .item-inner .text-wrapper { position: absolute; width: 100%; bottom: 0; padding: 0 25px 20px 25px; }
.panel-whats-on .slick-prev { top: 50%;	-webkit-transform: translateY(-50%); transform: translateY(-50%); left: -17px; }
.panel-whats-on .slick-next { top: 50%;	-webkit-transform: translateY(-50%); transform: translateY(-50%); right: -17px; }
.panel-whats-on .slide-wrapper-outer { max-height: 300px; overflow: hidden; }

@media (max-width: 1199px){
	.panel-whats-on { padding-top: 60px; padding-bottom: 60px; }
}