@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:#832732; padding:5px 20px; border-radius:5px; display:inline-block; color:#FFFFFF; position:absolute; top:-15px; right:20px; font-weight:500; font-size:18px; z-index:2; }
.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:''; background-color:#ffffff; height:3px; bottom:0px; left:calc(50% - 60px); width:20px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.event-date:after { position:absolute; content:''; width:100px; height:3px; bottom:0px; left:calc(50% - -10px); background-color:#ffffff; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}

.event-content { bottom:0px; left:0; right:0; padding:0 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:#832732; top:0; width:100%; z-index:-1; -webkit-transition:all 0.4s linear; transition:all 0.4s linear;}
.event-content h5 { font-size:22px; margin-bottom:0px;}
.event-content h5 a { color:#ffffff;}
.event-content p{ margin-bottom:0;}

.eve-round-icon { position:relative;}
.eve-round-icon a { float:none; color:#ffffff; height:0; overflow:hidden; line-height:0; margin:0 auto; display:inline-block; width:65px; border-radius:50%; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:all 0.5s linear; transition:all 0.5s linear;}

.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 .eve-round-icon a { display:table; font-size:25px; border:2px solid #ffffff; margin:20px auto; height:65px; line-height:65px; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.event-grid-box .eve-round-icon a:hover { background-color:#832732; border-color:#832732; color:#ffffff;}
.event-content:hover .event-date:before { width:100px; left:calc(50% - 10px);}
.event-content:hover .event-date:after { width:20px; left:calc(50% - -60px);}

.col-3 .eve-round-icon { display:none;}

/* 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:#832732; padding:5px 20px; border-radius:5px; display:inline-block; color:#ffffff; position:absolute; top:40px; left:30px; font-weight:500; font-size:18px; z-index:2; }
.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:#832732; padding:0;}
.event-list-box .event-list-content .event-date i { color:#201c15;}
.event-list-box .event-list-content .event-date:before, .event-list-box .event-list-content .event-date:after { content:none;}

/* 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: #832732; color: #FFFFFF; font-size: 20px;  border-radius: 50px; }