@charset "utf-8";
.event-grid-box{ position: relative; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; transition: all .4s ease-in-out; width: 100%; display: inline-block; margin: 25px 0; }
.event-box-thumb{ position: relative; overflow: hidden; }
.event-box-thumb:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:#f7a987; opacity: 0; -webkit-transform: scale(.2); transform: scale(.2); transition: all .4s ease-in-out; }
.event-grid-box:hover .event-box-thumb:before{ -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; }
.event-box-fee { background-color: #050c0f; display: inline-block; position: absolute; top: 15px; left: 15px; padding: 5px 20px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; }
.event-box-data{ padding: 20px; }
.event-grid-meta{ position: relative; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.event-grid-meta ul{ margin: 0; }
.event-grid-meta li { margin-bottom: 20px; font-size: 14px; position: relative; list-style: none; }
.event-grid-meta li i { color: #f7a987; position: absolute; left: 0; top: 5px; font-size: 14px; }
.event-grid-meta li span { padding-left: 25px; display: block; }
.event-box-data .main-button{ display: block; }

.event-grid-box:hover{ box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px; }