.events-hero{position:relative;padding:50px 0 400px}@media(min-width:0)and (max-width:992px){.events-hero{padding:20px 0}}.events-hero .events-hero-image{top:0;right:0;bottom:0;left:0;position:absolute;width:100%;height:100%;object-fit:cover}.events-hero .content{position:relative;z-index:2;max-width:600px;padding:40px}.events-hero .content .text{color:#000;position:relative;z-index:3;padding:30px 40px}@media(min-width:0)and (max-width:992px){.events-hero .content .text{padding:0}}.events-hero .content .text h2{font-size:80px;position:relative;color:var(--cta-color);-webkit-text-stroke:4px black;width:fit-content}@media(min-width:0)and (max-width:992px){.events-hero .content .text h2{font-size:50px;-webkit-text-stroke:3px black}}.events-hero .content .text h2:after{content:"";width:110%;height:4px;display:block;margin-bottom:10px;background:var(--accent-color)}@media(min-width:0)and (max-width:992px){.events-hero .content .text h2:after{width:100%}}.events-hero .content .text h4{font-size:32px;text-transform:uppercase;margin-bottom:10px}.events-hero .content .text p,.events-hero .content .text .btn{margin-bottom:20px}@media(min-width:0)and (max-width:992px){.events-hero .content .text .btn{width:100%}}.events-hero .content .text .artifacts{position:absolute;display:flex;flex-wrap:nowrap;gap:20px;top:0;right:0;bottom:0;left:0}.events-hero .content .text .artifacts img{max-height:200px;position:absolute}.events-hero .content .text .artifacts img.lightning{top:0;left:0;max-height:80px;transform:translate(-58%,-70%)}.events-hero .content .text .artifacts img.guitar{bottom:0;left:0;max-height:250px;transform:translate(-55%,50%)}.events-hero .content .text .artifacts img.star{bottom:0;right:0;max-height:75px;transform:translate(50%,70%)}@media(min-width:0)and (max-width:992px){.events-hero .content .text .artifacts{display:none}}.events-hero .content .border-image{position:absolute;top:0;right:0;bottom:0;left:0}.events-hero .content .border-image img{height:100%;width:100%;object-fit:fill;transform:rotateY(180deg)}.events-hero .event-listing-container{margin-left:auto}.events-list{height:max-content;background:#00000080;z-index:4;position:relative;padding:20px}.events-list .headers{font-size:14px;text-transform:uppercase;padding:10px;letter-spacing:2px;font-weight:700;border-bottom:2px solid rgba(255,255,255,.9)}.events-list .event{padding:10px;border-bottom:1px solid white}.events-list .event .event-info .event-name,.events-list .event .date{font-weight:700;text-transform:uppercase}.events-list .event .poster-container{position:relative;width:fit-content;border-radius:5px;overflow:hidden;cursor:pointer}.events-list .event .poster-container .event-poster{max-width:50px;aspect-ratio:1/1;object-fit:cover}.events-list .event .poster-container:after{background:#0003;content:"";position:absolute;top:0;right:0;bottom:0;left:0}.events-list .event .poster-container svg{position:absolute;top:50%;right:50%;font-size:20px;transform:translate(50%,-50%);z-index:10}.events-list .no-events{font-weight:700}.events-list .poster-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.events-list .poster-preview .poster-preview-container{position:absolute;top:10%;right:10%;bottom:10%;left:10%}.events-list .poster-preview .poster-preview-container img{height:90%}.events-list .poster-preview .close-button{width:200px;margin:20px auto 0}
