/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 06-Apr-2023, 15:00:06
    Author     : admin
*/

#ep-coming-up-bookings .ep-box-card-body .ep-event-card-img {
    height: 102px;
    width: 100%;
    object-fit: cover;
}

/*-- Social Sharing---*/

/*---Social Sharing--*/

.ep-event-action:hover .ep-event-share {
    display: block !important;
    visibility: visible;
    opacity: 1;
}

.ep-event-share {
    padding: 8px 0 2px;
    margin: 0 !important;
    margin-top: 6px;
    border-radius: 5px;
    min-width: 32px;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #e2e2e2;
    background: #fff;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 6%);
    -webkit-transition: all .18s ease;
    transition: all .18s ease;
    z-index: 99999;
    position: absolute;
    bottom: 40px;
    left: 0px;
}




ul.ep-event-share:after, ul.ep-event-share:before {
    left: 25px;
}

ul.ep-event-share:after, ul.ep-event-share:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
}

ul.ep-event-share:before {
    bottom: -21px;
    border-color: #e2e2e2 transparent transparent transparent;
}

ul.ep-event-share:after {
    bottom: -19px;
    border-color: #fff transparent transparent transparent;
}

.ep-event-share .ep-event-social-icon {
    list-style: none;
    line-height: 12px;
    text-align: center;
    margin: 2px 0px;
}

.ep-event-social-icon .ep-social-title {
    font-size: 0px;
}

.ep-event-social-icon .ep-social-title svg {
    width: 12px;
    height: auto;
    display: inline-block;
}

.ep-event-action span:hover,
ep-sl-event-action span:hover{
   color: rgba(var(--themeColor), 1);
}

.ep-event-action span,
.ep-sl-event-action span{transition:0.5s}

/* End Social Sharing--*/


/*--My Booking---*/

.ep-my-booking-row .ep-event-card-img {
    height: 100%;
    display: flex;
    width: 100%;
    object-fit: cover;
    max-height: 125px;
    min-height: 105px
}

.ep-my-booking-row:hover{
    /* --ep-bg-opacity: 0.1; */
    /* background-color: rgba(var(--ep-danger-color),var(--ep-bg-opacity))!important; */
}


.ep-my-booking-row:hover .ep-event-date {
    /* --ep-text-opacity: 1; */
     /* color: rgba(var(--ep-danger-color),var(--ep-text-opacity))!important; */
}

.ep-my-booking-row .ep-event-action-bt button:hover{
    --ep-btn-bg: #dc3545;
    --ep-btn-border-color: #dc3545;
    color:#fff;
    border: var(--ep-border-width) solid var(--ep-btn-border-color);
    background-color: var(--ep-btn-bg);
}

.ep-user-upcoming-event-status {
    left: 7px;
    top: 60px;
}

/*-- Login Register Form--*/

#ep_attendee_login_form_wrapper{
    width: 100%;
    max-width: 480px;
    margin: 0px auto;
}

/* #ep_attendee_register_form {
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
} */

#ep_attendee_register_form_wrapper{
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
}

.ep-login-form .ep-event-avatar {
    color: #fff;
    margin: 0 auto 30px;
    text-align: center;
    width: 100px;
    height: 100px;
    z-index: 9;
    padding: 15px;
}

.ep-login-form .ep-event-avatar i {
    font-size: 62px;
}

.ep-login-form .ep-modal-title{
    word-wrap: break-word;
}

.ep-login-form-submit{
    word-break: break-word;
}

/*-- Login Register Form End--*/


/*--Logged in user View---*/

.ep-logged-in-user-wrap {
    width: 100%;
    max-width: 600px;
    margin: 0px auto 50px;
}

/*--Logged in user View End---*/

/*-- My Events tabs --*/
.ep-profile-events-tabs .ep-btn.ep-tab-active {
    
    color: var(--ep-btn-hover-color) !important;
    background-color: var(--ep-btn-hover-bg);
    border-color: var(--ep-btn-hover-border-color);

}

#ep-tab-container .ep-event-card-img {
    background-color: rgba(var(--themeColor), 0.2);
}

.ep-my-booking-row .ep-user-events-btn-section .ep-btn-group a {
    line-height: 0;
    display: flex;
    align-items: center;
}