@charset "utf-8";
/*===============================================
** Upcoming Events Css
*===============================================*/
.event-grid-box { margin:20px 0; position:relative;}
.event-thumb { position: relative; overflow:hidden;}
.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; z-index:5;}
.event-thumb img { width:100%; height:auto; display:block; -webkit-transition:transform 0.3s ease,-webkit-transform 0.3s ease; transition:transform 0.3s ease,-webkit-transform 0.3s ease; z-index:2;}
.event-thumb .event-price { background-color:#ffffff; padding:3px 20px; display:inline-block; color:#1f1d1d; position:absolute; top:20px; left:20px; font-weight:400; font-size:16px; z-index:9; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}

.event-thumb a.eve-icon { position:absolute; z-index:6; top:0; left:0; right:0; bottom:0;}
.event-thumb a.eve-icon span { color:#ffffff; background-color:#cf4a46; width:3em; height:3em; line-height:3em; text-align:center; border-radius:50%; display:inline-block; font-size:1.2em; cursor:pointer; opacity:0; margin:-1.7em 0 0 -1.7em; position:absolute; z-index:10; top:50%; left:50%; -webkit-transform:scale(0.3,0.3); -ms-transform:scale(0.3,0.3); transform:scale(0.3,0.3); -webkit-transition:all 0.3s ease,transform 0.3s ease-out 0s,-webkit-transform 0.3s ease-out 0s; transition:all 0.3s ease,transform 0.3s ease-out 0s,-webkit-transform 0.3s ease-out 0s;}

.event-meta { position:relative; padding:7px 15px; background-color:#cf4a46;}
.event-date { display:block; color:#ffffff; position:relative;}
.event-date i { margin-right:10px; color:#ffffff; }
.event-time { display:block; color:#ffffff; position:relative;}
.event-time i { margin-right:10px; color:#ffffff; }

.event-content { padding:20px 20px 30px; width:100%; background-color:#f0f0f0; position:relative; text-align:center; -webkit-transition:all 0.4s linear; transition:all 0.4s linear; box-shadow:0px 0px 16px -5px rgba(0,0,0,0.75);}
.event-content h5 { margin-bottom:0px; padding-top:15px;}
.event-content h5 a { color:#1f1d1d;}
.event-content p{ margin-bottom:0;}

.event-grid-box:hover .event-thumb:before { height: calc(100% - 18px);}
.event-grid-box:hover .event-price { background-color:#cf4a46; color:#ffffff;}
.event-grid-box:hover .event-thumb img { -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.event-grid-box:hover .event-thumb a.eve-icon span { opacity:1; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition:all 0.5s ease,transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275) 0s; transition:all 0.5s ease,-webkit-transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;}
.event-thumb a.eve-icon span:hover { background-color:#ffffff; color:#1f1d1d;}

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

/* Event List Box */
.event-list-box { margin:20px 0; background-color:#f1f1f1; border:1px solid #eaeaea;}
.event-list-box .event-list-thumb { flex:3; position:relative; overflow:hidden;}
.event-list-box .event-list-thumb img { width:100%; height:auto; display:block; -webkit-transition:transform 0.3s ease,-webkit-transform 0.3s ease; transition:transform 0.3s ease,-webkit-transform 0.3s ease; z-index:2;}
.event-list-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; z-index:5;}
.event-list-box .event-list-thumb .event-price { background-color:#ffffff; padding:5px 20px; border-radius:5px; display:inline-block; color:#1f1d1d; position:absolute; top:30px; left:30px; font-weight:500; font-size:18px; z-index:9; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}

.event-list-thumb a.eve-icon { position:absolute; z-index:6; top:0; left:0; right:0; bottom:0;}
.event-list-thumb a.eve-icon span { color:#ffffff; background-color:#cf4a46; width:3.4em; height:3.4em; line-height:3.4em; text-align:center; border-radius:50%; display:inline-block; font-size:1.2em; cursor:pointer; opacity:0; margin:-1.7em 0 0 -1.7em; position:absolute; z-index:10; top:50%; left:50%; -webkit-transform:scale(0.3,0.3); -ms-transform:scale(0.3,0.3); transform:scale(0.3,0.3); -webkit-transition:all 0.3s ease,transform 0.3s ease-out 0s,-webkit-transform 0.3s ease-out 0s; transition:all 0.3s ease,transform 0.3s ease-out 0s,-webkit-transform 0.3s ease-out 0s;}

.event-list-box .event-list-content { flex:5; padding:4em; }
.event-list-box .event-list-content .event-meta { margin-bottom:20px;}

.event-list-box:hover .event-price { background-color:#cf4a46; color:#ffffff;}
.event-list-box:hover .event-list-thumb:before { height: calc(100% - 18px);}
.event-list-box:hover .event-list-thumb img { -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.event-list-box:hover .event-list-thumb a.eve-icon span { opacity:1; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition:all 0.5s ease,transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275) 0s; transition:all 0.5s ease,-webkit-transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;}
.event-list-thumb a.eve-icon span:hover { background-color:#ffffff; color:#1f1d1d;}

/* Event Single */
.single-event-meta ul{ margin: 0; padding: 0; }
.single-event-meta ul li { position: relative; padding:0 !important; font-size:14px; }
.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:#cf4a46; color:#FFFFFF; font-size:20px;  border-radius:50px; }