.event-cover-image{width:100%;height:60vh;background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative}@media(max-width:768px){.event-cover-image{height:30vh;background-size:cover}}.EventPage .details-container{padding:2rem 1rem}.EventPage .details-container .event-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.2;color:var(--dark)}.EventPage .details-container .event-date{font-size:1.2rem;margin-bottom:2rem}.EventPage .details-container .event-description{font-size:1.1rem;line-height:1.6;color:var(--dark);margin-bottom:2rem}.SocialButtonsWrapper{display:flex;margin-bottom:2rem}.SocialButtonsWrapper button{color:var(--dark);height:47px;font-size:1.2rem;padding:0 2rem;background-color:var(--accent);border:none;border-radius:5px;transition:background-color .3s ease;margin-left:1rem;margin-top:2px}.SocialButtonsWrapper button:hover{background-color:rgba(0,0,0,.8)}.NextEventsWrapper{text-align:center;padding-top:3rem;padding-bottom:3rem;background:var(--accent)}.NextEventsWrapper .upcoming-events h3{font-size:2rem;margin-bottom:1rem}.NextEventsWrapper .upcoming-events ul{list-style:none;padding:0}.NextEventsWrapper .upcoming-events ul li{margin-bottom:1.2rem;font-size:1.1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.NextEventsWrapper .upcoming-events ul li .event-date{font-size:.9rem;color:var(--dark);margin-right:.5rem}.NextEventsWrapper .upcoming-events ul li .event-name{font-weight:700;text-decoration:none;color:#333}.NextEventsWrapper .upcoming-events ul li .event-name:hover{text-decoration:underline;color:var(--white)}.ticket-btn{height:100%;font-size:1rem;line-height:3;padding:0 1rem;margin-right:1rem;font-weight:700}