@charset "utf-8";
/*===============================================
** Upcoming Events Css
*===============================================*/
.event-grid-box { margin:20px 0; position:relative;}
.event-thumb { position: relative; }
.event-thumb:before { background-color:rgba(0, 0, 0, 0.8); content:''; position:absolute; left:9px; bottom:9px; height:0; width:calc(100% - 18px); -webkit-transition:all 0.4s linear; transition:all 0.4s linear;}
.event-thumb .event-price { background-color:#373636; padding:5px 20px; border-radius:5px; display:inline-block; color:#ffffff; position:absolute; top:-15px; left:20px; font-weight:500; font-size:18px; z-index:2; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
.event-date { display:block; margin-bottom:10px; padding-bottom:15px; color:#ffffff; position:relative;}
.event-date i { margin-right: 15px; color: #ffffff; }
.event-date:before { position:absolute; content:''; left:0; right:0; background-color:#ffffff; height:2px; bottom:0px; width:100%;}

.event-content { bottom:0px; left:0; right:0; padding:20px 10px 20px; width:100%; position:absolute; text-align:center; z-index:1; margin:0 auto; -webkit-transition:all 0.4s linear; transition:all 0.4s linear;}
.event-content:before { content:''; height:100%; left:0; opacity:0.9; position:absolute; background-color:#af9a7d; top:0; width:100%; z-index:-1; -webkit-transition:all 0.4s linear; transition:all 0.4s linear;}
.event-content h5 { font-size:20px; font-weight:500; margin-bottom:0px;}
.event-content h5 a { color:#ffffff;}
.event-content p{ margin-bottom:0;}

.event-grid-box:hover .event-thumb:before { height: calc(100% - 18px);}
.event-grid-box:hover .event-content { bottom:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.event-grid-box:hover .event-content:before { -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0);}
.event-grid-box:hover .event-price { background-color:#af9a7d; color:#ffffff;}

.col-3 .event-grid-box .event-content h5 { font-size:15px;}

/* Event List Box */
.event-list-box { margin:20px 0; background-color:#f1f1f1; border:1px solid #eaeaea;}
.event-list-box .event-list-thumb { flex:2; }
.event-list-box .event-list-thumb .event-price { background-color:#373636; padding:5px 20px; border-radius:5px; display:inline-block; color:#ffffff; position:absolute; top:50px; left:40px; font-weight:500; font-size:18px; z-index:2; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
.event-list-box .event-list-content { flex:5; padding:4em; }
.event-list-box .event-list-content h5 { margin-bottom:10px;}
.event-list-box .event-list-content .event-date { color:#373636; margin-bottom:15px;}
.event-list-box .event-list-content .event-date:before { background-color:#373636;}
.event-list-box .event-list-content .event-date i { color:#af9a7d;}
.event-list-box:hover .event-price { background-color:#af9a7d; color:#ffffff;}

/* Event Single */
.single-event-meta ul{ margin: 0; padding: 0; }
.single-event-meta ul li { position: relative; padding: 0 !important; }
.single-event-meta ul li:not(:last-child) { margin-bottom:30px; }
.single-event-meta ul li i { margin-right:10px; width:40px; text-align:center; height:40px; line-height:40px; background-color:#af9a7d; color:#FFFFFF; font-size:20px;  border-radius:50px; }