/*
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 rgba(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: .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-my-booking-row:hover .ep-event-date {}

.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), .2);
}