.event-popup{position:relative;background:#FFF;padding:20px;width:auto;max-width:1000px;margin:20px auto}.event-popup .event-image{padding:1rem 0 0 0}.events{display:flex;flex-wrap:wrap;align-items:center}.event{transition:300ms all cubic-bezier(0.07,0.32,0.54,0.96)}.event:first-child{flex:1 1 1250px;padding:10px 2rem}.events .event:first-child h6{font-size:50px}.events .event:first-child .event-date{order:4;font-size:24px;line-height:0}.events .event:first-child:not(:last-child){padding-bottom:6rem;padding-top:2rem}.events .event:not(:first-child):not(:last-child){position:relative;border:1.5px black solid;padding:1.5rem;margin:0 1.5rem;background:white;flex:1 1 250px;margin-top:1rem}.events .event:not(:first-child) .event-image{display:none}.events .event:not(:first-child):not(:last-child):hover{background:black}.events .event:last-child{text-align:center;margin-top:3rem;flex:1 1 295px}.events .event:hover:first-child img{transform:scale(1.05);transition:300ms all cubic-bezier(0.07,0.32,0.54,0.96)}.events .event:not(:first-child) button{display:none}.events .event:not(:first-child) .upcoming-event{display:none}.events .event:not(:first-child) .image-container{display:none}.events .event:first-child:not(:last-child) .event-image{order:1}.event:first-child a{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap-reverse}.events button{margin-top:1rem;border:0;padding:1.5rem 3.5rem;font-size:18px}.event-image{flex:1 1 300px;padding:2rem}.event-image img{transition:300ms all cubic-bezier(0.07,0.32,0.54,0.96);width:100%;height:350px;object-fit:cover;object-position:center}.event-details{flex:1 1 300px;position:relative;padding-top:1rem}.event-details:first-child{padding-top:2rem}.upcoming-event{letter-spacing:2px;font-size:14px;padding-bottom:1rem}.events .event:hover:not(:first-child):not(:last-chil){background:black}.events .event:hover:not(:first-child) h6,.events .event:hover:not(:first-child) p{color:white}@media only screen and (min-width:1250px){.events .event:last-child{margin-top:1rem}}@media only screen and (max-width:1250px){.events .event:first-child .image.is-inview img{height:350px;width:100%;object-fit:cover;object-position:center}}@media only screen and (max-width:800px){.events .event:first-child:not(:last-child){padding-top:0rem}}.no-events{padding:2rem;text-align:center;min-height:50vh}.no-event-left{flex:1 1 400px;padding:2rem}.no-event-right{flex:1 1 400px;padding:20px}.no-event-left img{width:100%;height:250px;object-fit:cover;object-position:center center}.no-event-left h1{padding-top:1rem}