.mpwem_style h1,
.mpwem_style h2,
.mpwem_style h3,
.mpwem_style h4,
.mpwem_style h5,
.mpwem_style h6 {
color: #333;
}
.reg_close_msg {
background-color: #fffaec;
color: #d32f2f;
border-left: 5px solid #d32f2f;
padding: 15px 20px;
margin: 20px 0;
border-radius: 4px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 16px;
font-weight: 500;
display: flex;
align-items: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.reg_close_msg {
animation: fadeIn 0.5s ease-in-out;
}
.mpwem_date_expired_msg._margin_zero_text_center {
background-color: #fffaec;
border-left: 5px solid #d32f2f;
padding: 18px 24px;
margin: 20px 0;
border-radius: 6px;
text-align: center;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
animation: fadeIn 0.5s ease-in-out;
}
.mpwem_date_expired_msg ._text_theme {
color: #d32f2f;
font-size: 16px;
font-weight: 600;
line-height: 1.6;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
div.mpwem_related_area.on_load_off { overflow: hidden;
background-color: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
filter: blur(15px);
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 20px;
border-radius: 10px;
}
.mpwem_registration_area_show_msg {
display: flex;
justify-content: center;
margin: 40px 0;
}
.mpwem_registration_area_show_msg ._margin_zero_text_center {
max-width: 620px;
padding: 28px 32px;
text-align: center;
background: linear-gradient(135deg, #f8fafc, #ffffff);
border-radius: 14px;
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
position: relative;
overflow: hidden;
}
.mpwem_registration_area_show_msg ._margin_zero_text_center::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #4f46e5, #06b6d4);
}
.mpwem_registration_area_show_msg ._text_theme {
font-size: 17px;
line-height: 1.7;
color: #1f2937;
font-weight: 500;
}
.mpwem_registration_area_show_msg strong {
color: #4f46e5;
font-weight: 600;
}
.mpwem_registration_area_show_msg ._margin_zero_text_center:hover {
transform: translateY(-2px);
box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);
transition: all 0.25s ease;
}
.mep-default-content h2._mb,
.mep-default-content h3,
.mep-default-content h4,
.mep-default-content h5,
.mep-default-content h6 {
font-size: 22px;
font-weight: normal;
}
div.mpwem_related_area .related_title h3 {
padding: 0;
margin: 0;
font-size: 22px;
font-weight: normal;
}
div.mpwem_related_area .related_title {
padding: 10px;
background: linear-gradient(135deg, #F7F7F7, #F7F7F7);
border-radius: 5px;
margin: 10px 0;
}
.mp_wp_editor ul,
.mp_wp_editor ol {
list-style-type: inherit;
margin-left: 20px;
padding-left: 20px;
}
.mp_wp_editor ol {
list-style-type: decimal;
}
div.mpwem_wrapper {
display: block;
max-width: 1320px;
margin: var(--dmp) auto;
background: #FFF;
padding: var(--dmp);
width: 100%;
}
div.mpwem_container {
max-width: 1320px;
width: 100%;
margin: 0 auto;
}
.mep_smart_theme .mpwem_content_area {
display: flex;
margin: 40px 0 0 0;
flex-direction: column;
}
.mep_smart_theme .mpwem_left_content {
max-width: 100%;
width: 100%;
}
.mep_smart_theme .mpwem_left_content h2 {
font-size: 24px;
color: #333;
font-weight: bold;
}
.mep_smart_theme .mpwem_right_content {
max-width: 100%;
width: 100%;
}
.mep_smart_theme .mpwem_right_content h2 {
font-size: 24px;
color: #333;
font-weight: bold;
margin: 0 0 var(--dmp);
}
div.mep_smart_theme .mpwem_sidebar_content {
background-color: #FFF;
border-radius: 20px;
box-shadow: 0 0 5px #DDD;
}
div.default_theme .content_area {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.mep-default-content {
width: calc(100% - 300px);
padding: 0 20px 0 0;
}
.mep-events-wrapper {
width: 100%;
display: block;
max-width: 1320px;
margin: 20px auto;
background: #FFF;
padding: 20px;
font-size: 14px;
letter-spacing: inherit;
}
.mep-events-wrapper a {
text-decoration: none;
}
.mep-events-wrapper ul:not(.mp_wp_editor ul) {
list-style-type: none;
margin: 0;
padding: 0;
}
.mep-events-wrapper table span.the-total {
display: block;
margin: 7px 0 0 0;
}
.mep-events-wrapper.wrapper {
margin: 20px auto;
}
.mep-events-wrapper p#mep_btn_notice {
text-align: center;
font-size: 15px;
color: red;
margin: 0 0 7px 0;
}
.mep-events-wrapper table {
width: 100%;
table-layout: fixed;
margin: 0 0 15px 0;
}
.mep-events-wrapper table td {
text-align: left;
padding: 10px;
vertical-align: middle;
font-size: 16px;
font-weight: 500;
border-bottom: 1px dashed #EEE;
}
.mep-events-wrapper div.xtra-item-left {
font-size: 10px;
font-style: italic;
margin: 5px 0 0 0;
}
.mep-events-wrapper td.ticket-qty,
.mep-events-wrapper td.ticket-price {
text-align: center;
}
.mep-events-wrapper strong {
font-weight: bold;
}
.mep-events-wrapper button[disabled=disabled] {
opacity: 0.5;
cursor: no-drop;
}
.mep-events-wrapper .mpwem_book_now[disabled] {
background-color: var(--color_theme);
opacity: 0.6;
}
div.default_theme .mpwem_tile {
margin: 0 0 var(--dmp_xs) 0;
color: var(--color_black);
font-size: 36px;
}
div.mpwem_details {
margin: var(--dmp) 0 0 0;
}
div.mpwem_details_content p,
div.mpwem_details_content ul,
div.mpwem_details_content ul li {
padding: inherit;
margin: 15px 0;
list-style: inherit;
margin-left: 10px;
}
div.mpwem_style div.date_time_location_short {
display: -webkit-flex;
display: flex;
gap: 15px;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: var(--dmp) 0 0 0;
}
div.date_time_location_short .short_item {
width: 100%;
max-width: calc(33.333% - 10px);
padding: var(--dmp_xs);
background: #F7F7F7;
display: -webkit-flex;
display: flex;
border-radius: var(--dbrl);
}
div.date_time_location_short .short_item h4 {
font-size: 22px;
}
div.date_time_location_short .short_item h6 {
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
margin: 0;
}
div.date_time_location_short .short_item p {
color: #878787;
margin: 5px 0 0 0;
}
div.mpwem_location,
div.mpwem_time {
color: #393332;
font-size: 16px;
display: flex;
-webkit-align-items: center;
align-items: center;
gap: 5px;
}
div.mpwem_location span,
div.mpwem_time span {
width: 55px;
height: 55px;
background-color: #F1F5FF;
color: #6046FF;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
font-size: 25px;
}
.mep_smart_theme .mpwem_location_time {
display: flex;
flex-direction: column;
justify-content: start;
gap: 10px;
margin-bottom: 10px;
}
.mep_smart_theme .mpwem_location_time .mpwem_location,
.mep_smart_theme .mpwem_location_time .mpwem_time {
flex-wrap: wrap;
align-items: center;
}
.mep_smart_theme .mpwem_location_time .mpwem_location i,
.mep_smart_theme .mpwem_location_time .mpwem_time i {
width: 30px;
height: 30px;
color: var(--color_theme);
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
border-radius: 5px;
margin-right: 5px;
}
div.mpwem_registration_area {
margin: var(--dmp) 0 0 0;
}
div.mpwem_style .kera_ticket_area [data-tabs-target] {
padding: 2px;
margin: 0 15px 0 0;
border-radius: 10px;
}
.mpwem_registration_area .section-title {
font-size: 25px;
font-weight: bold;
margin: 10px 0;
}
.mpwem_registration_area .date-time-header {
padding: 10px 25px;
background: var(--color_theme);
border-radius: 12px 12px 0 0;
margin-bottom: -10px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
border: 1px solid var(--color_theme);
position: relative;
z-index: 1;
flex-direction: column;
}
.mpwem_registration_area .date-time-header .ticket-title {
margin: 0;
padding: 0;
font-size: 18px;
font-weight: normal;
color: var(--color_7);
}
.mpwem_registration_area .date-time-area {
display: flex;
flex-direction: column;
align-items: start;
gap: 20px;
}
.mpwem_registration_area .date-time-area label {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 15px;
width: 100%;
}
.mpwem_registration_area .date-time-area label span {
font-size: 16px;
font-weight: normal;
color: var(--color_7);
}
.mpwem_registration_area .date-time-area label i {
color: var(--color_7);
}
.mpwem_registration_area .date-time-area .formControl {
border-radius: 5px;
padding: 10px 15px;
max-width: 100%;
box-sizing: border-box;
}
.mpwem_registration_area .date-time-area .formControl {
border-radius: 5px;
padding: 10px 15px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.mpwem_registration_area .mpwem_booking_panel {
margin-bottom: 20px;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service {
background: white;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
overflow: hidden;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-header,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-header {
background: linear-gradient(135deg, var(--color_theme), var(--color_theme));
color: var(--color_7);
padding: 20px 25px;
font-size: 18px;
font-weight: normal;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body {
padding: 0 10px 10px 10px;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item {
display: flex;
flex-direction: column;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item:last-child,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item:last-child {
border-bottom: none;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 0;
border-bottom: 1px solid #EAEAEA;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-info {
flex: 0 0 100%;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-name,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-name {
font-size: 16px;
font-weight: normal;
margin-bottom: 6px;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-description,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-description {
font-size: 14px;
color: #6C757D;
margin-bottom: 6px;
line-height: 1.4;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-remaining,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-remaining {
font-size: 12px;
font-style: normal;
font-weight: 600;
padding: 3px 8px;
border-radius: 4px;
display: inline-block;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-remaining.remaining-high,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-remaining.remaining-high {
background-color: #E6F4EA;
color: #137333;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-remaining.remaining-low,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-remaining.remaining-low {
background-color: #FCE8E6;
color: #C5221F;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-price,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-price {
font-size: 18px;
font-weight: 600;
color: #2B3A55;
text-align: right;
flex: 0 0 20%;
}
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .dLayout {
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
border-radius: 12px;
border: 0;
margin: 15px 0;
margin-bottom: 40px;
}
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item {
padding: 10px;
margin: 5px 0;
background-color: #ECECEC;
border-radius: 12px;
}
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item h6 {
padding: 5px 10px;
margin: 0;
text-transform: none;
font-size: 15px;
}
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item .mp_form_item label {
flex-direction: column;
align-items: start;
width: 100%;
}
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item .mp_form_item label span {
width: 100%;
font-weight: normal;
}
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item .mp_form_item label .formControl {
width: 100%;
margin-top: 5px;
}
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item .mp_form_item label select.formControl {
width: 100%;
max-width: 100%;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service {
margin-top: 30px;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body {
padding: 0 20px 20px 20px;
}
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item .mp_form_item label {
flex-direction: row;
}
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item .mp_form_item label span {
text-wrap: wrap;
}
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item .mp_form_item label .formControl {
width: 100%;
}
div.mpwem_ex_service {
display: none;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-info {
flex: 0 0 48%;
}
.mpwem_registration_area .date-time-header {
flex-direction: row;
}
.mpwem_registration_area .date-time-area {
flex-direction: row;
justify-content: end;
align-items: center;
}
.mep_smart_theme .mpwem_content_area {
margin: 40px 0 0 0;
flex-direction: row;
}
.mep_smart_theme .mpwem_left_content {
max-width: 70%;
margin-right: 2%;
}
.mep_smart_theme .mpwem_right_content {
max-width: 30%;
width: 100%;
}
.mpwem_registration_area input#mpwem_date_time {
border-radius: 5px !important;
position: relative;
}
.mpwem_registration_area input#mpwem_date_time {
width: 220px;
max-width: 100%;
box-sizing: border-box;
}
.mpwem_registration_area .date-time-area>label::after {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-size: 17px;
font-weight: 900;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
color: #a6c0cb;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data {
padding: 12px 0 !important;
margin: 0 !important;
gap: 8px;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item {
margin: 0 !important;
padding: 0 !important;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body {
padding: 15px 20px 20px 20px !important;
}
.ticket-price .mep-limited-availability-ribbon {
margin-bottom: 6px;
display: block;
text-align: center;
width: 80%;
margin-left: 20%;
}
.mep_ticket_item .mep-low-stock-warning+.ticket-remaining,
.mep_ticket_item .mep-low-stock-warning~.ticket-remaining {
display: none !important;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-name {
margin-bottom: 4px !important;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-description {
margin-bottom: 4px !important;
font-size: 13px !important;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-remaining {
margin: 2px 0 !important;
padding: 2px 6px !important;
font-size: 11px !important;
} div.mpwem_form_submit_area {
padding: var(--dmp);
background-color: #F8F9FA;
margin: var(--dmp) 0 0 0;
border-radius: 0 0 12px 12px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
div.mpwem_form_submit_area .term_condition_area {
background: none;
}
div.mpwem_form_submit_area .term_condition_area a {
color: #333;
font-weight: normal;
}
div.mpwem_form_submit_area .mpwem_summery {
display: flex;
justify-content: space-between;
align-items: center;
}
div.mpwem_form_submit_area .total {
font-size: 18px;
font-weight: normal;
}
div.mpwem_form_submit_area button[type=submit] {
background-color: var(--color_theme);
border: 1px solid var(--color_theme);
padding: var(--dmp);
}
.mep_smart_theme .attendee_area {
margin: 10px 0;
}
.mep_smart_theme .attendee_area h2 {
font-size: var(--fs_h2);
font-weight: var(--fw-bold);
}
.attendee_area {
margin: 10px 0;
}
.attendee_area .attendees {
display: flex;
gap: 20px;
flex-wrap: wrap;
margin-top: 20px;
}
.attendee_area .attendees .attendee_lists {
display: flex;
justify-content: start;
flex-direction: row;
flex-wrap: wrap;
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 0 5px #F1F1F1;
padding: 10px;
}
.attendee_area .attendees .attendee_lists .attendee {
width: 154px;
background-color: #F9F9F9;
padding: 20px;
border-radius: 10px;
text-align: center;
}
.attendee_area .attendees .attendee_lists .attendee img {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 50px;
}
.attendee_area .attendees .attendee_lists .attendee h2 {
font-size: 16px;
color: #333;
margin: 10px 0;
}
.mep_attendee_info .mp_form_item {
padding: 7px;
}
.mep_attendee_info .mp_form_item.mep_checkbox_item>span,
.mep_attendee_info .mp_form_item.mep_radio_item>span,
.mep_attendee_info .mp_form_item.mep_file_item>span,
.mep_attendee_info .mp_form_item>label>span {
min-width: 200px;
font-weight: normal;
}
.attendee_area .attendees .attendee_lists {
gap: 21px;
padding: 20px;
}
.attendee_area .attendees .attendee_lists .attendee {
width: 160px;
}
.mep_smart_theme .attendee_area {
margin: 50px 0;
}
div.mep_attendee_info,
div.mep_attendee_info_hidden {
display: none;
}
div.mep_file_item img {
height: 100%;
width: auto;
cursor: pointer;
display: none;
max-height: 100px;
}
div.mep_file_item iframe {
height: 100%;
width: auto;
cursor: pointer;
display: none;
max-height: 300px;
}
.mep_same_attendee input {
min-width: 40px;
height: 20px;
margin: 5px 10px 10px 0;
}
div.mpwem_organizer {
padding: var(--dmp);
background: var(--color_theme);
border-radius: var(--dbr) var(--dbr) 0 0;
}
div.mpwem_organizer,
div.mpwem_organizer a {
font-size: var(--fs_h6);
font-weight: 400;
color: var(--color_white) !important;
}
div.mpwem_organizer h5 {
color: var(--color_white);
}
div.mep_smart_theme .mpwem_organizer {
display: -webkit-flex;
display: flex;
margin: 5px 0;
}
div.mep_smart_theme .mpwem_organizer {
padding: 0;
background: transparent;
border-radius: 0;
}
div.mep_smart_theme .mpwem_organizer,
div.mep_smart_theme .mpwem_organizer a {
color: #393332 !important;
}
div.mep_smart_theme .mpwem_organizer h5 {
margin: 0;
color: var(--color_theme);
}
div.mpwem_timeline_area {
margin: var(--dmp) 0 0 0;
background-color: #FFF;
border: 1px solid #EEEEF5;
border-radius: 14px;
overflow: hidden;
}
div.mpwem_timeline_area .timeline_section_header {
background: linear-gradient(135deg, #F7F7F7, #F7F7F7);
padding: var(--dmp);
}
div.mpwem_timeline_area .timeline_section_header h2 {
font-size: var(--fs_h5);
font-weight: normal;
color: #333;
margin: 0;
}
div.mpwem_timeline_area .timeline_body {
padding: var(--dmp);
}
div.mpwem_timeline_area .timeline_area {
position: relative;
}
div.mpwem_timeline_area .timeline_area::before {
content: "";
position: absolute;
left: 15px;
top: 15px;
height: calc(100% - 30px);
width: 2px;
background-color: var(--color_theme);
opacity: 0.25;
z-index: 0;
}
div.timeline_item {
padding: 0 0 20px 48px;
position: relative;
}
div.timeline_item:last-child {
padding-bottom: 0;
}
div.timeline_item .timeline_counter {
position: absolute;
left: 0;
top: 4px;
width: 30px;
height: 30px;
background-color: var(--color_theme);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: #FFF;
font-size: 13px;
z-index: 2;
}
div.timeline_item .timeline_header {
display: flex;
align-items: center;
cursor: pointer;
user-select: none;
}
div.timeline_item .timeline_tag {
display: inline-flex;
align-items: center;
background-color: #ededed;
padding: 9px 26px 9px 14px;
clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 0 100%);
flex-shrink: 0;
transition: filter 0.2s;
}
div.timeline_item .timeline_header:hover .timeline_tag {
filter: brightness(0.94);
}
div.timeline_item .tl_title {
font-size: 14px;
font-weight: 600;
color: #333;
text-transform: capitalize;
white-space: nowrap;
max-width: 240px;
overflow: hidden;
text-overflow: ellipsis;
}
div.timeline_item .timeline_connector {
flex: 1;
height: 0;
border-bottom: 1.5px dashed #D0D3EA;
min-width: 12px;
}
div.mpwem_timeline_area .timeline_time {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 12px;
color: var(--color_theme);
font-weight: 600;
padding: 6px 12px;
background-color: var(--color_6);
border-radius: 20px;
white-space: nowrap;
flex-shrink: 0;
}
div.mpwem_timeline_area .timeline_time i {
font-size: 11px;
}
div.mpwem_timeline_area .timeline_content .mp_wp_editor {
margin-top: 12px;
background-color: #F7F7F7;
padding: var(--dmp);
border-radius: 10px;
border: 1px solid #ddd;
}
.mpwem_sidebar_content h5 {
color: #333;
}
.mep-default-sidebar {
width: 300px;
}
.mep-default-sidebar .df-sidebar-part {
background: #FFF;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
border-radius: 12px;
}
div.default_theme .mep-default-sidebar h5 {
font-size: 18px;
font-weight: normal;
text-transform: capitalize;
margin-bottom: 10px;
margin-top: 0;
}  div.mpwem_calender_area {
padding: var(--dmp);
border-top: 1px solid var(--color_border);
}
div.event_date_list_area {
padding: var(--dmp_xs) var(--dmp);
}
div.event_date_list_area .date_list_area {
max-height: 500px;
overflow: auto;
margin: 0 0 var(--dmp_xs) 0;
}
div.event_date_list_area .date_item {
padding: 0 0 0 15px;
position: relative;
}
div.event_date_list_area .date_item::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
top: 8px;
left: 0;
background-color: var(--color_theme);
}
div.event_date_list_area .date_item a {
color: inherit;
display: block;
}
div.event_date_list_area .date-list-item {
border-radius: 10px;
}
button.mpwem_get_date_list {
border-radius: 20px;
}
div.event_speaker_list_area {
padding: var(--dmp);
}
div.default_theme .speaker_list {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
div.default_theme .speaker_list a {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
padding: var(--dmp_xs);
border-radius: 0;
-webkit-flex-direction: column;
flex-direction: column;
width: 50%;
max-width: 120px;
}
div.default_theme .speaker_list a [data-bg-image] {
width: 90px;
height: 90px;
border-radius: 100%;
overflow: hidden;
}
div.default_theme .speaker_list a h6 {
margin: var(--dmp_xs) 0 0 0;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
}
div.default_theme .speaker_list img {
width: 110px;
}
div.mep_smart_theme .speaker_list {
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: initial;
flex-wrap: initial;
}
div.mep_smart_theme .speaker_list a {
max-width: 100%;
width: 100%;
-webkit-flex-direction: initial;
flex-direction: initial;
}
div.mep_smart_theme .speaker_list a [data-bg-image] {
width: 70px;
height: auto;
border-radius: 0;
}
div.mep_smart_theme .speaker_list a h6 {
margin: 0;
padding: var(--dmp);
font-size: var(--fs_h4);
}
.mep_smart_theme .speaker-widget {
margin-top: 10px;
}
.mep_smart_theme .speaker-widget h2 {
text-transform: capitalize;
}
.mep_smart_theme .speaker-widget i {
color: var(--color_theme);
}
.mep_smart_theme .speaker-widget .speaker-lists {
background-color: #FFF;
border-radius: 20px;
box-shadow: 0 0 5px #DDD;
}
.mep_smart_theme .speaker-widget .speaker-lists .items {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 20px;
padding: 20px;
border-bottom: 1px solid #DDD;
}
.mep_smart_theme .speaker-widget .speaker-lists .items:last-child {
border-bottom: 0;
}
.mep_smart_theme .speaker-widget .speaker-lists .items img {
width: 70px;
}
.mep_smart_theme .speaker-widget .speaker-lists .items h2 {
font-size: 19px;
letter-spacing: 0.04em;
color: #333;
}
div.share_widgets {
padding: var(--dmp);
border-top: 1px solid var(--color_border);
color: #333;
}
div.share_widgets .share_widgets_title {
margin: 0 0 var(--dmp) 0;
text-align: center;
text-transform: capitalize;
}
div.share_widgets .share_widgets_list {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
gap: var(--dmp_xs);
}
div.share_widgets .share_widgets_list li,
div.share_widgets .share_widgets_list a {
margin: 0;
padding: 0;
color: inherit;
}
div.share_widgets .share_widgets_list i {
width: 40px;
height: 40px;
font-size: 22px;
padding: 0;
border-radius: 50%;
cursor: pointer;
transition: all 0.4s;
background-color: #F7F7F7;
}
div.share_widgets .share_widgets_list a.facebook i {
color: #3B5998;
}
div.share_widgets .share_widgets_list a.facebook:hover i {
background-color: #3B5998;
color: #FFF;
}
div.share_widgets .share_widgets_list a.twitter i {
color: #1DA1F2;
}
div.share_widgets .share_widgets_list a.twitter:hover i {
background-color: #1DA1F2;
color: #FFF;
}
div.share_widgets .share_widgets_list a.linkedin i {
color: #0077B5;
}
div.share_widgets .share_widgets_list a.linkedin:hover i {
background-color: #0077B5;
color: #FFF;
}
div.share_widgets .share_widgets_list a.whatsapp i {
color: #25D366;
}
div.share_widgets .share_widgets_list a.whatsapp:hover i {
background-color: #25D366;
color: #FFF;
}
div.share_widgets .share_widgets_list a.email i {
color: #DD4B39;
}
div.share_widgets .share_widgets_list a.email:hover i {
background-color: #DD4B39;
color: #FFF;
}
#mpwem_map_area {
margin: var(--dmp) 0 0;
background: white;
border-radius: 12px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.08);
overflow: hidden;
}
#mpwem_map,
#mpwem_map_area iframe {
width: 100%;
height: 100%;
min-height: 300px;
max-height: 300px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
#mpwem_map_area .map_title {
background: linear-gradient(135deg, #F7F7F7, #F7F7F7);
color: #333;
padding: var(--dmp);
font-weight: 600;
margin: 0;
text-transform: capitalize;
font-size: var(--fs_h5);
}
#mpwem_map_area .map_section {
padding: var(--dmp);
}
div.mpwem_location_sidebar {
padding: var(--dmp);
border-top: 1px solid var(--color_border);
color: #333;
}
div.mpwem_location_sidebar .widgets_title {
margin: 0 0 var(--dmp_xs) 0;
text-transform: capitalize;
font-weight: 600;
}
div.mpwem_location_sidebar p {
margin: 0 0 var(--dmp_xs) 0;
padding: 0;
}
div.mpwem_location_sidebar #mpwem_map_area {
margin: 0;
}
.mep_speaker_thumbnail {
display: block;
text-align: center;
}
.mep_speaker_name {
text-align: center;
}
.mep_speaker_thumbnail img {
display: inline-block;
border-radius: 100%;
height: 280px;
border: 5px solid #DDD;
padding: 3px;
width: 280px;
}
.mep_events_speaker_wraper {
max-width: 1100px;
margin: 40px auto;
background: #FFF;
border-radius: 18px;
box-shadow: 0 4px 32px rgba(0, 0, 0, 0.09);
padding: 40px 32px 48px 32px;
}
.mep_events_speaker_wraper .mep_speaker_thumbnail {
text-align: center;
margin-bottom: 28px;
}
.mep_events_speaker_wraper .mep_speaker_thumbnail img {
border-radius: 50%;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);
border: 6px solid #F5F5F5;
}
.mep_events_speaker_wraper .mep_speaker_name h2 {
font-size: 2.5rem;
font-weight: 800;
margin: 0 0 14px 0;
text-align: center;
color: #23272F;
letter-spacing: 0.5px;
}
.mep_events_speaker_wraper .mep_speaker_details {
font-size: 1.13rem;
color: #444;
margin-bottom: 36px;
line-height: 1.7;
margin-left: auto;
margin-right: auto;
text-align: justify;
}
.mep_events_speaker_wraper .mep_event_list {
margin-top: 40px;
}
.mep_events_speaker_wraper .mep_cat-details h3 {
font-size: 1.45rem;
font-weight: 700;
color: #1A73E8;
margin-bottom: 24px;
text-align: center;
letter-spacing: 0.2px;
}
.mep_events_speaker_wraper .mage_grid_box {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin: 0 auto;
}
.mep_events_speaker_wraper .mage_grid_box>* {
background: #FFF;
border-radius: 14px;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
transition: box-shadow 0.2s, transform 0.2s;
padding: 0;
min-width: 0;
}
.mep_events_speaker_wraper .mage_grid_box>*:hover {
box-shadow: 0 8px 32px rgba(26, 115, 232, 0.13);
transform: translateY(-4px) scale(1.025);
}
div.faq_area {
background-color: #FFF;
border: 1px solid #F7F7F7;
border-radius: 12px;
margin-bottom: var(--dmp);
}
div.faq_area .description {
padding: var(--dmp_xs) var(--dmp);
}
div.faq_area h2 {
background: linear-gradient(135deg, #F7F7F7, #F7F7F7);
color: #333;
padding: var(--dmp);
font-size: var(--fs_h5);
font-weight: normal;
text-align: left;
border-radius: 12px 12px 0 0;
}
div.faq_area .faq_items {
padding: 0;
}
div.faq_area .item {
background-color: white;
cursor: pointer;
color: #333;
transition: all .5s;
}
div.faq_area .item:hover,
div.faq_area .item:has(.content.mActive) {
background-color: #F0F0F0;
}
div.faq_area .item .title {
padding: 15px 20px;
display: flex;
justify-content: space-between;
color: #333;
margin: 5px 0;
border: 1px solid #ede8e8;
border-radius: 5px;
}
div.faq_area .item .title i {
color: var(--color_theme);
}
div.faq_area .item .title h3 {
font-size: var(--fs);
margin: 0;
}
div.faq_area .item .content {
padding: var(--dmp_xs) var(--dmp);
}
.mep_smart_theme .faq_area {
background-color: #F8FAFC;
padding: var(--dmp);
border-radius: 10px;
}
.mep_smart_theme .faq_area h2 {
font-size: var(--fs_h3);
background: transparent;
}
.mep_smart_theme .faq_area .faq_items {
margin-top: var(--dmp);
padding: 0;
}
.mep_smart_theme .faq_area .faq_items .item {
padding: var(--dmp_xs);
margin: var(--dmp) 0 0 0;
box-shadow: 0 0 5px #DDDDDD;
border-radius: 10px;
}
.mep_smart_theme .faq_area .faq_items .item .title h3 {
font-size: var(--fs_h6);
color: var(--color_theme);
} .mep-event-faq-part {
background: white;
border-radius: 12px;
overflow: hidden;
margin-bottom: 20px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.08);
}
.mep-event-faq-part .faq-body .mep-event-faq-set {
margin-bottom: 10px;
border-radius: 8px;
overflow: hidden;
border-bottom: 1px solid #EAEAEA;
}
.mep-event-faq-part .faq-body .mep-event-faq-set:last-child {
border-bottom: 0;
}
.mep-event-faq-part .faq-body .mep-event-faq-set .faq-question {
padding: 18px 25px;
background-color: white;
font-weight: 600;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: all 0.3s ease;
color: #333;
}
.mep-event-faq-part .faq-body .mep-event-faq-set .faq-question i {
color: #3B5FE2;
}
.mep-event-faq-part .faq-body .mep-event-faq-set .mep-event-faq-content {
padding: 18px 25px;
}
.mep-event-faq-part .ex-sec-title {
margin-bottom: 10px;
}
.mep-event-faq-part .mep-event-faq-set {
position: relative;
width: 100%;
height: auto;
background-color: #F5F5F5;
}
.mep-event-faq-part .mep-event-faq-set>a {
display: block;
text-decoration: none;
color: #000;
font-weight: 600;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
cursor: pointer;
}
.mep-event-faq-part .mep-event-faq-set>a i {
float: right;
margin-top: 2px;
}
.mep-event-faq-part .mep-event-faq-set>a.active {
background-color: #F5F5F5;
color: #000;
}
.mep-event-faq-part .mep-event-faq-content {
background-color: #FFF;
border: 1px solid #F5F5F5;
padding: 10px;
display: none;
}
.mep-event-tags-widget {
margin-bottom: 20px;
}
.mep-event-tags-widget .location-title {
font-size: 16px;
font-weight: 600;
margin: 10px;
margin-left: 9%;
}
.mep-event-tags-list {
margin: 14px !important;
padding: 0;
line-height: 2;
}
.mep-event-tags-list a.mep-tag-link {
display: inline-block;
padding: 5px 15px;
margin: 3px 5px 3px 0;
background: #F5F5F5;
color: #555;
border-radius: 4px;
text-decoration: none;
font-size: 13px;
font-weight: 500;
transition: all 0.3s ease;
border: 1px solid #E0E0E0;
}
.mep-event-tags-list a.mep-tag-link:hover {
background: var(--color_theme);
color: #FFF;
border-color: var(--color_theme);
transform: translateY(-2px);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.mpwem_slider_area div.post_thumb {
overflow: hidden;
position: relative;
background: #f5f5f5;
}
.mpwem_slider_area div.post_thumb img {
width: 100%;
height: auto;
object-fit: cover;
margin: 0 auto;
max-width: 100%;
max-height: 100%;
}
.mpwem_slider_area {
margin-top: 0;
}
.mep_smart_theme .mpwem_slider_area div.superSlider .sliderAllItem {
border-radius: 15px;
}
.mep_smart_theme .mpwem_slider_area div.superSlider .sliderShowcaseItem {
border-radius: 15px;
}
.mep_smart_theme .mpwem_slider_area div.superSlider .iconIndicator {
color: var(--color_6);
}
.mep_smart_theme .mpwem_slider_area div.superSlider .iconIndicator {
color: var(--color_theme);
}
div.mpwem_related_area {
margin: 0 0 var(--dmp) 0;
}
div.mpwem_related_area div.related_item,
div.mpwem_related_area div.slick-track {
display: -webkit-flex;
display: flex;
gap: 15px;
}
div.mpwem_related_area .related_title {
padding: var(--dmp_xs);
}
div.mpwem_related_area div.related_navigation {
display: -webkit-flex;
display: flex;
}
div.mpwem_related_area div.related_navigation button {
margin: 0 0 0 var(--dmp_xxs);
}
div.mpwem_related_area div.mep-event-list-loop {
background-color: #FFF;
padding: 0;
border-radius: 10px;
box-shadow: 0 0 5px #DDD;
height: auto;
min-width: auto !important;
}
.wp-site-blocks>.mage {
max-width: 100%;
}
div.list_with_filter_section {
margin: 0 0 20px 0;
}
div.list_with_filter_section div.all_filter_item {
display: none;
}
.list_with_filter_section.mep_event_list {
max-width: 1270px;
margin: auto;
}
.list_with_filter_section [class*=defaultButton] {
background-color: var(--color_theme);
} div.search_result_empty {
display: none;
font-weight: 500;
font-size: 22px;
color: #6B003E;
}
.search_sort_code_counts {
display: none;
}
div.search_sort_code {
position: relative;
width: 100%;
}
.search_sort_code .search_result_empty {
display: none;
}
div.search_sort_code .filter_input_area .formControl {
border: none;
border-radius: 0;
height: 100%;
}
div.search_sort_code span.fa {
margin: 0 7px 0 0;
font-size: 12px;
}
div.mpwem_related_area div.mpwem_list_date_list .date_list_area.open_list::before {
display: none;
}
div.mpwem_related_area div.mpwem_list_date_list .list_date_list {
top: -340px;
}
div.filter_input_area {
position: relative;
width: 100%;
height: 50%;
margin: 0 auto;
border: 4px solid #DDD;
}
div.filter_input_area:first-child {
border-bottom-width: 2px;
}
div.filter_input_area:last-child {
border-top-width: 2px;
}
div.filter_input_area>* {
border-right: 4px solid #DDD;
}
div.filter_input_area>*:last-child {
border-right: none;
} .pagination_area .ellipse_left,
.pagination_area .ellipse_right {
min-width: 50px;
background-color: #FFF;
}
.pagination_area .ellipse_left>div,
.pagination_area .ellipse_right>div {
width: 100%;
height: 100%;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.pagination_area [class*="Button"] {
padding: 0 15px;
font-size: 18px;
cursor: pointer;
min-width: 150px;
height: auto;
min-height: 40px;
border-radius: 5px;
font-weight: 500;
-webkit-appearance: button;
overflow: visible;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.pagination_area [class*="Button"]:hover {
opacity: 0.8;
}
.pagination_area button.pagination_load_more {
border: none;
}
.pagination_area button[class*="defaultButton_xs"] {
min-width: 50px;
padding: 0;
color: var(--color_theme);
background-color: #FFF;
border: 1px solid var(--color_theme);
}
.pagination_area button[class*="defaultButton_xs"]:first-child {
border: none;
}
.pagination_area button[class*="defaultButton_xs"]:last-child {
border-radius: 0 5px 5px 0 !important;
}
.pagination_area button[class*="defaultButton_xs"].active_pagination {
color: #000;
background-color: #DDD;
}
.pagination_area .ellipse_left {
display: none;
}
.pagination_area button[disabled] {
cursor: not-allowed;
opacity: 0.8;
background-color: #DDD;
} .list_with_filter_section div.buttonGroup [class*="Button"] {
border: none;
border-left: 2px solid #DDD;
border-radius: 0;
}
.list_with_filter_section div.buttonGroup {
position: relative;
border: 0;
border-radius: 5px;
display: -webkit-flex;
display: flex;
}
div.buttonGroup [class*="Button"]:first-child {
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
border-left: none;
}
.list_with_filter_section .flexEqual {
display: -webkit-flex;
display: flex;
}
div.buttonGroup>*,
.list_with_filter_section .flexEqual>* {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.list_with_filter_section ._icon_circle_xs {
width: 25px;
height: 25px;
min-width: 25px;
background-color: #FF5959;
color: #FFF;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.list_with_filter_section .sort_code_search_box {
display: -webkit-flex;
display: flex;
border: 1px solid #DDD;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 5px;
}
.list_with_filter_section .sort_code_search_box label {
display: block;
margin: 0;
}
.list_with_filter_section [class*="defaultButton"] {
color: #FFF;
}
.list_with_filter_section [class*="defaultButton_xs"] {
min-width: auto;
padding: 7px;
font-size: 16px;
}
.list_with_filter_section .search_sort_code_area {
margin: 15px 0;
}
.list_with_filter_section .formControl {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
font-size: 14px;
min-width: auto;
max-width: inherit;
padding: 7px;
margin: 0;
color: #555;
line-height: 1.25;
background: rgba(255, 255, 255, .99);
border-radius: 2px;
box-shadow: 0 4px 8px rgba(0, 0, 0, .1) inset;
border: 1px solid #CCC !important;
height: 40px !important;
}
.list_with_filter_section .formControl:-webkit-autofill,
.list_with_filter_section .formControl:-webkit-autofill:hover,
.list_with_filter_section .formControl:-webkit-autofill:focus,
.list_with_filter_section .formControl:-webkit-autofill:active {
-webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
transition: color 9999s ease-out, background-color 9999s ease-out;
-webkit-transition-delay: 9999s;
transition-delay: 9999s;
}
.list_with_filter_section .alignCenter {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.list_with_filter_section .allCenter {
display: -webkit-flex !important;
display: flex !important;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.list_with_filter_section label {
position: relative;
}
.list_with_filter_section span.filter_date_icon {
position: absolute;
top: 0;
right: 0;
padding: 7px 5px;
bottom: 0;
margin: 5px;
color: #DDD;
cursor: pointer;
}
.mep_list_event_details {
min-height: 100px;
width: 60%;
}
div.mep_list_event_details .mep_list_title {
color: #191C1F;
font-size: 22px;
font-weight: bold;
padding: 0;
margin: 0;
margin-bottom: 30px;
line-height: 1.25;
text-transform: none;
text-align: left;
}
.event_details_link {
text-align: left;
}
button.mpwem_get_date_list {
background-color: var(--color_theme);
color: var(--color_theme_alter);
border-radius: 10px;
padding: 12px 15px;
font-weight: 700;
font-size: 16px;
min-width: 174px;
}
.mep_event_list div.mpwem-price-area {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: auto;
flex-wrap: wrap;
}
div.mpwem-price-area .list_price_label {
display: flex;
flex-direction: column;
justify-content: start;
align-self: start;
text-transform: uppercase;
color: #434652;
margin: 0;
font-size: 12px;
line-height: 1.6;
}
div.mpwem-price-area .list_price_value {
font-size: 26px;
font-weight: 600;
color: #002869;
line-height: 1.2;
}
div.mpwem-price-area .mpwem_get_status {
background-color: var(--color_theme_alter);
color: var(--color_theme);
border: 2px solid var(--color_theme);
border-radius: 10px;
padding: 10px 15px;
font-weight: 700;
font-size: 16px;
min-width: 130px;
text-align: center;
position: relative;
display: flex;
align-items: center;
gap: 5px;
}
button.mpwem_get_status {
background-color: var(--color_theme);
color: var(--color_theme_alter);
border: 1px solid var(--color_theme);
border-radius: 10px;
padding: 12px 15px;
font-weight: 500;
font-size: 16px;
min-width: 174px;
text-align: center;
}
.mpwem_get_status_calender {
position: relative;
}
.mpwem_get_status_calender .mpwem_get_date_list {
background-color: #e7e8ec;
color: #333;
font-weight: 700;
}
.mpwem_get_status_calender .mpwem_get_date_list:hover,
.mpwem_get_status_calender .mpwem_get_date_list:focus {
background-color: #e7e8ec;
color: #000;
}
.calendar-list-area {
position: absolute;
left: 0;
top: calc(100% + var(--dmp_xs));
max-height: 300px;
overflow: auto;
z-index: 1111;
background: #FFF;
padding: 10px;
border: 1px solid var(--color_theme);
width: auto;
max-width: 100%;
border-radius: 8px;
box-shadow: 0 2px 5px var(--color_theme);
width: 100%;
}
div.mpwem_related_area div.mpwem_list_date_list .calendar-list-area {
top: -250px;
}
.calendar-list-area .list_calender {
min-width: auto;
min-height: var(--button_height_xs);
font-size: var(--fs);
padding: var(--dmp_xs);
border: 1px solid var(--color_border);
background-color: var(--color_section);
color: var(--color_theme);
margin-top: var(--dmp_xs);
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.calendar-list-area .list_calender i {
margin-right: 5px;
}
.mpwem_style.mpwem_list_date_list {
width: auto;
margin: 0;
}
button.mpwem_get_date_list i {
font-size: 16px;
margin-left: 10px;
}
button.mpwem_get_date_list:focus {
background-color: var(--color_theme);
opacity: 1;
}
div.mep_list_event_details div.list_content {
color: #6b6b6b;
font-weight: 600;
font-size: 15px;
margin: 7px 0;
}
div.mep_list_event_details div.list_content span {
color: #434652;
margin: 0 var(--dmp_xs) 0 0;
font-weight: normal;
}
div.mep_list_event_details div.mep_minimal_list_organizer,
div.mep_list_event_details div.mep_minimal_list_location,
div.mep_list_event_details div.mep_list_event_date {
color: #505050;
font-weight: normal;
font-style: normal;
font-size: 15px;
margin: var(--dmp_xxs) 0 0 0;
}
div.mep_list_event_details div.mep_minimal_list_organizer span,
div.mep_list_event_details div.mep_minimal_list_location span,
div.mep_list_event_details div.mep_list_event_date span {
color: var(--color_theme);
} div.mep-event-excerpt {
padding: 0;
margin: 10px 0;
font-size: 16px;
} div.mep-event-list-loop div.item_hover_effect {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
display: none;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
z-index: 1111;
}
div.mep-event-list-loop div.item_hover_effect a {
font-size: 22px;
font-weight: 500;
color: #FFF;
padding: 15px 30px;
border-radius: 5px;
background-color: #346B80;
transition: 250ms ease-in-out;
border: 1px solid #FFF;
}
div.mep-event-list-loop div.item_hover_effect a:hover {
color: #346B80;
background-color: #FFF;
border: 1px solid #346B80;
}
div.mep-event-list-loop:hover div.item_hover_effect {
display: -webkit-flex;
display: flex;
} div.mep-event-list-loop .mepev-ribbons {
position: absolute;
top: 10px;
right: 10px;
display: flex;
flex-direction: column;
gap: 5px;
z-index: 11;
}
div.mep-event-list-loop .mepev-ribbons .mepev-ribbon {
padding: 5px 10px;
color: #333;
background: rgba(255, 255, 255, 0.667);
text-align: center;
border-radius: 50px;
border: 1px solid #d2d2d2;
font-size: 14px;
font-weight: 500;
}
div.mep-event-list-loop .mepev-ribbons .mepev-ribbon:nth-child(2) {
background: rgba(96, 70, 255, 0.6666666667);
}
div.mep-event-list-loop .mepev-ribbons .mepev-ribbon.sold-out {
background: rgba(255, 70, 70, 0.6666666667);
} div.mep-ev-start-date {
background: var(--color_theme);
color: var(--color_7);
position: absolute;
top: 10px;
;
left: 10px;
text-align: center;
padding: 5px 10px;
z-index: 11;
border-radius: 12px;
}
div.mep-ev-start-date .mep-day {
font-weight: bold;
font-size: 30px;
line-height: 1.2;
}
div.mep-ev-start-date .mep-month {
background: var(--color_theme);
text-transform: uppercase;
color: var(--color_theme_alter);
border-radius: 12px;
font-weight: 500;
font-size: 14px;
} div.mpwem_list_date_list {
position: relative;
margin: var(--dmp_xs) 0 0 0;
}
div.mpwem_list_date_list .list_date_list {
position: absolute;
left: 0;
top: calc(100% + var(--dmp_xs));
max-height: 300px;
overflow: auto;
z-index: 1111;
background: #FFF;
padding: 10px;
border: 1px solid var(--color_theme);
width: auto;
max-width: 100%;
border-radius: 8px;
box-shadow: 0 10px 25px var(--color_theme);
width: 100%;
}
div.mpwem_list_date_list .date_list_area {
position: relative;
}
div.mpwem_list_date_list .date_list_area.open_list:before {
content: "";
position: absolute;
top: 0;
left: var(--dmp);
transform: translateX(-50%);
border-left: var(--dmp_xs) solid transparent;
border-right: var(--dmp_xs) solid transparent;
border-bottom: var(--dmp_xs) solid var(--color_theme);
}
div.mpwem_list_date_list .date_list_area .date_item {
background-color: var(--color_light);
padding: var(--dmp_xs);
margin: 0 0 var(--dmp_xs) 0;
}
div.mpwem_list_date_list .date_list_area .date_item:last-child {
margin: 0;
}
div.mpwem_list_date_list .date_list_area .date_item:hover {
background-color: var(--color_section);
color: var(--color_theme);
} .mep-list-header {
position: relative;
padding: 0 0 0 20px;
}
.mep-list-header:before {
position: absolute;
top: 0;
left: 0;
content: "";
height: 100%;
}
.mep_event_list_item .mep-list-header {
padding: 0;
}
.mep_event_grid_item .mep-list-header {
padding: 0;
}
.mep_event_list_item .mep-list-header:before,
.mep_event_grid_item .mep-list-header:before {
border-color: var(--color_theme);
} div.one_column {
display: -webkit-flex;
display: flex;
width: 100%;
margin: 0 0 18px 0;
}
div.three_column {
width: calc(33.33% - 18px) !important;
margin: 0 15px 15px 0;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
div.column_style {
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
div.two_column {
width: calc(50% - 18px);
margin: 0 15px 15px 0;
}
div.four_column {
width: calc(25% - 18px);
margin: 0 15px 15px 0;
}
.mep-event-list-loop.column_style {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}  .mep_event_title_list_item {
display: block;
overflow: hidden;
width: 100%;
}
.mep_event_title_list_item a {
display: block;
font-size: 18px;
border-bottom: 1px dashed #333;
}
.mep_event_title_list_item a {
display: block;
font-size: 18px;
border-bottom: 1px dashed #DDD !important;
padding: 10px 0;
color: #333 !important;
} p.mep_list_title,
h2.mep_list_title {
font-size: 18px;
font-weight: 700 !important;
padding: 0 0 5px 0;
}
p.mep_list_title:before,
h2.mep_list_title:before {
display: none;
} .mep_list_thumb {
width: 40%;
position: relative;
min-height: 100px;
overflow: hidden;
}
.mep_list_thumb a {
height: 100%;
}
.mep_list_thumb .dLoader {
display: none !important;
}
.mep_event_list .mep_list_thumb img,
.mep_list_thumb img {
height: auto;
width: auto;
max-width: 100%;
border-radius: 0;
}
div.column_style .mep_list_thumb img {
height: 160px;
}
.mep_event_grid_item .mep_list_thumb {
border-radius: 5px 5px 0 0;
width: 100%;
height: 270px;
}
.mep_event_list_item .mep_list_thumb {
border-radius: 5px 0 0 5px;
} .mp_event_more_date_list {
list-style: none;
padding: 5px;
}
.mp_event_more_date_list:hover {
background-color: #FFF;
}
.mp_event_more_date_list li {
font-size: 12px;
position: relative;
padding-left: 10px;
margin: 0;
}
.mp_event_more_date_list li .mep-more-date:hover {
color: var(--color_theme);
}
.mp_event_more_date_list li .mep-more-date p {
margin: 5px;
font-size: 12px;
}
.mp_event_more_date_list li .mep-more-time {
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
padding-left: 30px;
}
.mp_event_more_date_list li .mep-more-time .time {
position: relative;
padding-left: 10px;
}
.mp_event_more_date_list li .mep-more-time .time::before {
content: "";
width: 5px;
height: 5px;
border-radius: 50px;
margin-right: 5px;
background-color: #AAA;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
ul.mp_event_more_date_list {
position: absolute;
top: 99%;
left: 0;
right: 0;
z-index: 111111;
background-color: #FFF;
padding: 10px;
border-radius: 0 0 10px 10px;
max-height: 250px;
overflow: auto;
box-shadow: 0 4px 5px #AAA;
}
ul.mp_event_more_date_list li {
border-bottom-color: #D3D3D3;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
ul.mp_event_more_date_list li:hover i {
color: var(--color_theme);
}
ul.mp_event_more_date_list li span i {
margin: 0 7px 0 0;
padding: 0;
}
ul.mp_event_more_date_list li span,
span.mep-more-date {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
margin: 5px 0;
padding: 0;
}
span.mep-more-date i,
span.mep-more-time i {
margin: 0 7px 0 0;
padding: 0;
}
ul.mep-more-date-lists li span i {
display: inline-block;
text-align: center;
padding: 6px 0 0 0;
margin: 0;
}
ul.mep-more-date-lists li span {
margin-right: 5px;
}
ul.mep-more-date-lists li {
display: block;
border-bottom: 1px dashed #DDD;
padding: 5px 0;
}
h3.mep_list_date {
font-size: 16px;
font-weight: bold;
color: var(--color_theme);
margin: 5px 0 0 0;
}
p.mep_list_date {
font-size: 16px;
font-weight: bold;
color: var(--color_theme);
margin: 5px 0 0 0;
}
h3.mep_list_date i {
background: var(--color_theme);
color: var(--color_7);
}
p.mep_list_date i {
color: var(--color_theme);
}  .mep_list_event_details h2,
.mep_list_event_details h3,
.mep_list_event_details h4,
.mep_list_event_details h6 {
padding: 0;
margin: 0;
color: inherit;
}
.mep_list_event_details a {
color: #000;
overflow: hidden;
}
.mep_list_event_details p {
white-space: nowrap;
font-size: 15px;
font-weight: 500;
overflow: hidden;
}
.mep_list_event_details p.read-more a {
color: var(--color_theme);
}
.mep_list_event_details p.read-more a:hover {
color: #DDD;
}
.mep_event_grid_item .mep_list_event_details {
margin: 0;
height: auto;
width: auto;
padding: 20px;
}
[data-column="4"] .mep_event_grid_item .mep_list_event_details {
padding: 10px;
}
.mep_event_list_item .mep_list_event_details {
padding: 10px;
}
.mep_event_winter_list .mep_list_event_details {
width: auto;
float: left;
display: block;
padding: 10px;
margin: 0;
}
.mep_event_spring_list .mep_list_event_details.mep_list_details_col_one i {
margin-right: 5px;
} .mep-list-footer {
padding: 10px 0 0 0;
}
.mep-list-footer ul {
padding: 0;
margin: 0;
list-style: none;
}
.mep-list-footer ul li {
margin: 7px 0 0 0;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.mep-list-footer ul li i {
color: var(--color_theme);
background: transparent !important;
font-size: 15px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-justify-content: center;
justify-content: center;
}
.mep-list-footer h5 {
text-transform: capitalize;
}
.mep-list-footer h6 {
text-transform: capitalize;
}
.mep-list-footer ul li h5 {
display: inline;
font-size: 14px;
font-weight: 600;
padding: 0 5px 0 0;
margin: 0
}
.mep-list-footer ul li h6 {
font-size: 15px;
font-weight: 600;
display: inline;
margin: 0
}
.mep-list-footer ul li p {
display: inline;
font-size: 14px;
font-weight: 400;
margin: 0;
padding: 0 5px 0 0;
}
.mep-list-footer .mep-more-date-lists li i {
display: inline-block;
padding: 6px 5px 5px 6px;
}
.mep-list-footer ul li div {
display: inline-block;
} .owl-item div.two_column,
.owl-item div.three_column,
.owl-item div.four_column {
width: 100%;
padding: 0;
margin: 0 20px;
}
.owl-item {
background: transparent;
}
.mep_event_list_sec .owl-theme {
position: relative;
} .mep_event_list .mep_list_date .mep_minimal_list_organizer {
color: #505050;
font-weight: normal;
}
.mep_event_list .mep_list_date {
color: var(--color_theme);
}
.mep_event_list .mep_event_list_sec,
.mep_event_list div,
.mep_event_list a {
display: block;
}
div.mep_event_list a {
border: none;
text-decoration: none !important;
box-shadow: none;
}
.mep_event_list button.owl-prev {
position: absolute;
top: 25%;
left: -45px;
padding: 20px;
display: block;
width: 50px;
font-size: 70px !important;
}
.mep_event_list button.owl-next {
position: absolute;
top: 25%;
right: -32px;
font-size: 70px !important;
}
div.mep_event_list div.mage_grid_box {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.mep_event_list .owl-item .mep_more_date_btn {
margin-top: 10px;
margin-bottom: 10px;
}
.mep_event_list button.owl-next {
right: -30px;
}
.mep_event_list button.owl-prev {
left: -30px;
}
.mep_event_list .owl-nav>button {
width: 60px;
height: 60px;
line-height: 60px;
margin-top: 25px !important;
background: #FFF !important;
border-radius: 50% !important;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25) !important;
border: none !important;
outline: 0;
}
.mep_event_list .owl-nav>button:hover {
background: var(--color_theme) !important;
}
.mep_event_list .owl-nav i,
.mep_event_list button.owl-next,
.mep_event_list button.owl-prev {
font-size: 14px !important;
}
.mep_event_list .owl-dots button.active {
background: var(--color_theme);
}
.mep_event_list .owl-dots button {
width: 15px;
height: 15px;
display: inline-block;
background: #CFCFD0 !important;
margin-right: 5px;
border-radius: 50%;
position: relative;
transition: all 0.4s;
-webkit-transition: all 0.4s;
outline: 0;
}
.mep_event_list .owl-dots button.active::before {
border-bottom-color: var(--color_theme);
}
.mep_event_list .owl-dots button::before {
position: absolute;
content: "";
top: -10px;
border: 7px solid transparent;
left: 52%;
transform: translateX(-50%);
border-bottom-color: #CFCFD0;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.mep_event_list .owl-dots button span {
display: none !important;
}
.mep_event_list .owl-dots {
margin: auto;
} .mep_event_list_item {
border: 1px solid #DDD;
padding: 0;
margin: 10px 0;
}
.mep_event_list_item:hover {
border-color: var(--color_theme);
}
.mep_event_list_item .mep-list-footer {
padding: 0;
margin: 0;
margin-top: 20px;
}
.mep_event_list_item .mep-list-footer .mep_list_org_name {
margin: 0;
}
.mep_event_list_item .mep_list_org_name,
.mep_event_list_item .mep_list_location_name,
.mep_event_list_item .mep_list_event_date {
display: flex;
align-items: center;
margin: 0;
}
.mep_event_list_item .mep-list-footer-ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 5px 10px;
} .mage_grid_box {
margin: 0;
}
.mage_grid_box .blank_div {
margin: 0 20px 0 0;
}
.mage_grid_box .blank_div:last-child {
margin: 0 0 15px 0;
}
div.mep_event_list div.mage_grid_box img {
min-height: auto;
}
div.mep_event_list div.mage_grid_box>div {
width: 100%;
} .mep_event_grid_item .mep-list-footer-ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 5px 10px;
}
.mep_event_grid_item .mep_list_org_name,
.mep_event_grid_item .mep_list_location_name {
gap: 10px;
}
.mep_event_grid_item .mep_list_event_date h5,
.mep_event_grid_item .mep_list_event_date p {
display: block;
}
.mep_event_grid_item.filter_item {
border: 1px solid #E2E2E2;
background-color: #FFF;
border-radius: 12px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.mep_list_event_details a.event_details_link {
display: block;
margin-bottom: 30px;
min-height: 180px;
}
.mep_event_grid_item .mep-list-footer {
padding: 0;
}
.mep_event_grid_item span.mep_waitlist_label.mep-tem3-title-sec {
max-width: 50%;
border-radius: 0 0 0 25px;
}
.mage_grid_box.owl-theme.owl-carousel.owl-loaded.owl-drag div.owl-dots {
width: auto;
} div.mep_event_winter_list {
width: 100%;
background: white;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(0, 0, 0, 0.06);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
display: flex;
min-height: 160px;
position: relative;
padding: 0;
}
div.mep_event_winter_list:hover {
transform: translateY(-8px) scale(1.02);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
border: none;
}
.mep_event_winter_list .mep_list_date_wrapper {
float: left;
width: 24%;
display: flex;
justify-content: center;
flex-direction: column;
padding: 10px;
background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
color: white;
text-align: center;
position: relative;
overflow: hidden;
}
.mep_event_winter_list .mep_list_date_wrapper .mep_list_date {
color: #FFF;
}
.mep_event_winter_list .mep_list_date_wrapper .mep_winter_list_date {
color: #FFF;
display: flex;
flex-direction: column;
}
.mep_event_winter_list .mep_list_date_wrapper .mep_winter_list_dd {
font-size: 3rem;
font-weight: 800;
line-height: 1;
margin-bottom: 4px;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.mep_event_winter_list .mep_list_winter_thumb_wrapper {
width: 200px;
height: 200px;
border-radius: 50%;
margin: 20px;
overflow: hidden;
position: relative;
border: 4px solid white;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
flex-shrink: 0;
background: linear-gradient(135deg, #667EEA, #764BA2);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 2.5rem;
}
.mep_event_winter_list .mep_list_winter_thumb {
width: 200px;
height: 200px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin: auto;
}
.mep_event_winter_list .mep_list_title {
margin: 0;
margin-bottom: 10px;
font-size: 30px;
font-weight: bold;
color: #1A202C;
line-height: 1.3;
padding: 0;
}
.mep_event_winter_list .mep_price {
margin: 0;
margin-bottom: 20px;
font-size: 20px;
font-weight: bold;
line-height: 1.3;
color: #059669;
}
.mep_event_winter_list .mep_list_details_wrapper {
display: flex;
justify-content: space-between;
}
.mep_event_winter_list .mep_list_details_col_one i {
width: 15px;
height: 15px;
margin-right: 5px;
}
.mep_event_winter_list .mep_list_details_wrapper p {
color: #64748B;
margin: 5px 0;
}
.mep_event_winter_list .mep_list_details_wrapper p a {
color: #64748B;
}
.mep_event_winter_list .mep_list_details_wrapper p i {
color: var(--color_theme);
}
.mep_event_winter_list .mep_list_details_wrapper .mep-tem3-title-sec {
margin: 10px 0;
border-radius: 20px;
padding: 0 10px;
}
.mep_event_winter_list .mep_list_details_wrapper .mp_event_visible_event_time {
margin-top: 10px;
display: block;
}
.mep_event_winter_list .mep_list_details_wrapper ul.mp_event_more_date_list {
top: 0;
right: 0;
left: 80%;
} .mep_event_spring_list .mep_list_date_wrapper {
display: flex;
align-content: center;
justify-content: center;
align-items: center;
background-image: linear-gradient(var(--color_theme), #FE7541);
width: 24%;
padding: 10px;
}
.mep_event_spring_list .mep_list_date_wrapper .mep_list_date {
color: #FFF;
}
.mep_event_spring_list .mep_more_date_btn.mep-tem3-title-sec.mp_event_hide_event_time {
display: none;
}
.mep_event_spring_list .mep_more_date_btn {
margin-left: 0;
border-radius: 0;
}
.mep_event_spring_list .mep_more_date_btn:before {
border-radius: 0;
}
.mep_event_spring_list .mp_event_hide_event_time {
position: absolute;
z-index: 999999;
right: 15px;
top: 5px;
margin-top: 0;
height: 38px;
}
.mep_event_spring_list ul.mp_event_more_date_list {
bottom: 100%;
height: 100%;
}
.mep_event_spring_list ul.mp_event_more_date_list li {
padding: 5px;
}
.mep_event_spring_list .mep_more_date_btn {
background-color: #FFF;
}
.mep_event_spring_list .mep_more_date_btn.mp_event_visible_event_time {
border-radius: 50px;
}
.mep_event_spring_list .mep_spring_list_date {
color: #FFF;
}
.mep_event_spring_list {
width: 100%;
overflow: visible;
padding: 0;
background: #FCFCFC;
}
.mep_event_spring_list .mep_list_spring_thumb {
width: 150px;
height: 150px;
border-radius: 50%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin: auto;
}
.mep_spring_event_time,
.mep_spring_event_location,
.mep_spring_event_date {
display: flex;
align-items: start;
margin-bottom: 10px;
}
div.mep_event_list_item div.spring_area {
display: -webkit-flex;
display: flex;
width: 100%;
padding: 0;
}
div.spring_area .spring_item_1 {
background-color: var(--color_theme);
border-radius: var(--dbr) 0 0 var(--dbr);
width: 25%;
}
div.spring_area .spring_item_1 h5 {
margin: 0;
color: #FFF;
}
div.spring_area .spring_item_2 {
padding: var(--dmp_xs);
width: 25%;
}
div.spring_area .spring_item_3 {
padding: var(--dmp_xs);
width: 30%;
}
div.spring_area .spring_item_4 {
padding: var(--dmp_xs);
width: 20%;
}
div.mep_event_winter_list div.spring_area .spring_item_2 {
width: 51%;
}
div.spring_area.mep_list_event_details .mep_list_thumb {
width: 150px;
height: 150px;
border-radius: 50%;
overflow: hidden;
margin: auto;
}
div.mep-event-list-loop div.spring_area .mepev-ribbons {
position: relative;
}
div.mep-event-list-loop div.spring_area .mepev-ribbons i {
margin: 0 var(--dmp_xs) 0 0;
} .mep_event_minimal_list .mep_list_event_details {
width: calc(100% - 60px);
min-height: auto;
}
.mep_event_minimal_list .mep_list_thumb {
width: 52px;
position: relative;
order: 2;
display: -webkit-flex;
display: flex;
}
.mep_event_minimal_list .mep-ev-start-date {
right: 0;
left: inherit;
top: 0;
border-radius: 0 4px 0 0;
}
.mep_event_minimal_list {
width: 100%;
padding: 10px;
}
.mep_event_minimal_list:hover {
background: #F2F2F2;
}
.mep_event_minimal_list h2 {
color: #000;
font-weight: bold;
}
.mep_event_minimal_list h3.mep_list_date i {
background: transparent;
}
.mep_event_minimal_list .mep_more_date_btn {
padding: 2px 5px;
margin: 10px 0 0 0;
width: 233px;
position: relative;
}
.mep_event_minimal_list ul.mep-more-date-lists {
margin: 0;
}
.mep_event_minimal_list .mep_more_date_btn {
width: max-content;
padding: 0 15px 0 15px !important;
}
div.mep_event_minimal_list {
display: -webkit-flex;
display: flex;
}
span.mep_minimal_list_date {
color: #505050;
font-weight: normal;
font-style: normal;
} div.mep_event_timeline_list {
position: relative;
}
.mep_event_timeline_list .mep-list-header {
padding: 0;
}
.mep_event_timeline_list .mep_list_thumb {
width: 100%;
margin-bottom: 15px;
}
.mep_event_timeline_list .mep_minimal_list_location {
margin: 10px 0;
}
.mep_event_timeline_list .mep_minimal_list_location i {
padding-right: 10px;
}
.mep_event_timeline_list .mep_list_event_details {
width: 100%;
padding: 0;
margin: 0;
}
.default_theme .mep-default-sidrbar-price-seat,
.mep-default-sidebar-address,
.mep-default-sidrbar-social {
border-bottom: 1px solid #F0F2F5;
}
.default_theme .mep-default-sidrbar-price-seat .setas-info {
padding: 14px;
background-color: #F7F7F7;
border-radius: 10px;
display: flex;
justify-content: space-between;
}
.default_theme .mep-default-sidrbar-price-seat .setas-info .total-seats,
.default_theme .mep-default-sidrbar-price-seat .setas-info .available-seats {
display: flex;
flex-direction: column;
}
.mep-default-sidrbar-price-seat {
text-align: center;
}
.mep-default-sidrbar-price-seat {
text-align: center;
padding: 15px;
}
.mep_event_timeline_list h3.mep_list_date i {
background: transparent;
}
.mep_event_timeline_list h3.mep_list_date {
margin-bottom: 10px;
}
.mep_event_timeline_list ul.mep-more-date-lists {
margin: -5px 0 0 0;
border-top: 1px dashed #DDD;
}
.mep_event_timeline_list .mep_minimal_list_date,
.mep_event_timeline_list .mep_minimal_list_organizer {
margin: 10px 0;
}
.mep_event_timeline_list .mep_minimal_list_date i,
.mep_event_timeline_list .mep_minimal_list_organizer i {
padding-right: 10px;
}
.mep_event_timeline_list .mep-ev-start-date {
left: var(--dmp_xs);
top: var(--dmp_xs);
z-index: 99999;
} div.mep_event_native_list {
display: -webkit-flex;
display: flex;
width: 100%;
}
div.mep_event_native_list .mep_list_event_details {
width: calc(100% - 150px);
min-height: auto;
}
div.mep_event_native_list .mep_list_thumb {
width: 150px;
min-height: auto;
}
div.mep_event_native_list .mep_list_event_details a {
border-left: 2px solid var(--color_theme);
padding: 0 0 0 var(--dmp_xs);
}
.mep_event_native_list .mep_list_thumb img,
.owl-carousel .owl-item .mep_event_native_list .mep_list_thumb img {
border: 3px solid #DDD;
padding: 1px;
border-radius: inherit;
height: auto;
width: auto;
}
.mep_event_native_list h2 {
color: #000;
font-weight: bold;
}
.mep_event_native_list h3.mep_list_date i {
background: transparent;
}
.mep_event_native_list .mep_more_date_btn {
padding: 2px 5px;
width: 233px;
position: relative;
}
.mep_event_native_list ul.mep-more-date-lists {
margin: 0;
}
.mep_event_native_list .mep_more_date_btn {
width: max-content;
padding: 0 15px 0 15px !important;
}
div.mep_event_native_list .mep-list-header {
padding-left: 10px;
}
.mep_event_native_list .mep-list-header::before {
border-left: 2px solid;
}
.mep-city-list {
display: block;
overflow: hidden;
width: 100%;
}
.mep-city-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.mep-city-list ul li a {
display: block;
width: 100%;
border-bottom: 1px dashed #DDD;
font-size: 18px;
color: #333;
padding: 5px 0;
}
.mep-city-list li i {
margin-right: 5px;
}
.mep-hidden {
display: none !important;
}
span.mep_warning {
text-align: center;
display: block;
border: 1px solid #005373;
color: #005373;
font-weight: bold;
font-size: 15px;
padding: 20px 0;
text-transform: capitalize;
}
.mep-low-stock-warning {
background: linear-gradient(135deg, #FF6B6B, #EE5A52);
color: #FFFFFF;
padding: 6px 10px;
border-radius: 4px;
font-size: 11px;
font-weight: 600;
text-align: center;
margin: 3px 0;
box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
position: relative;
overflow: hidden;
animation: pulse-warning 2s infinite;
width: 40%;
}
.mep-low-stock-warning::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
animation: shimmer 2s infinite;
}
@keyframes pulse-warning {
0% {
transform: scale(1);
box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
}
50% {
transform: scale(1.02);
box-shadow: 0 4px 8px rgba(255, 107, 107, 0.4);
}
100% {
transform: scale(1);
box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
}
}
@keyframes shimmer {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
.mep-limited-availability-ribbon {
background: linear-gradient(135deg, #FFA726, #FF9800);
color: #FFFFFF;
padding: 4px 8px;
border-radius: 3px;
font-size: 10px;
font-weight: 600;
text-align: center;
margin: 2px 0;
box-shadow: 0 1px 3px rgba(255, 167, 38, 0.3);
position: relative;
overflow: hidden;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.mep-limited-availability-ribbon::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
animation: shimmer-ribbon 3s infinite;
}
@keyframes shimmer-ribbon {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
.woocommerce-cart td.product-name dl dt {
display: block !important;
float: none !important;
margin-top: 20px;
}
.button.button-default.woocommerce.button.alt.button.alt.btn-mep-event-cart {
background: var(--color_theme);
border: 1px solid var(--color_theme);
line-height: 1.2;
font-weight: bold;
height: auto;
min-width: auto;
outline: 0;
padding: 15px;
margin: 10px auto;
display: block;
text-align: center;
font-size: 16px;
cursor: pointer;
max-width: 100%;
border-radius: 10px;
}
div.slick-list {
width: 100% !important;
}
.mep-event-countdown-timer .wrapper div span {
display: block;
padding: 10px;
}
.mep-event-countdown-timer .wrapper div span span.label {
border: 0 !important;
}
.mep-event-countdown-timer {
width: 100%;
overflow: hidden;
}
.mep-event-countdown-timer .wrapper div {
width: 24%;
text-align: center;
display: inline-block !important;
}
.mep-event-countdown-timer .wrapper {
min-height: 100px;
vertical-align: middle;
margin: 0 10px;
padding-top: 14px;
}
.mep-event-countdown-timer .wrapper .time {
display: block;
font-weight: bold;
font-size: 24px;
margin: 0;
padding: 0;
}
.mep-event-countdown-timer .wrapper div span.label {
display: block;
font-weight: bold !important;
margin-top: 10px;
}
.mep-event-countdown-timer .wrapper div {
font-size: 40px;
}
.mep-event-countdown-timer .wrapper .label {
font-size: 18px;
text-transform: capitalize;
} button.single_add_to_cart_button {
background: var(--color_theme);
border: 1px solid var(--color_theme);
outline: 0;
cursor: pointer;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0 15px;
background: var(--color_theme);
color: #FFFFFF;
font-size: 15px;
line-height: 1;
text-transform: uppercase;
font-weight: 600;
-webkit-border-radius: 50px;
border-radius: 50px;
margin: 0 auto;
min-width: 250px;
height: 45px;
}
button.single_add_to_cart_button[disabled]:hover {
-webkit-border-radius: 50px;
border-radius: 50px;
}
div.mpwem_related_area div.slick-track {
margin: 0;
}
.mep_everyday_date_secs {
background: var(--color_theme);
color: var(--color_6);
padding: 5px 10px;
}
.mep_everyday_date_secs ul li {
min-width: auto !important;
vertical-align: middle;
}
.mep_everyday_date_secs .mep-date-time-select-area {
overflow: hidden;
padding: 8px 5px;
display: flex;
justify-content: space-between;
align-items: center;
}
.mep_everyday_date_secs .mep-date-time-select-area h3 {
margin: 0;
font-size: 20px;
font-weight: 600;
}
.mep_everyday_date_secs .mep-date-time-select-area .mep-date-time {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
} .mep-elementor-event-add-to-cart-section-widget table td {
border: none;
}
.mep-elementor-event-add-to-cart-section-widget .mep_everyday_date_secs {
display: block;
text-align: center;
}
.mep-elementor-event-add-to-cart-section-widget h4.mep-cart-table-title {
display: none;
}
.mep_sidebar {
padding: 10px;
}
.mep_sidebar h3 {
text-align: left;
border-bottom: 1px solid #DDD;
padding-bottom: 15px;
}
@media only screen and (min-width: 10px) {
.my_account_orders.account-orders-table .wbtm-download {
display: none;
}
.mep-user-ticket-list table {
width: 100%;
border: 1px solid #DDD;
}
.mep-user-ticket-list table tr {
border-bottom: 1px solid #DDD;
padding: 10px 0;
}
.mep-user-ticket-list table tr td {
padding: 8px;
}
.mep-user-ticket-list table tr th {
background: #DDD;
padding: 10px 5px;
text-align: left;
} } .default_theme form {
display: block;
}
.default_theme i {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.default_theme .mep-more-date {
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
}
.default_theme .mep-more-date .mep-more-date {
margin: 2px 5px;
position: relative;
padding-left: 14px;
}
.default_theme .mep-more-date .mep-more-date::before {
content: "";
width: 5px;
height: 5px;
border-radius: 50px;
margin-right: 5px;
background-color: var(--color_theme);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.default_theme .event-expire-btn {
border: 1px solid #F5F5F5;
padding: 20px;
overflow: hidden;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.default_theme .mep_checkbox_item ._fs_label {
margin-bottom: 15px;
display: block;
}
.default_theme .groupRadioCheck {
margin-top: 5px;
} button.mep-cat-control,
.pagination-sec a {
background: var(--color_theme);
color: var(--color_7);
}
.mep_more_date_btn:before {
background: var(--color_theme);
border-color: var(--color_theme);
}
.mep-tem3-title-sec,
.ex-sec-title {
background: var(--color_theme);
color: var(--color_7);
}
.button.button-default.woocommerce.button.alt.button.alt.btn-mep-event-cart {
background: var(--color_theme);
border-color: var(--color_theme);
} .mep-vr-vs-content {
color: #084298;
background-color: #CFE2FF;
border-color: #B6D4FE;
border-radius: 0.25rem;
padding: 8px;
}
.mep-vr-vs-content h3 {
font-size: 16px;
font-weight: bold;
border-bottom: 1px dashed #084298;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
}
.mep_ticket_details p {
font-size: 12px;
margin: 5px 0 !important;
padding: 5px 0;
display: block;
line-height: 20px !important;
}
tr.ex-sec-title.mep_ticket_type_title th {
font-weight: bold;
display: table-cell;
padding: 15px 15px 5px;
} span.tkt-qty,
span.tkt-pric,
label.mep-show {
display: block;
}
div.mep_flex,
.mep_event_list .mep_event_list_sec div.mep_event_list_item,
div.mep_event_list div.mage_grid_box {
display: -webkit-flex;
display: flex;
gap: 18px;
}
.mep_event_list div.evl-cc {
-webkit-align-items: center;
align-items: center;
}
.mep-default-title h2,
.section-heading h2 {
font-size: 25px;
margin: 0 0 15px 0;
color: #3A3A3A;
font-weight: bold;
}
h4.mep-cart-table-title {
margin: 10px 0;
font-size: 22px;
font-weight: 600;
}
h3.ex-sec-title {
font-size: 14px;
color: var(--color_7);
background: var(--color_theme);
padding: 15px;
}
.mep-event-details p {
font-size: 16px;
margin: 0;
font-weight: 400;
line-height: 1.5;
}
label.mep-show {
line-height: 1.4;
}
[name="option_qty[]"].mage_error {
background-color: red;
color: #FFF;
}
.evl-cc {
margin: 0 0 0 10px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: transparent;
color: #000;
text-decoration: none;
}
.mep-wailist-form input {
display: block;
overflow: hidden;
margin: 20px auto !important;
width: 100%;
padding: 10px !important;
background: #FFF !important;
}
.pagination-sec a {
display: inline-block;
background: #81D742;
color: #FFF;
padding: 10px 15px;
}
.pagination-sec span.page-numbers.current {
padding: 15px 20px;
background: #DDD;
}
span#hide_event_schdule {
position: relative;
left: 0;
bottom: 0;
display: block;
width: 100%;
text-align: center;
margin: 0 auto;
}
.mep-event-list-loop {
position: relative;
}
button.mep-cat-control {
border: 1px solid var(--color_theme);
background-color: var(--color_7);
padding: 10px 20px;
font-size: 16px;
margin-right: 5px;
margin-bottom: 10px;
cursor: pointer;
color: var(--color_theme);
outline-width: 0;
}
button.mep-cat-control.mixitup-control-active {
background: var(--color_theme);
color: var(--color_7);
}
.mep_view_all_date {
overflow: scroll !important;
}
.ui-accordion .ui-accordion-header {
background-image: none;
margin: 10px 0 0 0;
}
.ui-accordion .ui-accordion-header.ui-state-active {
background-image: none;
background-color: #1D4A68;
color: #FFF;
font-size: 18px;
}
.evl-cc {
margin-left: 0;
}
.mep_more_date_btn {
border: 1px solid var(--color_theme);
color: var(--color_theme);
border-radius: 20px;
padding: 0 8px;
transform: perspective(1px) translateZ(0);
position: relative;
font-size: 14px;
cursor: pointer;
}
.mep_re_datelist_label {
width: auto !important;
font-weight: 500;
}
h3.ex-sec-title {
color: #FFFFFF;
}
.tkt-pric,
.tkt-qty {
margin-bottom: 10px;
}
#mep_everyday_datepicker,
#mep-event-review-form--title {
display: block;
padding: 0 15px 0 38px;
font-size: 14px;
line-height: 1.5;
color: #495057;
background-color: #F9F9F9;
background-clip: padding-box;
border: 0px solid #CED4DA !important;
border-radius: 5px;
min-width: 100px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
max-width: 225px;
min-height: 100%;
height: 30px;
margin: 5px 0;
}
span.mep-cart-btn-icon {
display: inline-block;
margin-right: 10px;
}
span.mep_date_scdl_start_datetime {
display: inline-flex;
font-size: 13px;
}
span.mep_date_scdl_start_datetime {
color: #333;
font-size: 14px;
font-weight: bold;
}
span.mep-cal-icon {
position: absolute;
left: -100px;
z-index: 9;
top: 12px;
}
thead.ex-sec-title.mep_ticket_type_title tr th {
padding: 15px 15px 3px;
}
span.mep-cal-icon i {
color: #000;
}
span#mep_everyday_event_time_list select {
margin-top: 0;
display: block;
border-radius: 5px;
vertical-align: top;
border: none;
height: 30px;
padding: 0 7px;
font-size: 14px;
color: #495057;
}
span#mep_everyday_event_time_list {
padding: 0;
}
span.mep_recurring_datepicker_section {
position: relative;
}
span.mep-datepicker-input-box {
position: relative;
}
.mep-event-review-list-wrapper {
padding: 0;
margin: 20px;
}
.mep-event-review-list-wrapper #give-review-btn {
font-weight: 500;
font-size: 15px;
border-radius: 50px;
line-height: 35px;
height: 35px;
padding: 0 15px 0 15px;
cursor: pointer;
margin-bottom: 60px;
}
.mep-event-review-form .label {
font-weight: 600;
margin-bottom: 10px;
border-bottom: 1px solid #D3D3D3;
padding-bottom: 5px;
}
.mep-event-review-form input[type=submit],
.mep-event-review-form button[type=submit] {
font-weight: 500;
font-size: 15px;
border-radius: 50px;
line-height: 35px;
height: 35px;
padding: 0 15px 0 15px;
cursor: pointer;
background: var(--color_theme);
}
.woocommerce-Price-amount {
font-weight: 600;
}
span.mep_waitlist_label.mep-tem3-title-sec {
right: 0;
top: 0;
}
.timeline .mep_more_date_btn {
margin-top: 0;
}
span.mep-more-date i,
span.mep-more-time i {
min-width: 25px;
}
.wp-core-ui .quicktags-toolbar input.button.button-small {
width: max-content;
}
table.table.table-bordered.mep_event_add_cart_table {
background: var(--color_6);
}
.mep_events-template-default table.table.table-bordered.mep_event_add_cart_table {
background: hsla(0, 0%, 50.2%, 0.0705882353);
}
.mep-elementor-event-list-widget .row {
width: 100%;
}
.mep-elementor-event-list-widget .pagination-sec {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
tr.mep_virtual_event_info_sec {
display: none;
}
.impe-new-nput-group-field::-webkit-inner-spin-button,
.impe-new-nput-group-field ::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
}
#owl-demo .item {
background: #FFFFFF;
margin: 10px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: Left;
}
.groupRadioCheck [data-radio-check].mpActive {
border-color: var(--color_theme);
background-color: var(--color_theme);
color: var(--color_7);
}
.groupRadioCheck [data-radio-check]:hover {
border-color: var(--color_theme);
background-color: var(--color_theme);
}
div.mpwem_style [data-bg-image] {
background-size: cover;
background-repeat: no-repeat;
margin: 0 auto;
}
.mpwem-expired-card {
margin-top: 15px;
padding: 18px 20px;
border-radius: 14px;
background: linear-gradient(135deg, #ff6b6b, #ff9f43);
color: #ffffff;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
text-align: center;
}
.mpwem-expired-title {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.3px;
}
.mpwem-expired-date {
margin-top: 10px;
font-size: 15px;
}
.mpwem-date-highlight {
font-weight: 800;
}
.mpwem-total-sold-badge {
margin-top: 12px;
display: inline-block !important;
padding: 6px 14px;
border-radius: 30px;
background: #ffffff;
color: #ff3b3b;
font-weight: 800;
}
.smart_theme_metainfo {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 10px 0;
}
.smart_theme_metainfo i {
color: var(--color_theme);
} @media only screen and (max-width: 1199px) {
.mep-default-content {
width: calc(100% - 275px);
}
.mep-default-sidebar {
width: 275px;
}
div.date_time_location_short .short_item {
max-width: calc(50% - 8px);
}
}
@media only screen and (max-width: 1024px) {
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data {
flex-direction: row;
align-items: start;
flex-wrap: wrap;
gap: 10px;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-price,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-price {
text-align: left;
flex: 0 0 100%;
}
.mep_event_winter_list .mep_list_date_wrapper,
div.spring_area .spring_item_1 {
display: none;
}
div.spring_area .spring_item_2 {
width: 30%;
}
div.spring_area .spring_item_3 {
width: 45%;
}
div.spring_area .spring_item_4 {
width: 25%;
}
div.mep_event_winter_list div.spring_area .spring_item_2 {
width: 75%;
}
.mpwem_registration_area .date-time-area {
flex-direction: column;
justify-content: center;
align-items: end;
}
}
@media only screen and (max-width: 991px) {
.mep-default-content {
width: calc(100% - 250px);
}
.mep-default-sidebar {
width: 250px;
}
.mep-list-footer ul li i {
width: 20px;
height: 20px;
font-size: 11px;
}
.mep-events-wrapper p#mep_btn_notice {
font-size: 14px;
}
.mep-events-wrapper table td {
font-size: 14px;
padding: 5px;
}
button.single_add_to_cart_button {
min-width: 200px;
height: 40px;
font-size: 14px !important;
}
.ui-accordion .ui-accordion-content {
font-size: 12px;
}
h2.mep_list_title {
font-size: 15px !important;
}
h3.mep_list_date,
.mep-list-footer ul li h6 {
font-size: 13px !important;
}
.mep-list-footer ul li h5 {
font-size: 12px !important;
}
div.item_hover_effect a {
font-size: 16px;
padding: 10px 20px;
}
div.column_style {
min-width: calc(33.333333% - 14px) !important;
}
h2.mep_list_title {
margin-top: 10px;
}
}
@media only screen and (max-width: 767px) {
div.mep_event_native_list .mep_list_event_details,
div.mep_event_native_list .mep_list_thumb {
width: 100%;
}
.mpwem_registration_area .date-time-area>label::after {
top: 78%;
} div.default_theme .content_area {
display: block;
}
div.mep_flex.default_theme {
display: block;
}
.mep-default-content {
width: 100%;
margin: 0;
padding: 0;
}
.mep_event_list .mep_event_list_sec div.mep_event_list_item {
display: block;
}
.mep-default-sidebar {
width: 100%;
margin: 0;
padding: 0;
}
.mep_event_grid_item .mep_list_thumb img {
height: auto;
}
.mep-events-wrapper {
margin: 15px auto;
}
.mep-default-title h2,
.section-heading h2,
h4.mep-cart-table-title,
h3.ex-sec-title {
font-size: 20px;
}
.mep_event_list .mep_event_list_sec div.mep_event_list_item .mep_list_event_details {
margin: 0;
}
.mep_event_list .mep_event_list_sec div.mep_event_list_item img {
top: -5px;
}
span.mep_minimal_list_location {
margin-left: 0;
display: block;
}
div.column_style {
min-width: calc(50% - 14px) !important;
}
div.two_column {
width: calc(50% - 15px);
margin: 0 15px 15px 0;
}
div.three_column {
width: calc(50% - 15px);
margin: 0 15px 15px 0;
}
div.four_column {
width: calc(50% - 15px);
margin: 0 15px 15px 0;
}
.mep_event_list .mep_event_list_sec .mep_event_list_item.mep_event_spring_list .mep_list_details_col_one {
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}
.mep_event_list .mep_event_list_sec .mep_event_list_item.mep_event_spring_list .mep_list_details_col_two {
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
}
.mep_event_winter_list .mep_list_winter_thumb_wrapper {
margin: 0;
width: 100%;
height: 200px;
border-radius: 0;
}
.mep_event_winter_list .mep_list_winter_thumb {
width: auto;
height: 200px;
border-radius: 0;
object-fit: cover;
}
.mep_event_spring_list .mep_list_date_wrapper,
.mep_event_spring_list .mep_list_event_details,
.mep_event_winter_list .mep_list_event_details,
.mep_event_spring_list .mep_list_spring_thumb_wrapper {
display: flex;
width: auto;
flex-flow: column;
min-height: auto;
}
.mep_event_spring_list .mep_list_date_wrapper {
height: 200px;
}
.mep_event_spring_list .mep_list_event_details {
margin-top: 20px;
}
.mep_event_spring_list h4 {
font-size: 20px;
}
.mep_event_spring_list .mep_list_spring_thumb {
width: 100%;
height: 200px;
border-radius: 0;
}
.mep_event_spring_list {
display: flex !important;
flex-flow: column;
}
.mep_event_spring_list .mep_list_spring_thumb_wrapper {
order: 1;
}
.mep_event_spring_list .mep_list_event_details.mep_list_details_col_one {
order: 3;
margin-bottom: 20px;
}
.mep_event_spring_list .mep_list_event_details.mep_list_details_col_two {
order: 2;
}
.mep_event_spring_list .mep_list_date_wrapper {
display: none;
}
.mep_event_list button.owl-next {
right: 0;
}
.mep_event_list button.owl-prev {
left: 0;
}
.mep_event_spring_list .mep_list_date_wrapper {
float: left;
width: 24%;
display: flex;
justify-content: center;
flex-direction: column;
padding: 10px;
}
.mep_event_spring_list .mep_list_spring_thumb_wrapper {
float: left;
width: 24%;
display: flex;
justify-content: flex-start;
flex-direction: column;
padding: 20px;
}
.mep_event_spring_list .mep_list_date_wrapper {
height: 100%;
}
.mep_event_list_item .mep_list_thumb {
border-radius: 5px 5px 0 0;
}
.mep_event_list_item .mep_list_location_name,
.mep_event_list_item .mep_list_event_date {
align-items: start;
}
.mep-low-stock-warning,
.mep-limited-availability-ribbon {
font-size: 10px;
padding: 4px 8px;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data {
padding: 8px 0 !important;
gap: 6px;
}
div.date_time_location_short .short_item {
max-width: 100%;
}
div.spring_area .spring_item_2 {
width: 100%;
order: 3;
}
div.spring_area .spring_item_3 {
width: 100%;
order: 2;
}
div.spring_area .spring_item_4 {
width: 100%;
order: 1;
}
div.mep-event-list-loop div.spring_area .mepev-ribbons {
position: absolute;
}
div.spring_area .spring_item_4 {
width: 100%;
}
div.mep_event_winter_list div.spring_area .spring_item_2 {
width: 100%;
} .mpwem_registration_area .date-time-header {
padding: 15px 20px !important;
flex-direction: column !important;
gap: 15px !important;
align-items: stretch !important;
}
.mpwem_registration_area .date-time-header .ticket-title {
font-size: 17px !important;
text-align: center !important;
width: 100% !important;
}
.mpwem_registration_area .date-time-area {
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
width: 100% !important;
flex-wrap: wrap !important;
}
.mpwem_registration_area .date-time-area label {
flex-direction: row !important;
align-items: center !important;
gap: 8px !important;
width: calc(70% - 6px) !important;
position: relative !important;
flex: 0 0 calc(70% - 6px) !important;
}
.mpwem_registration_area .date-time-area label span {
width: auto !important;
text-align: left !important;
font-size: 15px !important;
display: inline-block !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}
.mpwem_registration_area .date-time-area label i {
position: absolute !important;
right: 12px !important;
top: 50% !important;
transform: translateY(-50%) !important;
pointer-events: none !important;
}
.mpwem_registration_area .date-time-area .formControl {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding-right: 40px !important;
flex: 1 !important;
}
.mpwem_registration_area input#mpwem_date_time {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding-right: 40px !important;
flex: 1 !important;
}
.mpwem_registration_area .date-time-area select.formControl {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding-right: 40px !important;
flex: 1 !important;
}
.mpwem_registration_area .mpwem_time_area {
width: calc(30% - 6px) !important;
flex: 0 0 calc(30% - 6px) !important;
}
.mpwem_registration_area .mpwem_time_area label {
width: 100% !important;
flex-direction: row !important;
align-items: center !important;
position: relative !important;
}
.mpwem_registration_area .mpwem_time_area label span {
width: auto !important;
display: inline-block !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}
.mpwem_registration_area .mpwem_time_area label i {
position: absolute !important;
right: 12px !important;
top: 50% !important;
transform: translateY(-50%) !important;
pointer-events: none !important;
}
.mpwem_registration_area .mpwem_time_area select.formControl {
width: 100% !important;
padding-right: 40px !important;
flex: 1 !important;
}
.mep_smart_theme .mpwem_content_area {
margin: 40px 0 0 0;
flex-direction: column;
}
.mep_smart_theme .mpwem_left_content {
max-width: 100%;
margin-right: 0;
}
.mep_smart_theme .mpwem_right_content {
max-width: 100%;
width: 100%;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-info {
flex: 0 0 100%;
} div.mpwem_timeline_area .timeline_body {
padding: 12px;
}
div.timeline_item {
padding: 0 0 14px 42px;
}
div.timeline_item .timeline_tag {
flex: 1;
}
div.timeline_item .tl_title {
max-width: 100%;
}
div.timeline_item .timeline_connector {
display: none;
}
}
@media only screen and (max-width: 650px) {
.mep_speaker_thumbnail {
padding-top: 50px;
}
.mep_speaker_name {
padding: 50px 0;
}
.mep_speaker_name {
padding: 20px 0;
}
.mep_event_native_list .mep-list-header {
padding: 15px;
}
span.mep_minimal_list_date,
span.mep_minimal_list_location {
line-height: 25px;
}
.mep_list_event_details p {
font-size: 13px;
}
.mpwem_style.pagination_area button[class*=defaultButton_xs] {
width: 40px;
}
.mpwem_style.pagination_area .ellipse_left,
.mpwem_style.pagination_area .ellipse_right {
background-color: #DDD;
}
.mep-event-review-form input {
padding: 8px;
}
span.mep-more-date i,
span.mep-more-time i {
min-width: 20px;
}
.mep_everyday_date_secs ul li {
margin-bottom: 10px;
}
.mep-event-review-list-wrapper {
margin: 0;
}
.mep_list_thumb,
.mep_list_event_details {
width: 100%;
min-height: 100px;
}
div.one_column {
-webkit-flex-direction: column;
flex-direction: column;
} .mpwem_registration_area .date-time-header {
padding: 12px 15px !important;
flex-direction: column !important;
gap: 10px !important;
}
.mpwem_registration_area .date-time-header .ticket-title {
font-size: 16px !important;
text-align: center !important;
width: 100% !important;
}
.mpwem_registration_area .date-time-area {
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
width: 100% !important;
flex-wrap: wrap !important;
}
.mpwem_registration_area .date-time-area label {
flex-direction: row !important;
align-items: center !important;
gap: 6px !important;
width: calc(70% - 5px) !important;
position: relative !important;
flex: 0 0 calc(70% - 5px) !important;
}
.mpwem_registration_area .date-time-area label span {
font-size: 14px !important;
width: auto !important;
text-align: left !important;
display: inline-block !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}
.mpwem_registration_area .date-time-area label i {
position: absolute !important;
right: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
pointer-events: none !important;
font-size: 14px !important;
}
.mpwem_registration_area .date-time-area .formControl {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding: 10px 35px 10px 12px !important;
flex: 1 !important;
}
.mpwem_registration_area input#mpwem_date_time {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding: 10px 35px 10px 12px !important;
flex: 1 !important;
}
.mpwem_registration_area .date-time-area select.formControl {
width: 100% !important;
padding: 10px 35px 10px 12px !important;
flex: 1 !important;
}
.mpwem_registration_area .mpwem_time_area {
width: calc(30% - 5px) !important;
flex: 0 0 calc(30% - 5px) !important;
}
.mpwem_registration_area .mpwem_time_area label {
flex-direction: row !important;
align-items: center !important;
}
.mpwem_registration_area .mpwem_time_area label span {
width: auto !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}
.mpwem_registration_area .mpwem_time_area label i {
position: absolute !important;
right: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 14px !important;
}
.mpwem_registration_area .mpwem_time_area select.formControl {
padding: 10px 35px 10px 12px !important;
flex: 1 !important;
}
}
@media only screen and (max-width: 500px) {
.mep-events-wrapper p#mep_btn_notice {
font-size: 12px;
}
.mep-events-wrapper table td {
font-size: 12px;
}
.mep-default-title h2,
.section-heading h2,
h4.mep-cart-table-title,
h3.ex-sec-title {
font-size: 18px;
}
button.single_add_to_cart_button {
font-size: 12px !important;
}
.ui-accordion .ui-accordion-content {
font-size: 12px;
}
button.single_add_to_cart_button {
width: 100%;
min-height: 40px;
height: auto;
min-width: auto;
}
.mep_event_native_list .mep_more_date_btn {
width: 100%;
position: relative;
}
.mep_event_minimal_list .mep-ev-start-date {
top: -5px;
}
div.two_column,
div.three_column,
div.four_column {
width: 100%;
margin: 0 0 15px 0;
}
div.column_style {
min-width: calc(100% - 14px) !important;
} .mpwem_registration_area .date-time-header {
padding: 10px 12px !important;
}
.mpwem_registration_area .date-time-header .ticket-title {
font-size: 15px !important;
}
.mpwem_registration_area .date-time-area {
gap: 8px !important;
}
.mpwem_registration_area .date-time-area label {
width: calc(70% - 4px) !important;
flex: 0 0 calc(70% - 4px) !important;
gap: 4px !important;
}
.mpwem_registration_area .date-time-area label span {
font-size: 13px !important;
}
.mpwem_registration_area .date-time-area label i {
font-size: 13px !important;
right: 8px !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
.mpwem_registration_area .date-time-area .formControl {
padding: 8px 32px 8px 8px !important;
font-size: 13px !important;
}
.mpwem_registration_area input#mpwem_date_time {
padding: 8px 32px 8px 8px !important;
font-size: 13px !important;
}
.mpwem_registration_area .date-time-area select.formControl {
padding: 8px 32px 8px 8px !important;
font-size: 13px !important;
}
.mpwem_registration_area .mpwem_time_area {
width: calc(30% - 4px) !important;
flex: 0 0 calc(30% - 4px) !important;
}
.mpwem_registration_area .mpwem_time_area label {
gap: 4px !important;
}
.mpwem_registration_area .mpwem_time_area label span {
font-size: 13px !important;
}
.mpwem_registration_area .mpwem_time_area label i {
right: 8px !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 13px !important;
}
.mpwem_registration_area .mpwem_time_area select.formControl {
padding: 8px 32px 8px 8px !important;
font-size: 13px !important;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-header,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-header {
padding: 15px 18px;
font-size: 16px;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-name,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-name {
font-size: 15px;
}
} @media only screen and (max-width: 420px) {
div.mpwem_timeline_area .timeline_body {
padding: 10px;
}
div.timeline_item {
padding: 0 0 12px 36px;
}
div.timeline_item .timeline_counter {
width: 26px;
height: 26px;
font-size: 11px;
top: 3px;
}
div.timeline_item .timeline_header {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
div.timeline_item .timeline_tag {
clip-path: none;
border-radius: 6px;
padding: 7px 13px;
}
div.timeline_item .tl_title {
white-space: normal;
overflow: visible;
text-overflow: clip;
}
div.mpwem_timeline_area .timeline_time {
font-size: 11px;
padding: 4px 9px;
}
}  @media only screen and (max-width: 767px) {
.mpwem_registration_area .date-time-area {
flex-direction: column !important;
align-items: stretch !important;
gap: 10px !important;
}
.mpwem_registration_area .date-time-area>label,
.mpwem_registration_area .date-time-area>.mpwem_time_area {
width: 100% !important;
flex: 0 0 100% !important;
}
.mpwem_registration_area .date-time-area>label,
.mpwem_registration_area .date-time-area .mpwem_time_area label {
flex-wrap: wrap !important;
gap: 6px !important;
width: 100% !important;
}
.mpwem_registration_area .date-time-area>label .formControl,
.mpwem_registration_area .date-time-area>label input#mpwem_date_time,
.mpwem_registration_area .date-time-area .mpwem_time_area select.formControl {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
.mpwem_registration_area .date-time-area .mpwem_time_area .select2,
.mpwem_registration_area .date-time-area .mpwem_time_area .select2-container,
.mpwem_registration_area .date-time-area .mpwem_time_area span.select2-container.select2,
.mpwem_registration_area .date-time-area .mpwem_time_area span.select2-container.select2 span.select2-selection {
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
}
.mpwem_registration_area .date-time-area>label i,
.mpwem_registration_area .date-time-area .mpwem_time_area label i {
position: static !important;
transform: none !important;
}
} @media (prefers-color-scheme: dark) {
.mep-low-stock-warning {
background: linear-gradient(135deg, #D32F2F, #C62828);
box-shadow: 0 2px 4px rgba(211, 47, 47, 0.3);
}
.mep-limited-availability-ribbon {
background: linear-gradient(135deg, #F57C00, #EF6C00);
box-shadow: 0 1px 3px rgba(245, 124, 0, 0.3);
}
} @media (prefers-contrast) {
.mep-low-stock-warning,
.mep-limited-availability-ribbon {
border: 2px solid #FFFFFF;
}
} @media (prefers-reduced-motion: reduce) {
.mep-low-stock-warning,
.mep-limited-availability-ribbon {
animation: none;
}
.mep-low-stock-warning::before,
.mep-limited-availability-ribbon::before {
animation: none;
}
}
.mpwem_registration_area .date-time-area .formControl {
min-width: min(75px, 100%);
z-index: 1;
}
.mpwem_registration_area .date-time-area>label::after {
z-index: 0;
}
.woocommerce-order-details ul.wc-item-meta li>p {
padding: 0px !important;
}
.mpwem_registration_area .date-time-area label {
width: max-content;
}
.mpTabs.kera_ticket_area {
margin-top: 20px;
}
.mpTabs.kera_ticket_area .mpwem_ticket_type {
padding: 15px;
}
div.mpwem_style .kera_ticket_area [data-tabs-target].active {
background-color: #fff !important;
}
div.category-item {
display: flex;
flex-direction: column;
}
div.category-item div.category-title {
text-align: center;
padding: 10px;
border-radius: 10px 10px 0 0;
color: white;
font-size: 20px;
margin: 0;
}
div.mpwem_style .kera_ticket_area [data-tabs-target] {
margin: 0 15px 0 0;
border-radius: 10px;
border: 1px solid var(--color_theme);
align-items: inherit !important;
}
div.mpwem_style .kera_ticket_area [data-tabs-target].active div.category-item div.category-title {
background-color: var(--color_theme);
color: var(--color_theme_alter);
}
div.mpwem_style .kera_ticket_area [data-tabs-target] div.category-item div.category-content {
padding: 20px;
}
div.mpwem_style .kera_ticket_area [data-tabs-target] div.category-item div.category-title {
background-color: #ab93b1;
color: #fff;
}
button.mep_event_list_all {
all: unset;
font-size: .875rem;
line-height: 1.25rem;
font-weight: 600;
display: flex;
justify-content: center;
align-items: flex-start;
padding-bottom: 12px;
border-bottom: 2px solid transparent;
color: #6f7287;
}
button.mep_event_list_all:hover {
border-bottom: 2px solid #1e0a3c;
cursor: pointer;
}
button.mep_event_list_all.active {
color: #3659e3;
border-bottom-color: #3659e3;
}
div.mep_event_list_doc_area {
margin: 20px 0;
display: flex;
justify-content: space-between;
}
div.mep_event_list_doc {
display: flex;
gap: 24px;
}
button.mep_event_list_today {
all: unset;
font-size: .875rem;
line-height: 1.25rem;
font-weight: 600;
display: flex;
justify-content: center;
align-items: flex-start;
padding-bottom: 12px;
border-bottom: 2px solid transparent;
color: #6f7287;
}
button.mep_event_list_today:hover {
border-bottom: 2px solid #1e0a3c;
cursor: pointer;
}
button.mep_event_list_today.active {
color: #3659e3;
border-bottom-color: #3659e3;
}
button.mep_event_list_grid {
all: unset;
font-size: .875rem;
line-height: 1.25rem;
font-weight: 600;
display: flex;
justify-content: center;
padding-bottom: 12px;
border-bottom: 2px solid transparent;
color: #6f7287;
align-items: center;
gap: 10px;
margin-right: 10px;
}
button.mep_event_list_grid:hover {
border-color: #3659e3;
cursor: pointer;
}
button.mep_event_list_grid.active {
color: #3659e3;
border-color: #3659e3;
}
button.mep_event_list_list {
all: unset;
font-size: .875rem;
line-height: 1.25rem;
font-weight: 600;
display: flex;
justify-content: center;
padding-bottom: 12px;
border-bottom: 2px solid transparent;
color: #6f7287;
align-items: center;
gap: 10px;
}
button.mep_event_list_list:hover {
border-color: #3659e3;
cursor: pointer;
}
button.mep_event_list_list.active {
color: #3659e3;
border-color: #3659e3;
}
button.mep_event_list_this_week {
all: unset;
font-size: .875rem;
line-height: 1.25rem;
font-weight: 600;
display: flex;
justify-content: center;
align-items: flex-start;
padding-bottom: 12px;
border-bottom: 2px solid transparent;
color: #6f7287;
}
button.mep_event_list_this_week:hover {
border-bottom: 2px solid #1e0a3c;
cursor: pointer;
}
button.mep_event_list_this_week.active {
color: #3659e3;
border-bottom-color: #3659e3;
}
button.mep_event_list_this_month {
all: unset;
font-size: .875rem;
line-height: 1.25rem;
font-weight: 600;
display: flex;
justify-content: center;
align-items: flex-start;
padding-bottom: 12px;
border-bottom: 2px solid transparent;
color: #6f7287;
}
button.mep_event_list_this_month:hover {
border-bottom: 2px solid #1e0a3c;
cursor: pointer;
}
button.mep_event_list_this_month.active {
color: #3659e3;
border-bottom-color: #3659e3;
}
button.mep_event_list_filter_toggle {
all: unset;
font-size: .875rem;
line-height: 1.25rem;
font-weight: 600;
display: flex;
justify-content: center;
padding-bottom: 12px;
border-bottom: 2px solid transparent;
color: #6f7287;
align-items: center;
gap: 10px;
margin-right: 10px;
}
button.mep_event_list_filter_toggle:hover {
border-color: #3659e3;
cursor: pointer;
}
button.mep_event_list_filter_toggle.active {
color: #3659e3;
border-color: #3659e3;
}
button.mep_event_list_calender {
all: unset;
font-size: .875rem;
line-height: 1.25rem;
font-weight: 600;
display: flex;
justify-content: center;
padding-bottom: 12px;
border-bottom: 2px solid transparent;
color: #6f7287;
align-items: center;
gap: 10px;
}
button.mep_event_list_calender:hover {
border-bottom: 2px solid #1e0a3c;
cursor: pointer;
}
button.mep_event_list_calender.active {
color: #3659e3;
border-bottom-color: #3659e3;
}
.mep_event_filter_panel {
display: none;
background: #fff;
border: 1px solid #E2E2E2;
border-radius: 12px;
padding: 16px 20px;
margin: 0 20px 20px 20px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
#mage-container.mage .mep_filter_grid,
.mep_filter_grid {
display: flex !important;
flex-wrap: nowrap !important;
align-items: flex-end !important;
gap: 12px;
}
#mage-container.mage .mep_filter_grid>label,
.mep_filter_grid>label {
display: flex !important;
flex-direction: column !important;
gap: 6px;
font-size: .7rem;
font-weight: 600;
color: #1e0a3c;
text-transform: uppercase;
letter-spacing: 0.5px;
flex: 1 1 0 !important;
min-width: 0;
position: static;
}
#mage-container.mage .mep_filter_grid>label>input.formControl,
#mage-container.mage .mep_filter_grid>label>select.formControl,
.mep_filter_grid>label>input.formControl,
.mep_filter_grid>label>select.formControl {
display: block !important;
padding: 10px 12px !important;
border: 1px solid #D2D2D2 !important;
border-radius: 8px !important;
font-size: .875rem !important;
color: #434652 !important;
background: #fff !important;
width: 100% !important;
box-sizing: border-box !important;
height: 42px !important;
box-shadow: none !important;
margin: 0 !important;
min-width: 0 !important;
max-width: 100% !important;
}
.mep_filter_grid>label>input.formControl:focus,
.mep_filter_grid>label>select.formControl:focus {
outline: none;
border-color: #3659e3;
}
.mep_filter_actions {
display: flex;
align-items: flex-end;
flex: 0 0 auto;
padding-bottom: 0;
}
.mep_event_filter_clear {
all: unset;
cursor: pointer;
font-size: .875rem;
font-weight: 600;
background-color: #3659e3;
color: #fff;
padding: 10px 16px;
border-radius: 8px;
transition: background 150ms ease;
white-space: nowrap;
height: auto;
display: flex;
align-items: center;
gap: 6px;
}
.mep_event_filter_clear:hover {
background-color: #3659e3;
color: #fff;
}
.mep_event_filter_clear:before {
content: "\00d7";
font-size: 1.2rem;
line-height: 1;
}
.loader-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(2px); display: none; justify-content: center;
align-items: center;
z-index: 99999;
transition: opacity 0.7s ease;
margin: 0 !important;
max-width: 100vw !important;
} .modern-spinner {
position: relative;
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.modern-spinner span {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 4px solid transparent;
border-top-color: #6366f1; animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
} .modern-spinner span:nth-child(1) {
animation-delay: -0.45s;
}
.modern-spinner span:nth-child(2) {
animation-delay: -0.3s;
}
.modern-spinner span:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .loader-overlay.active {
display: flex;
}
div.mep_event_filter_panel {
position: relative;
}
button.mep_event_filter_close {
position: absolute;
top: 0;
right: 0;
padding: 5px;
background-color: transparent;
color: #bbb;
box-shadow: none;
}
div.no_event_found {
display: none;
}
div.list_calender {
display: contents;
margin: 0;
padding: 0;
border: none;
}
div.list_calender .mpwem_calender_area {
border: none;
padding: 0;
position: relative;
}
div.list_calender .mpwem_calender_area [data-collapse].mActive {
position: absolute;
left: 0;
right: 0;
z-index: 111111;
}
.es-top-line {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 18px;
animation: fadeDown 0.6s ease both;
}
.es-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #e63946;
animation: blink 1s ease-in-out infinite;
}
.es-tag {
font-family: 'DM Sans', sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 3.5px;
text-transform: uppercase;
color: #e63946;
}
div.mpwem_registration_area.kera_class {
background-color: #f7f9fb;
padding: 15px;
}
div.mpwem_registration_area.kera_class .date-time-header {
background-color: transparent;
border: none;
box-shadow: none;
color: #222;
padding: 0 0 10px 0 !important;
}
div.mpwem_registration_area.kera_class .ticket-title {
color: #222;
font-size: 20px !important;
text-align: left !important;
font-weight: 600;
}
div.mpwem_registration_area.kera_class .tabsContent {
padding: 0 !important;
}
div.mpwem_registration_area.kera_class .tabsContent .tabsItem {}
div.mpwem_registration_area.kera_class .tabsContent .data-label {
padding: 15px;
border-bottom: 1px solid #ddd;
background: linear-gradient(135deg, var(--color_theme), var(--color_theme));
color: #fff;
font-weight: 600;
}
div.mpwem_registration_area.kera_class .tabsContent .mpwem_ticket_type {
box-shadow: none;
}
div.mpwem_style .kera_ticket_area [data-tabs-target].active div.category-item div.category-title {
background: linear-gradient(135deg, var(--color_theme), var(--color_theme));
}
div.mpwem_style .kera_ticket_area [data-tabs-target].active {
border: 2px solid var(--color_theme);
}
div.mpwem_style .kera_ticket_area [data-tabs-target] {
padding: 0;
}
.mep-events-wrapper div.xtra-item-left {
display: flex;
color: #4a90e2;
}
.mep-events-wrapper div.xtra-item-left i {
margin-right: 10px;
}
div.mpwem_registration_area.kera_class .price_content {
display: flex;
align-items: center;
}
div.mpwem_registration_area.kera_class .price_content h6 {
color: #4a90e2;
margin-right: 20px;
}
div.mpwem_registration_area.kera_class .mep_ticket_item p {
margin-bottom: 10px;
}
div.mpwem_registration_area.kera_class .mep_ticket_item h6 {
font-size: 16px;
font-weight: normal;
}
div.mpwem_registration_area.kera_class .mep_ticket_item .ticket-price {
font-size: 18px;
font-weight: 600;
color: #2B3A55;
text-align: right;
flex: 0 0 20%;
}
div.mpwem_registration_area.kera_class .mep_ticket_item .ticket-data {
display: flex;
justify-content: space-between;
align-items: center;
}
div.mpwem_registration_area.kera_class .mep_ticket_item .ticket-info {
flex: 0 0 48%;
}
div.mpwem_registration_area.kera_class .mep_ticket_item .qtyIncDec {
max-width: 120px;
border: 2px solid #ddd;
border-radius: 10px;
}
div.mpwem_registration_area.kera_class .mep_ticket_item .qtyIncDec .decQty {
border-right: 2px solid #ddd;
border-radius: 10px 0 0 10px;
background-color: #fff;
color: #4a90e2;
}
div.mpwem_registration_area.kera_class .mep_ticket_item .qtyIncDec .incQty {
border-left: 2px solid #ddd;
border-radius: 0 10px 10px 0;
background-color: #fff;
color: #4a90e2;
}
div.mpwem_registration_area.kera_class .mep_ticket_item .qtyIncDec .inputIncDec {
margin: 0;
border-radius: 0;
width: 100%;
background-color: #fff;
} .mep-ticket-mode-badge {
display: inline-block;
vertical-align: middle;
font-size: 11px;
font-weight: 600;
line-height: 1;
padding: 3px 8px;
border-radius: 20px;
margin-left: 6px;
white-space: nowrap;
letter-spacing: 0.02em;
}
.mep-ticket-mode-badge--inperson {
background-color: #ecfdf5;
color: #059669;
border: 1px solid #6ee7b7;
}
.mep-ticket-mode-badge--online {
background-color: #eff6ff;
color: #2563eb;
border: 1px solid #bfdbfe;
} .mpwem_booking_panel.mep-rsvp-container {
background: #ffffff;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
overflow: hidden;
margin-bottom: 20px;
}
.mep-rsvp-container h3 {
background: var(--color_theme, #0073aa);
color: var(--color_7, #ffffff);
margin: 0;
padding: 18px 24px;
font-size: 18px;
font-weight: normal;
line-height: 1.4;
}
#mep-rsvp-form {
padding: 20px 24px 24px;
}
.mep-rsvp-fields {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 20px;
}
.mep-rsvp-field {
display: flex;
flex-direction: column;
gap: 6px;
}
.mep-rsvp-field label {
font-size: 13px;
font-weight: 600;
color: #374151;
margin: 0;
}
.mep-rsvp-field label span {
color: #e53e3e;
margin-left: 2px;
}
.mep-rsvp-field input[type="text"],
.mep-rsvp-field input[type="email"],
.mep-rsvp-field input[type="number"] {
width: 100%;
padding: 10px 14px;
border: 1px solid #d1d5db;
border-radius: 8px;
font-size: 14px;
color: #1f2937;
background: #f9fafb;
box-sizing: border-box;
transition: border-color 0.15s, box-shadow 0.15s;
outline: none;
}
.mep-rsvp-field input[type="text"]:focus,
.mep-rsvp-field input[type="email"]:focus,
.mep-rsvp-field input[type="number"]:focus {
border-color: var(--color_theme, #0073aa);
background: #ffffff;
box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.12);
}
.mep-rsvp-message {
display: none;
font-size: 14px;
border-radius: 8px;
padding: 12px 16px;
margin-bottom: 16px;
line-height: 1.5;
}
.mep-rsvp-message.success {
background: #ecfdf5;
color: #065f46;
border: 1px solid #a7f3d0;
}
.mep-rsvp-message.error {
background: #fef2f2;
color: #991b1b;
border: 1px solid #fca5a5;
}
#mep-rsvp-form .mep-rsvp-submit-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
position: relative !important;
overflow: hidden !important;
width: auto !important;
min-width: 180px !important;
padding: 13px 38px !important;
background: var(--color_theme, #0073aa) !important;
color: #ffffff !important;
border: none !important;
border-radius: 50px !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
cursor: pointer !important;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2) !important;
transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease !important;
text-decoration: none !important;
line-height: 1 !important;
}
#mep-rsvp-form .mep-rsvp-submit-btn::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
flex-shrink: 0;
}
#mep-rsvp-form .mep-rsvp-submit-btn::after {
content: '';
position: absolute;
inset: 0;
background: rgba(255, 255, 255, 0);
transition: background 0.22s ease;
border-radius: inherit;
}
#mep-rsvp-form .mep-rsvp-submit-btn:hover {
transform: translateY(-2px) scale(1.04) !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
filter: brightness(1.1) !important;
}
#mep-rsvp-form .mep-rsvp-submit-btn:hover::after {
background: rgba(255, 255, 255, 0.12);
}
#mep-rsvp-form .mep-rsvp-submit-btn:active {
transform: translateY(0) scale(0.97) !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18) !important;
filter: brightness(0.95) !important;
}
#mep-rsvp-form .mep-rsvp-submit-btn:focus-visible {
outline: 3px solid var(--color_theme, #0073aa) !important;
outline-offset: 3px !important;
}
#mep-rsvp-form .mep-rsvp-submit-btn:disabled {
opacity: 0.55 !important;
cursor: not-allowed !important;
transform: none !important;
box-shadow: none !important;
filter: none !important;
}
@media (max-width: 600px) {
.mep-rsvp-fields {
grid-template-columns: 1fr;
}
}