@charset "utf-8";
/*===============================================
** Upcoming Events Css
*===============================================*/
.event-grid-box { margin:20px 0; position:relative;}
.event-thumb { position:relative;}
.event-thumb:before { background-color:#77997e; opacity:0.7; 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:#77997e; padding:5px 20px; display:inline-block; color:#FFFFFF; position:absolute; top:20px; left:20px; font-weight:500; font-size:18px; z-index:2; -webkit-transition:all 0.4s linear; transition:all 0.4s linear;}
.event-date { display:block; color:#77997e; position:relative;}
.event-date i { margin-right:10px; color:#77997e; }

.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:#181d18; top:0; width:100%; z-index:-1; -webkit-transition:all 0.4s linear; transition:all 0.4s linear;}
.event-content h5 { font-size:20px; margin-bottom:10px;}
.event-content h5 a { color:#ffffff;}
.event-content p{ margin-bottom:0;}
.event-venue { color:#ffffff; font-size:16px; display:block; padding-top:7px;}
.event-venue i { margin-right:5px; color:#77997e;}

.eve-round-icon { position:relative;}
.eve-round-icon a { float:none; color:#ffffff; width:45px; height:0; overflow:hidden; line-height:0; margin:0 auto; display:inline-block; 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 .event-price { background-color:#181d18;}
.event-grid-box:hover .event-thumb:before { height: calc(100% - 18px);}
.event-grid-box:hover .event-date, .event-grid-box:hover .event-date i { color:#181d18;}
.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-venue i { color:#181d18;}
.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:18px; border:2px solid #ffffff; margin:20px auto; height:42px; line-height:42px; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.event-grid-box .eve-round-icon a:hover { background-color:#181d18; border-color:#181d18; color:#ffffff;}

.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; position:relative;}
.event-list-box .event-list-thumb:before { background-color:#181d18; opacity:0.7; 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-list-box .event-list-thumb .event-price { background-color:#77997e; 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-plus { position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; text-align:center; margin:auto;}
.event-plus:before { content:''; position:absolute; top:0; left:0; border-width:0 2px 2px 0; border-style:solid; border-color:#ffffff; z-index:1; height:30px; width:30px; margin:0; opacity:0; -webkit-transition:all 0.35s linear; transition:all 0.35s linear;}
.event-plus:after { content:''; position:absolute; bottom:0; right:0; border-width:2px 0 0 2px; border-style:solid; border-color:#ffffff; z-index:1; height:30px; width:30px; margin:0; opacity:0; -webkit-transition:all 0.35s linear; transition:all 0.35s linear;}

.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:#77997e; padding:0;}
.event-list-box .event-list-content .event-date i, .event-list-box .event-list-content .event-venue i, .event-list-box .event-list-content .event-venue { color:#181d18;}
.event-list-box .event-list-content .event-venue { display:block; margin-bottom:10px;}

.event-list-box:hover .event-list-thumb:before { height: calc(100% - 18px);}
.event-list-box:hover .event-plus:before { opacity:1; top:50%; left:50%; margin:-14px 0 0 -14px; -webkit-transform:translate(-50%, -50%) rotate(360deg); -ms-transform:translate(-50%, -50%) rotate(360deg); transform:translate(-50%, -50%) rotate(360deg);}
.event-list-box:hover .event-plus:after { opacity:1; bottom:50%; right:50%; margin:0 -14px -14px 0; -webkit-transform:translate(50%, 50%) rotate(-360deg); -ms-transform:translate(50%, 50%) rotate(-360deg); transform:translate(50%, 50%) rotate(-360deg);}

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