.mpwem_style h1,
.mpwem_style h2,
.mpwem_style h3,
.mpwem_style h4,
.mpwem_style h5,
.mpwem_style h6 {
color: #333;
}
.reg_close_msg {
--mep-notice-accent: #c2410c;
--mep-notice-ink: #1c1917;
--mep-notice-muted: #57534e;
--mep-notice-border: #e7e5e4;
display: flex;
align-items: center;
gap: 12px;
margin: 16px 0;
padding: 16px 18px;
border: 1px solid var(--mep-notice-border);
border-radius: 14px;
background:
linear-gradient(90deg, color-mix(in srgb, var(--mep-notice-accent) 14%, transparent) 0 4px, transparent 4px),
linear-gradient(180deg, #fff7ed, #ffffff);
color: var(--mep-notice-ink);
font-size: 15px;
font-weight: 500;
line-height: 1.55;
box-shadow: 0 8px 22px rgba(28, 25, 23, 0.06);
animation: mpwemNoticeIn 0.45s ease;
}
.mpwem_date_expired_msg,
.mpwem_date_expired_msg._margin_zero_text_center {
--mep-notice-accent: #b45309;
--mep-notice-ink: #1c1917;
--mep-notice-muted: #57534e;
--mep-notice-border: #e7e5e4;
--mep-notice-soft: #fffbeb;
display: block;
width: 100%;
margin: 16px 0 0;
padding: 0;
border: 0;
border-left: 0;
background: transparent;
box-shadow: none;
text-align: left;
animation: mpwemNoticeIn 0.45s ease;
}
.mpwem_date_expired_msg__inner {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 18px;
border: 1px solid var(--mep-notice-border);
border-radius: 16px;
background: linear-gradient(165deg, var(--mep-notice-soft), #ffffff 55%);
box-shadow: 0 10px 28px rgba(28, 25, 23, 0.06);
}
.mpwem_date_expired_msg__icon {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 12px;
background: color-mix(in srgb, var(--mep-notice-accent) 12%, #fff);
color: var(--mep-notice-accent);
font-size: 18px;
line-height: 1;
}
.mpwem_date_expired_msg__body {
min-width: 0;
flex: 1 1 auto;
}
.mpwem_date_expired_msg__title,
.mpwem_date_expired_msg ._text_theme {
display: block;
margin: 0 0 4px;
color: var(--mep-notice-ink);
font-size: 16px;
font-weight: 700;
line-height: 1.35;
letter-spacing: -0.01em;
}
.mpwem_date_expired_msg__text {
margin: 0;
color: var(--mep-notice-muted);
font-size: 14px;
font-weight: 500;
line-height: 1.6;
}
.mpwem_date_expired_msg__meta {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 12px;
padding: 7px 12px;
border-radius: 999px;
background: #ffffff;
border: 1px solid color-mix(in srgb, var(--mep-notice-accent) 22%, var(--mep-notice-border));
color: var(--mep-notice-ink);
font-size: 13px;
font-weight: 600;
line-height: 1.3;
}
.mpwem_date_expired_msg__meta i {
color: var(--mep-notice-accent);
}
.default_theme .mpwem_date_expired_msg,
.mep_smart_theme .mpwem_date_expired_msg,
.horizon_theme .mpwem_date_expired_msg,
.mep_virtual_theme .mpwem_date_expired_msg,
.virtual_theme .mpwem_date_expired_msg {
margin-top: 12px;
}
@keyframes mpwemNoticeIn {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 640px) {
.mpwem_date_expired_msg__inner {
gap: 12px;
padding: 16px;
}
.mpwem_date_expired_msg__icon {
width: 40px;
height: 40px;
border-radius: 10px;
font-size: 16px;
}
.mpwem_date_expired_msg__title,
.mpwem_date_expired_msg ._text_theme {
font-size: 15px;
}
}
div.mpwem_related_area.on_load_off {
overflow: hidden;
opacity: 0.55;
filter: blur(2px);
pointer-events: none;
}
.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: 24px;
font-weight: 700;
line-height: 1.25;
color: #1a1a1f;
letter-spacing: -0.02em;
}
div.mpwem_related_area .related_title {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
padding: 0;
background: transparent;
border-radius: 0;
margin: 0 0 20px;
}
div.mpwem_related_area .related_title_sub {
display: block;
margin: 6px 0 0;
padding: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: #6b6b76;
}
.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%;
}
.mpwem_style.mpwem_wrapper.mep-events-wrapper.wrapper {
padding-top: 0;
}
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;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
.mep-default-content {
width: calc(100% - 300px);
padding: 0 20px 0 0;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .content_area {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
gap: 28px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mep-default-content {
flex: 1 1 0%;
width: auto;
padding: 0;
min-width: 0;
max-width: 100%;
}
.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;
} .default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_title_block {
--mep-title-ink: #111827;
--mep-title-muted: #6b7280;
--mep-title-line: #e5e7eb;
--mep-title-accent: var(--color_theme, #2563eb);
display: block;
margin: 0 0 0px;
padding: 0 0 18px;
border-bottom: 1px solid var(--mep-title-line);
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_title_block .mpwem_tile,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) h1.mpwem_tile {
margin: 0;
padding: 0;
color: var(--mep-title-ink);
font-size: clamp(1.75rem, 1.35rem + 1.6vw, 2.5rem);
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.15;
text-wrap: balance;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_title_block .mpwem_tile::after {
content: "";
display: block;
width: 40px;
height: 3px;
margin-top: 14px;
border-radius: 999px;
background: var(--mep-title-accent);
}
@media (max-width: 640px) {
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_title_block {
margin-bottom: 0;
padding-bottom: 14px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_title_block .mpwem_tile,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) h1.mpwem_tile {
font-size: clamp(1.5rem, 5.5vw, 1.9rem);
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_title_block .mpwem_tile::after {
width: 32px;
margin-top: 12px;
}
}
div.mpwem_details {
margin: var(--dmp) 0 0 0;
}
.mep_smart_theme div.mpwem_details {
margin-top: 0;
}
.default_theme:not(.mep_smart_theme) .mpwem_details > h2,
.default_theme:not(.mep_smart_theme) .mpwem_details > h2._mb {
margin: 0 0 14px !important;
padding: 0 !important;
font-size: 1.45rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
color: #1a1a1f !important;
letter-spacing: -0.02em;
background: transparent !important;
border: 0 !important;
text-transform: none;
}
div.mpwem_details_content,
div.mpwem_details_content.mp_wp_editor {
text-align: justify;
}
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;
text-align: justify;
}
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;
} .default_theme:not(.mep_smart_theme) .date_time_location_short {
--mep-meta-radius: 14px;
--mep-meta-border: #e6e8ee;
--mep-meta-bg: #fff;
--mep-meta-text: #1a1a1f;
--mep-meta-muted: #6b6b76;
--mep-meta-soft: #f5f6f8;
--mep-meta-accent: var(--color_theme, #2563eb);
--mep-meta-shadow: 0 2px 8px rgba(26, 26, 31, 0.05);
--mep-meta-shadow-hover: 0 10px 24px rgba(26, 26, 31, 0.08);
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin: 22px 0 0;
padding: 0;
}
.default_theme:not(.mep_smart_theme) .date_time_location_short .short_item {
width: auto;
max-width: none;
display: flex;
align-items: center;
gap: 14px;
padding: 16px 18px;
margin: 0;
background: var(--mep-meta-bg);
border: 1px solid var(--mep-meta-border);
border-radius: var(--mep-meta-radius);
box-shadow: var(--mep-meta-shadow);
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.default_theme:not(.mep_smart_theme) .date_time_location_short .short_item:hover {
border-color: color-mix(in srgb, var(--mep-meta-accent) 28%, var(--mep-meta-border));
box-shadow: var(--mep-meta-shadow-hover);
transform: translateY(-2px);
}
.default_theme:not(.mep_smart_theme) .date_time_location_short .short_item h4,
.default_theme:not(.mep_smart_theme) .date_time_location_short .short_item h4.__icon_circle_mr {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
min-width: 44px;
margin: 0;
padding: 0;
font-size: 17px;
line-height: 1;
border-radius: 12px;
border: 1px solid color-mix(in srgb, var(--mep-meta-accent) 22%, var(--mep-meta-border));
background: color-mix(in srgb, var(--mep-meta-accent) 10%, #fff) !important;
color: var(--mep-meta-accent) !important;
box-shadow: 0 6px 14px color-mix(in srgb, var(--mep-meta-accent) 12%, transparent);
}
.default_theme:not(.mep_smart_theme) .date_time_location_short .short_item h4 span {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.default_theme:not(.mep_smart_theme) .date_time_location_short .short_item ._fdColumn {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
flex: 1;
}
.default_theme:not(.mep_smart_theme) .date_time_location_short .short_item h6 {
margin: 0 !important;
padding: 0 !important;
font-size: 11px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
letter-spacing: 0.06em;
text-transform: uppercase !important;
color: var(--mep-meta-muted) !important;
}
.default_theme:not(.mep_smart_theme) .date_time_location_short .short_item p {
margin: 0 !important;
padding: 0 !important;
font-size: 15px;
font-weight: 600;
line-height: 1.35;
color: var(--mep-meta-text);
word-break: break-word;
}
@media only screen and (max-width: 1199px) {
.default_theme:not(.mep_smart_theme) .date_time_location_short {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.default_theme:not(.mep_smart_theme) .date_time_location_short .short_item:last-child:nth-child(odd) {
grid-column: 1 / -1;
}
}
@media only screen and (max-width: 767px) {
.default_theme:not(.mep_smart_theme) .date_time_location_short {
grid-template-columns: 1fr;
gap: 10px;
margin-top: 16px;
}
.default_theme:not(.mep_smart_theme) .date_time_location_short .short_item {
padding: 14px 16px;
}
.default_theme:not(.mep_smart_theme) .date_time_location_short .short_item:last-child:nth-child(odd) {
grid-column: auto;
}
}
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 {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 10px 16px;
align-items: start;
padding: 10px;
margin: 5px 0;
background-color: #ECECEC;
border-radius: 12px;
}
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item.mep-form--cols-2,
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item:has(> .mp_form_item:nth-of-type(5)) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item > h6 {
grid-column: 1 / -1;
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 {
min-width: 0;
margin: 0;
}
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item.mep-form--cols-2 > .mp_form_item:has(textarea),
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item:has(> .mp_form_item:nth-of-type(5)) > .mp_form_item:has(textarea),
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item.mep-form--cols-2 > .mp_form_item:has(select[multiple]),
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item:has(> .mp_form_item:nth-of-type(5)) > .mp_form_item:has(select[multiple]),
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item.mep-form--cols-2 > .mp_form_item.mep_checkbox_item,
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item:has(> .mp_form_item:nth-of-type(5)) > .mp_form_item.mep_checkbox_item,
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item.mep-form--cols-2 > .mp_form_item.mep_radio_item,
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item:has(> .mp_form_item:nth-of-type(5)) > .mp_form_item.mep_radio_item,
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item.mep-form--cols-2 > .mp_form_item.mep_file_item,
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item:has(> .mp_form_item:nth-of-type(5)) > .mp_form_item.mep_file_item {
grid-column: 1 / -1;
}
@media (max-width: 640px) {
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item.mep-form--cols-2,
.mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item:has(> .mp_form_item:nth-of-type(5)) {
grid-template-columns: minmax(0, 1fr);
}
}
.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 .mpwem_form_submit_area {
margin: 16px 0 0 !important;
padding: 16px !important;
border-top: 1px solid #eef2f7 !important;
border-radius: 0 0 16px 16px !important;
background: linear-gradient(180deg, #f8fafc 0%, #fff 100%) !important;
box-shadow: none !important;
}
.mep_smart_theme .mpwem_form_submit_area .term_condition_area {
margin: 0 0 12px !important;
padding: 0 !important;
font-size: 12px;
line-height: 1.5;
color: #6b7280;
}
.mep_smart_theme .mpwem_form_submit_area .term_condition_area a {
color: var(--color_theme, #2563eb) !important;
font-weight: 600 !important;
text-decoration: none !important;
}
.mep_smart_theme .mpwem_form_submit_area .mpwem_summery {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
width: 100% !important;
}
.mep_smart_theme .mpwem_form_submit_area .total {
display: inline-flex !important;
align-items: baseline !important;
justify-content: flex-start !important;
flex: 1 1 auto !important;
gap: 8px !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.01em;
color: #6b7280 !important;
line-height: 1.2 !important;
white-space: nowrap;
}
.mep_smart_theme .mpwem_form_submit_area .total .mpwem_total,
.mep_smart_theme .mpwem_form_submit_area .total .mpwem_total .amount,
.mep_smart_theme .mpwem_form_submit_area .total .mpwem_total .woocommerce-Price-amount,
.mep_smart_theme .mpwem_form_submit_area .total .mpwem_total bdi {
font-size: 22px !important;
font-weight: 800 !important;
letter-spacing: -0.02em;
line-height: 1.1 !important;
color: #111827 !important;
}
.mep_smart_theme .mpwem_form_submit_area .total .mpwem_total .woocommerce-Price-currencySymbol {
color: var(--color_theme, #2563eb) !important;
font-weight: 800 !important;
}
.mep_smart_theme .mpwem_form_submit_area .mpwem_book_now,
.mep_smart_theme .mpwem_form_submit_area button._button_theme.mpwem_book_now,
.mep_smart_theme .mpwem_form_submit_area button[type=submit]._button_theme {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 220px !important;
min-height: 48px !important;
margin: 0 0 0 auto !important;
padding: 12px 20px !important;
border: 1px solid var(--color_theme, #2563eb) !important;
border-radius: 12px !important;
background: var(--color_theme, #2563eb) !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 0.01em;
box-shadow: 0 10px 22px color-mix(in srgb, var(--color_theme, #2563eb) 26%, transparent) !important;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}
.mep_smart_theme .mpwem_form_submit_area .mpwem_book_now i,
.mep_smart_theme .mpwem_form_submit_area button._button_theme.mpwem_book_now i {
margin: 0 !important;
color: inherit !important;
font-size: 15px !important;
line-height: 1 !important;
}
.mep_smart_theme .mpwem_form_submit_area .mpwem_book_now:hover:not([disabled]),
.mep_smart_theme .mpwem_form_submit_area button._button_theme.mpwem_book_now:hover:not([disabled]),
.mep_smart_theme .mpwem_form_submit_area button[type=submit]._button_theme:hover:not([disabled]) {
background: color-mix(in srgb, var(--color_theme, #2563eb) 88%, #000) !important;
border-color: color-mix(in srgb, var(--color_theme, #2563eb) 88%, #000) !important;
color: #fff !important;
transform: translateY(-1px);
box-shadow: 0 16px 30px color-mix(in srgb, var(--color_theme, #2563eb) 34%, transparent) !important;
filter: none;
}
.mep_smart_theme .mpwem_form_submit_area .mpwem_book_now[disabled],
.mep_smart_theme .mpwem_form_submit_area button._button_theme.mpwem_book_now[disabled],
.mep_smart_theme .mpwem_form_submit_area button[type=submit]._button_theme[disabled] {
opacity: 0.45 !important;
cursor: not-allowed !important;
transform: none !important;
box-shadow: none !important;
filter: grayscale(0.15);
} .mep_smart_theme #mep-native-checkout-modal {
--mep-accent: var(--color_theme, #2563eb);
--mep-accent-2: color-mix(in srgb, var(--color_theme, #2563eb) 72%, #7c3aed);
--mep-accent-soft: color-mix(in srgb, var(--color_theme, #2563eb) 10%, #fff);
--mep-ink: #111827;
--mep-ink-soft: #4b5563;
--mep-muted: #9ca3af;
--mep-line: #e8edf5;
--mep-bg-soft: #f8fafc;
--mep-radius: 14px;
}
.mep_smart_theme #mep-native-checkout-modal .mep-native-modal-box {
border-radius: 18px;
box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
}
.mep_smart_theme #mep-native-checkout-modal .mep-native-modal-header {
background: linear-gradient(180deg, color-mix(in srgb, var(--color_theme, #2563eb) 8%, #fff), #fff);
border-bottom: 1px solid #eef2f7;
}
.mep_smart_theme #mep-native-checkout-modal .mep-native-modal-title {
font-size: 20px;
letter-spacing: -0.02em;
}
.mep_smart_theme #mep-native-checkout-modal .mep-native-primary-btn {
border-radius: 12px !important;
background: var(--color_theme, #2563eb) !important;
box-shadow: 0 12px 26px color-mix(in srgb, var(--color_theme, #2563eb) 28%, transparent) !important;
}
.mep_smart_theme #mep-native-checkout-modal .mep-native-primary-btn:hover {
background: color-mix(in srgb, var(--color_theme, #2563eb) 88%, #000) !important;
filter: none;
}
@media (max-width: 640px) {
.mep_smart_theme .mpwem_form_submit_area {
padding: 14px !important;
}
.mep_smart_theme .mpwem_form_submit_area .mpwem_summery {
flex-wrap: wrap !important;
gap: 12px !important;
}
.mep_smart_theme .mpwem_form_submit_area .total {
flex: 1 1 100% !important;
white-space: normal;
}
.mep_smart_theme .mpwem_form_submit_area .total .mpwem_total,
.mep_smart_theme .mpwem_form_submit_area .total .mpwem_total .amount,
.mep_smart_theme .mpwem_form_submit_area .total .mpwem_total .woocommerce-Price-amount {
font-size: 20px !important;
}
.mep_smart_theme .mpwem_form_submit_area .mpwem_book_now,
.mep_smart_theme .mpwem_form_submit_area button._button_theme.mpwem_book_now,
.mep_smart_theme .mpwem_form_submit_area button[type=submit]._button_theme {
width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
min-height: 48px !important;
font-size: 13px !important;
}
}
.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);
} .default_theme:not(.mep_smart_theme) .mpwem_organizer {
--mep-org-icon-size: 1.15em;
--mep-org-gap: 8px;
}
.default_theme:not(.mep_smart_theme) .mpwem_organizer h5 {
display: flex;
align-items: center;
gap: var(--mep-org-gap);
margin: 0 0 6px;
line-height: 1.35;
}
.default_theme:not(.mep_smart_theme) .mpwem_organizer h5 .mi {
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--mep-org-icon-size);
min-width: var(--mep-org-icon-size);
flex-shrink: 0;
line-height: 1;
}
.default_theme:not(.mep_smart_theme) .mpwem_organizer_item {
margin: 0;
padding-left: calc(var(--mep-org-icon-size) + var(--mep-org-gap));
line-height: 1.35;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 8px;
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
.default_theme:not(.mep_smart_theme) .mpwem_organizer_item a {
display: inline;
max-width: 100%;
}
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;
} .default_theme:not(.mep_smart_theme) .mpwem_timeline_area {
--mep-tl-radius: 12px;
--mep-tl-border: #e6e8ee;
--mep-tl-bg: #fff;
--mep-tl-text: #1a1a1f;
--mep-tl-muted: #6b6b76;
--mep-tl-soft: #f5f6f8;
--mep-tl-accent: var(--color_theme, #2563eb);
--mep-tl-accent-text: var(--color_theme_alter, #fff);
--mep-tl-shadow: 0 2px 8px rgba(26, 26, 31, 0.05);
--mep-tl-shadow-hover: 0 10px 24px rgba(26, 26, 31, 0.08);
margin: 40px 0 0;
background: transparent;
border: 0;
border-radius: 0;
overflow: visible;
box-shadow: none;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_section_header {
background: transparent !important;
padding: 0 0 6px !important;
margin: 0 0 4px !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_section_header h2 {
margin: 0 !important;
padding: 0 !important;
font-size: 1.45rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
color: var(--mep-tl-text) !important;
letter-spacing: -0.02em;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_body {
padding: 14px 0 0 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_area {
display: flex;
flex-direction: column;
gap: 12px;
position: relative;
padding-left: 0;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_area::before {
display: none !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_item {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
gap: 12px;
align-items: start;
padding: 0 !important;
position: relative;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_item:not(:last-child)::before {
content: '';
position: absolute;
left: 19px;
top: 40px;
bottom: -12px;
width: 2px;
background: linear-gradient(
180deg,
color-mix(in srgb, var(--mep-tl-accent) 45%, var(--mep-tl-border)),
color-mix(in srgb, var(--mep-tl-accent) 12%, var(--mep-tl-soft))
);
border-radius: 2px;
z-index: 0;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_item .timeline_counter {
position: relative !important;
left: auto !important;
top: auto !important;
width: 40px !important;
height: 40px !important;
margin: 0;
border: 2px solid color-mix(in srgb, var(--mep-tl-accent) 24%, var(--mep-tl-border));
border-radius: 10px !important;
background: color-mix(in srgb, var(--mep-tl-accent) 10%, #fff) !important;
color: var(--mep-tl-accent) !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1;
box-shadow: 0 6px 16px color-mix(in srgb, var(--mep-tl-accent) 14%, transparent);
z-index: 2;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_item:has(.mp_wp_editor.mActive) .timeline_counter {
background: var(--mep-tl-accent) !important;
border-color: var(--mep-tl-accent) !important;
color: var(--mep-tl-accent-text) !important;
box-shadow: 0 10px 22px color-mix(in srgb, var(--mep-tl-accent) 28%, transparent);
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_content {
min-width: 0;
background: var(--mep-tl-bg) !important;
border: 1px solid var(--mep-tl-border) !important;
border-radius: var(--mep-tl-radius) !important;
box-shadow: var(--mep-tl-shadow) !important;
overflow: hidden;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_item:hover .timeline_content {
border-color: color-mix(in srgb, var(--mep-tl-accent) 28%, var(--mep-tl-border)) !important;
box-shadow: var(--mep-tl-shadow-hover) !important;
transform: translateY(-1px);
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_item:has(.mp_wp_editor.mActive) .timeline_content {
border-color: color-mix(in srgb, var(--mep-tl-accent) 40%, var(--mep-tl-border)) !important;
box-shadow: 0 12px 28px color-mix(in srgb, var(--mep-tl-accent) 14%, transparent) !important;
transform: none;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_header {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 14px 16px !important;
margin: 0;
cursor: pointer;
user-select: none;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_tag {
display: block !important;
flex: 1 1 auto;
min-width: 0;
padding: 0 !important;
background: transparent !important;
clip-path: none !important;
filter: none !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_header:hover .timeline_tag {
filter: none !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .tl_title {
display: block !important;
max-width: none !important;
overflow: visible !important;
text-overflow: unset !important;
white-space: normal !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
color: var(--mep-tl-text) !important;
text-transform: none !important;
letter-spacing: -0.01em;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_item:has(.mp_wp_editor.mActive) .tl_title {
color: var(--mep-tl-accent) !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_connector {
display: none !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_time {
display: inline-flex !important;
align-items: center;
gap: 6px;
flex-shrink: 0;
margin: 0;
padding: 7px 11px !important;
border: 1px solid color-mix(in srgb, var(--mep-tl-accent) 24%, var(--mep-tl-border)) !important;
border-radius: 10px !important;
background: color-mix(in srgb, var(--mep-tl-accent) 8%, #fff) !important;
color: var(--mep-tl-accent) !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1;
white-space: nowrap;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_item:has(.mp_wp_editor.mActive) .timeline_time {
background: var(--mep-tl-accent) !important;
border-color: var(--mep-tl-accent) !important;
color: var(--mep-tl-accent-text) !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_time i {
font-size: 12px;
line-height: 1;
opacity: 0.9;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_content .mp_wp_editor {
margin: 0 !important;
padding: 0 16px 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--mep-tl-muted);
font-size: 14px;
line-height: 1.7;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_content .mp_wp_editor.mActive {
border-top: 1px solid var(--mep-tl-border) !important;
padding: 14px 16px 16px !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_content .mp_wp_editor p {
margin: 0 0 10px;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_content .mp_wp_editor p:last-child {
margin-bottom: 0;
}
@media (max-width: 640px) {
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area {
margin-top: 28px;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_section_header h2 {
font-size: 1.25rem !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_item {
grid-template-columns: 34px minmax(0, 1fr);
gap: 10px;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_item:not(:last-child)::before {
left: 16px;
top: 34px;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_item .timeline_counter {
width: 34px !important;
height: 34px !important;
border-radius: 8px !important;
font-size: 12px !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_header {
flex-wrap: wrap;
padding: 12px 14px !important;
gap: 10px;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .tl_title {
font-size: 14px !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_content .mp_wp_editor.mActive {
padding: 12px 14px 14px !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_timeline_area .timeline_item:hover .timeline_content {
transform: none;
}
} .mep_smart_theme .mpwem_timeline_area {
margin: 56px 0 0;
background: transparent;
border: 0;
border-radius: 0;
overflow: visible;
box-shadow: none;
}
.mep_smart_theme .mpwem_timeline_area .timeline_section_header {
background: transparent;
padding: 0 0 6px;
margin: 0 0 4px;
}
.mep_smart_theme .mpwem_timeline_area .timeline_section_header h2 {
margin: 0 !important;
padding: 0 !important;
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
color: #111827 !important;
letter-spacing: -0.02em;
}
.mep_smart_theme .mpwem_timeline_area .timeline_body {
padding: 14px 0 0;
}
.mep_smart_theme .mpwem_timeline_area .timeline_area {
display: flex;
flex-direction: column;
gap: 12px;
position: relative;
padding-left: 0;
}
.mep_smart_theme .mpwem_timeline_area .timeline_area::before {
display: none;
}
.mep_smart_theme .mpwem_timeline_area .timeline_item {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
gap: 12px;
align-items: start;
padding: 0;
position: relative;
}
.mep_smart_theme .mpwem_timeline_area .timeline_item:not(:last-child)::before {
content: '';
position: absolute;
left: 19px;
top: 40px;
bottom: -12px;
width: 2px;
background: linear-gradient(
180deg,
color-mix(in srgb, var(--color_theme, #2563eb) 45%, #e8edf5),
color-mix(in srgb, var(--color_theme, #2563eb) 12%, #eef2f7)
);
border-radius: 2px;
z-index: 0;
}
.mep_smart_theme .mpwem_timeline_area .timeline_item .timeline_counter {
position: relative;
left: auto;
top: auto;
width: 40px;
height: 40px;
margin: 0;
border: 2px solid color-mix(in srgb, var(--color_theme, #2563eb) 22%, #e8edf5);
border-radius: 12px;
background: color-mix(in srgb, var(--color_theme, #2563eb) 10%, #fff);
color: var(--color_theme, #2563eb);
font-size: 13px;
font-weight: 800;
line-height: 1;
box-shadow: 0 8px 18px color-mix(in srgb, var(--color_theme, #2563eb) 12%, transparent);
z-index: 2;
}
.mep_smart_theme .mpwem_timeline_area .timeline_item:has(.mp_wp_editor.mActive) .timeline_counter {
background: var(--color_theme, #2563eb);
border-color: var(--color_theme, #2563eb);
color: #fff;
box-shadow: 0 12px 24px color-mix(in srgb, var(--color_theme, #2563eb) 28%, transparent);
}
.mep_smart_theme .mpwem_timeline_area .timeline_content {
min-width: 0;
background: #fff;
border: 1px solid #e8edf5;
border-radius: 16px;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
overflow: hidden;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.mep_smart_theme .mpwem_timeline_area .timeline_item:hover .timeline_content {
border-color: #d7e0ef;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
transform: translateY(-1px);
}
.mep_smart_theme .mpwem_timeline_area .timeline_item:has(.mp_wp_editor.mActive) .timeline_content {
border-color: color-mix(in srgb, var(--color_theme, #2563eb) 35%, #e8edf5);
box-shadow: 0 14px 32px color-mix(in srgb, var(--color_theme, #2563eb) 16%, transparent);
transform: none;
}
.mep_smart_theme .mpwem_timeline_area .timeline_header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 14px 16px;
margin: 0;
cursor: pointer;
user-select: none;
}
.mep_smart_theme .mpwem_timeline_area .timeline_tag {
display: block;
flex: 1 1 auto;
min-width: 0;
padding: 0;
background: transparent;
clip-path: none;
filter: none;
}
.mep_smart_theme .mpwem_timeline_area .timeline_header:hover .timeline_tag {
filter: none;
}
.mep_smart_theme .mpwem_timeline_area .tl_title {
display: block;
max-width: none;
overflow: visible;
text-overflow: unset;
white-space: normal;
font-size: 15px;
font-weight: 600;
line-height: 1.35;
color: #111827;
text-transform: none;
letter-spacing: -0.01em;
}
.mep_smart_theme .mpwem_timeline_area .timeline_item:has(.mp_wp_editor.mActive) .tl_title {
color: var(--color_theme, #2563eb);
}
.mep_smart_theme .mpwem_timeline_area .timeline_connector {
display: none;
}
.mep_smart_theme .mpwem_timeline_area .timeline_time {
display: inline-flex;
align-items: center;
gap: 6px;
flex-shrink: 0;
margin: 0;
padding: 7px 11px;
border: 1px solid color-mix(in srgb, var(--color_theme, #2563eb) 22%, #e8edf5);
border-radius: 999px;
background: color-mix(in srgb, var(--color_theme, #2563eb) 8%, #fff);
color: var(--color_theme, #2563eb);
font-size: 12px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
}
.mep_smart_theme .mpwem_timeline_area .timeline_item:has(.mp_wp_editor.mActive) .timeline_time {
background: var(--color_theme, #2563eb);
border-color: var(--color_theme, #2563eb);
color: #fff;
}
.mep_smart_theme .mpwem_timeline_area .timeline_time i {
font-size: 12px;
line-height: 1;
opacity: 0.9;
}
.mep_smart_theme .mpwem_timeline_area .timeline_content .mp_wp_editor {
margin: 0;
padding: 0 16px 0;
border: 0;
border-radius: 0;
background: transparent;
color: #4b5563;
font-size: 14px;
line-height: 1.7;
}
.mep_smart_theme .mpwem_timeline_area .timeline_content .mp_wp_editor.mActive {
border-top: 1px solid #eef2f7;
padding: 14px 16px 16px;
}
.mep_smart_theme .mpwem_timeline_area .timeline_content .mp_wp_editor p {
margin: 0 0 10px;
}
.mep_smart_theme .mpwem_timeline_area .timeline_content .mp_wp_editor p:last-child {
margin-bottom: 0;
}
@media (max-width: 640px) {
.mep_smart_theme .mpwem_timeline_area .timeline_section_header h2 {
font-size: 20px !important;
}
.mep_smart_theme .mpwem_timeline_area .timeline_item {
grid-template-columns: 34px minmax(0, 1fr);
gap: 10px;
}
.mep_smart_theme .mpwem_timeline_area .timeline_item:not(:last-child)::before {
left: 16px;
top: 34px;
}
.mep_smart_theme .mpwem_timeline_area .timeline_item .timeline_counter {
width: 34px;
height: 34px;
border-radius: 10px;
font-size: 12px;
}
.mep_smart_theme .mpwem_timeline_area .timeline_header {
flex-direction: column;
align-items: flex-start;
gap: 10px;
padding: 13px 14px;
}
.mep_smart_theme .mpwem_timeline_area .tl_title {
font-size: 14px;
}
.mep_smart_theme .mpwem_timeline_area .timeline_content .mp_wp_editor.mActive {
padding: 12px 14px 14px;
}
}
.mpwem_sidebar_content h5 {
color: #333;
}
.mep-default-sidebar {
width: 300px;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mep-default-sidebar {
flex: 0 0 300px;
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);
} .default_theme:not(.mep_smart_theme) .mpwem_calender_area,
.default_theme:not(.mep_smart_theme) .mpwem_calender_area--default {
--mep-cal-radius: 12px;
--mep-cal-border: #e6e8ee;
--mep-cal-text: #1a1a1f;
--mep-cal-soft: #f5f6f8;
--mep-cal-accent: var(--color_theme, #2563eb);
padding: 18px 18px 16px;
border-top: 1px solid var(--mep-cal-border);
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area > button,
.default_theme:not(.mep_smart_theme) .mpwem_calender_area > button._button_theme_margin_auto_min_150 {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
min-width: 0 !important;
min-height: 46px;
margin: 0 !important;
padding: 12px 16px !important;
border: 1px solid color-mix(in srgb, var(--mep-cal-accent) 28%, var(--mep-cal-border)) !important;
border-radius: var(--mep-cal-radius) !important;
background: color-mix(in srgb, var(--mep-cal-accent) 8%, #fff) !important;
color: var(--mep-cal-accent) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
box-shadow: none !important;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area > button i,
.default_theme:not(.mep_smart_theme) .mpwem_calender_area > button span {
color: inherit !important;
margin: 0 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area > button:hover {
background: var(--mep-cal-accent) !important;
border-color: var(--mep-cal-accent) !important;
color: #fff !important;
transform: translateY(-1px);
box-shadow: 0 10px 22px color-mix(in srgb, var(--mep-cal-accent) 24%, transparent) !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area > [data-collapse] {
margin-top: 12px;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area > [data-collapse].mActive {
display: block !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area ._mt_xs_fdColumn {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin: 0 !important;
padding: 0;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a._button_general_mt_xs {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
min-height: 42px;
margin: 0 !important;
padding: 10px 12px !important;
border: 1px solid var(--mep-cal-border) !important;
border-radius: var(--mep-cal-radius) !important;
background: #fff !important;
color: var(--mep-cal-text) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-decoration: none !important;
box-shadow: 0 4px 14px rgba(26, 26, 31, 0.04);
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a._button_general_mt_xs:hover {
transform: translateY(-1px);
box-shadow: 0 10px 22px rgba(26, 26, 31, 0.1);
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a.mpwem_cal_google,
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a[href*="calendar.google.com"] {
border-color: color-mix(in srgb, #4285F4 22%, var(--mep-cal-border)) !important;
background: color-mix(in srgb, #4285F4 8%, #fff) !important;
color: #1a73e8 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a.mpwem_cal_google:hover,
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a[href*="calendar.google.com"]:hover {
background: #4285F4 !important;
border-color: #4285F4 !important;
color: #fff !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a.mpwem_cal_yahoo,
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a[href*="calendar.yahoo.com"] {
border-color: color-mix(in srgb, #6001D2 22%, var(--mep-cal-border)) !important;
background: color-mix(in srgb, #6001D2 8%, #fff) !important;
color: #6001D2 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a.mpwem_cal_yahoo:hover,
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a[href*="calendar.yahoo.com"]:hover {
background: #6001D2 !important;
border-color: #6001D2 !important;
color: #fff !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a.mpwem_cal_outlook,
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a[href*="outlook.live.com"] {
border-color: color-mix(in srgb, #0078D4 22%, var(--mep-cal-border)) !important;
background: color-mix(in srgb, #0078D4 8%, #fff) !important;
color: #0078D4 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a.mpwem_cal_outlook:hover,
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a[href*="outlook.live.com"]:hover {
background: #0078D4 !important;
border-color: #0078D4 !important;
color: #fff !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a.mpwem_cal_apple,
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a[href*="download-ics.php"] {
border-color: color-mix(in srgb, #111827 16%, var(--mep-cal-border)) !important;
background: color-mix(in srgb, #111827 5%, #fff) !important;
color: #111827 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a.mpwem_cal_apple:hover,
.default_theme:not(.mep_smart_theme) .mpwem_calender_area a[href*="download-ics.php"]:hover {
background: #111827 !important;
border-color: #111827 !important;
color: #fff !important;
}
@media (max-width: 640px) {
.default_theme:not(.mep_smart_theme) .mpwem_calender_area,
.default_theme:not(.mep_smart_theme) .mpwem_calender_area--default {
padding: 14px;
}
.default_theme:not(.mep_smart_theme) .mpwem_calender_area ._mt_xs_fdColumn {
grid-template-columns: 1fr;
}
} .mep_smart_theme .mpwem_calender_area {
padding: 18px 18px 16px;
border-top: 1px solid #eef2f7;
}
.mep_smart_theme .mpwem_calender_area > button,
.mep_smart_theme .mpwem_calender_area > button._button_theme_margin_auto_min_150 {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
min-width: 0 !important;
min-height: 46px;
margin: 0 !important;
padding: 12px 16px !important;
border: 1px solid color-mix(in srgb, var(--color_theme, #2563eb) 28%, #e8edf5) !important;
border-radius: 12px !important;
background: color-mix(in srgb, var(--color_theme, #2563eb) 8%, #fff) !important;
color: var(--color_theme, #2563eb) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
box-shadow: none !important;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.mep_smart_theme .mpwem_calender_area > button::before {
content: '\f073';
font-family: 'Font Awesome 5 Free';
font-weight: 400;
font-size: 14px;
line-height: 1;
}
.mep_smart_theme .mpwem_calender_area > button span {
color: inherit !important;
}
.mep_smart_theme .mpwem_calender_area > button:hover {
background: var(--color_theme, #2563eb) !important;
border-color: var(--color_theme, #2563eb) !important;
color: #fff !important;
transform: translateY(-1px);
box-shadow: 0 10px 22px color-mix(in srgb, var(--color_theme, #2563eb) 24%, transparent) !important;
}
.mep_smart_theme .mpwem_calender_area > [data-collapse] {
margin-top: 12px;
}
.mep_smart_theme .mpwem_calender_area > [data-collapse].mActive {
display: block !important;
}
.mep_smart_theme .mpwem_calender_area ._mt_xs_fdColumn {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin: 0 !important;
padding: 0;
}
.mep_smart_theme .mpwem_calender_area a._button_general_mt_xs {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
min-height: 42px;
margin: 0 !important;
padding: 10px 12px !important;
border: 1px solid #e8edf5 !important;
border-radius: 12px !important;
background: #fff !important;
color: #111827 !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-decoration: none !important;
box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}
.mep_smart_theme .mpwem_calender_area a._button_general_mt_xs:hover {
transform: translateY(-1px);
box-shadow: 0 10px 22px rgba(15, 23, 42, 0.1);
}
.mep_smart_theme .mpwem_calender_area a[href*="calendar.google.com"] {
border-color: color-mix(in srgb, #4285F4 22%, #e8edf5) !important;
background: color-mix(in srgb, #4285F4 8%, #fff) !important;
color: #1a73e8 !important;
}
.mep_smart_theme .mpwem_calender_area a[href*="calendar.google.com"]:hover {
background: #4285F4 !important;
border-color: #4285F4 !important;
color: #fff !important;
}
.mep_smart_theme .mpwem_calender_area a[href*="calendar.yahoo.com"] {
border-color: color-mix(in srgb, #6001D2 22%, #e8edf5) !important;
background: color-mix(in srgb, #6001D2 8%, #fff) !important;
color: #6001D2 !important;
}
.mep_smart_theme .mpwem_calender_area a[href*="calendar.yahoo.com"]:hover {
background: #6001D2 !important;
border-color: #6001D2 !important;
color: #fff !important;
}
.mep_smart_theme .mpwem_calender_area a[href*="outlook.live.com"] {
border-color: color-mix(in srgb, #0078D4 22%, #e8edf5) !important;
background: color-mix(in srgb, #0078D4 8%, #fff) !important;
color: #0078D4 !important;
}
.mep_smart_theme .mpwem_calender_area a[href*="outlook.live.com"]:hover {
background: #0078D4 !important;
border-color: #0078D4 !important;
color: #fff !important;
}
.mep_smart_theme .mpwem_calender_area a[href*="download-ics.php"] {
border-color: color-mix(in srgb, #111827 16%, #e8edf5) !important;
background: color-mix(in srgb, #111827 5%, #fff) !important;
color: #111827 !important;
}
.mep_smart_theme .mpwem_calender_area a[href*="download-ics.php"]:hover {
background: #111827 !important;
border-color: #111827 !important;
color: #fff !important;
}
@media (max-width: 640px) {
.mep_smart_theme .mpwem_calender_area {
padding: 14px;
}
.mep_smart_theme .mpwem_calender_area ._mt_xs_fdColumn {
grid-template-columns: 1fr;
}
}
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;
} .default_theme:not(.mep_smart_theme) .event_date_list_area {
--mep-sched-radius: 12px;
--mep-sched-border: #e6e8ee;
--mep-sched-text: #1a1a1f;
--mep-sched-muted: #6b6b76;
--mep-sched-soft: #f5f6f8;
--mep-sched-accent: var(--color_theme, #2563eb);
padding: 18px 18px 16px;
border-top: 1px solid var(--mep-sched-border);
}
.default_theme:not(.mep_smart_theme) .event_date_list_area > h5 {
display: flex !important;
align-items: center;
gap: 10px;
margin: 0 0 14px !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: var(--mep-sched-text) !important;
letter-spacing: -0.01em;
text-transform: none;
}
.default_theme:not(.mep_smart_theme) .event_date_list_area > h5 > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin: 0 !important;
border-radius: 10px;
border: 1px solid color-mix(in srgb, var(--mep-sched-accent) 22%, var(--mep-sched-border));
background: color-mix(in srgb, var(--mep-sched-accent) 10%, #fff);
color: var(--mep-sched-accent) !important;
font-size: 14px;
flex-shrink: 0;
box-shadow: 0 4px 12px color-mix(in srgb, var(--mep-sched-accent) 10%, transparent);
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date_list_area {
display: flex;
flex-direction: column;
gap: 8px;
max-height: 340px;
overflow: auto;
margin: 0;
padding: 2px 2px 4px;
scrollbar-width: thin;
scrollbar-color: #d5dbe7 transparent;
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date_list_area::-webkit-scrollbar {
width: 6px;
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date_list_area::-webkit-scrollbar-thumb {
background: #d5dbe7;
border-radius: 999px;
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date-list-item,
.default_theme:not(.mep_smart_theme) .event_date_list_area ._layout_info_xs.date-list-item {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: var(--mep-sched-radius) !important;
background: transparent !important;
box-shadow: none !important;
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date_item {
position: relative;
padding: 0 !important;
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date_item::before {
display: none !important;
content: none !important;
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date_item a {
position: relative;
display: block !important;
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 12px 5px 12px 28px !important;
margin: 0 !important;
border: 1px solid var(--mep-sched-border);
border-radius: var(--mep-sched-radius);
background: #fff;
color: var(--mep-sched-text) !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none !important;
box-shadow: 0 2px 8px rgba(26, 26, 31, 0.04);
transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, color 0.18s ease;
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date_item a::before {
content: '';
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--mep-sched-accent);
box-shadow: 0 0 0 4px color-mix(in srgb, var(--mep-sched-accent) 14%, transparent);
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date_item a::after {
content: '';
position: absolute;
right: 14px;
top: 50%;
width: 7px;
height: 7px;
border-right: 2px solid #9aa3b5;
border-bottom: 2px solid #9aa3b5;
transform: translateY(-50%) rotate(-45deg);
transition: border-color 0.18s ease, transform 0.18s ease;
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date_item a:hover {
border-color: color-mix(in srgb, var(--mep-sched-accent) 32%, var(--mep-sched-border));
background: color-mix(in srgb, var(--mep-sched-accent) 6%, #fff);
color: var(--mep-sched-accent) !important;
box-shadow: 0 10px 22px color-mix(in srgb, var(--mep-sched-accent) 12%, transparent);
transform: translateY(-1px);
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date_item a:hover::after {
border-color: var(--mep-sched-accent);
transform: translateY(-50%) translateX(2px) rotate(-45deg);
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date_item a._ml {
padding-left: 34px !important;
font-weight: 500 !important;
color: var(--mep-sched-muted) !important;
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date_item a._ml::before {
width: 6px;
height: 6px;
left: 15px;
box-shadow: none;
opacity: 0.7;
}
.default_theme:not(.mep_smart_theme) .event_date_list_area button[data-collapse-target],
.default_theme:not(.mep_smart_theme) .event_date_list_area ._button_theme_margin_auto {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
min-height: 42px;
margin: 12px 0 0 !important;
padding: 10px 16px !important;
border: 1px solid color-mix(in srgb, var(--mep-sched-accent) 28%, var(--mep-sched-border)) !important;
border-radius: var(--mep-sched-radius) !important;
background: color-mix(in srgb, var(--mep-sched-accent) 8%, #fff) !important;
color: var(--mep-sched-accent) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
box-shadow: none !important;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.default_theme:not(.mep_smart_theme) .event_date_list_area button[data-collapse-target]:hover,
.default_theme:not(.mep_smart_theme) .event_date_list_area ._button_theme_margin_auto:hover {
background: var(--mep-sched-accent) !important;
border-color: var(--mep-sched-accent) !important;
color: #fff !important;
transform: translateY(-1px);
}
.default_theme:not(.mep_smart_theme) .event_date_list_area button[data-collapse-target] span,
.default_theme:not(.mep_smart_theme) .event_date_list_area ._button_theme_margin_auto span {
color: inherit !important;
}
@media (max-width: 640px) {
.default_theme:not(.mep_smart_theme) .event_date_list_area {
padding: 14px;
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date_list_area {
max-height: 280px;
}
.default_theme:not(.mep_smart_theme) .event_date_list_area .date_item a {
padding: 11px 34px 11px 30px !important;
font-size: 12px !important;
white-space: normal !important;
}
} .mep_smart_theme .event_date_list_area {
padding: 18px 18px 16px;
}
.mep_smart_theme .event_date_list_area > h5 {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 14px !important;
padding: 0;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: #111827 !important;
letter-spacing: -0.01em;
}
.mep_smart_theme .event_date_list_area > h5 > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin: 0 !important;
border-radius: 10px;
background: color-mix(in srgb, var(--color_theme, #2563eb) 12%, #fff);
color: var(--color_theme, #2563eb) !important;
font-size: 14px;
flex-shrink: 0;
}
.mep_smart_theme .event_date_list_area .date_list_area {
display: flex;
flex-direction: column;
gap: 8px;
max-height: 340px;
overflow: auto;
margin: 0;
padding: 2px 2px 4px;
scrollbar-width: thin;
scrollbar-color: #d5dbe7 transparent;
}
.mep_smart_theme .event_date_list_area .date_list_area::-webkit-scrollbar {
width: 6px;
}
.mep_smart_theme .event_date_list_area .date_list_area::-webkit-scrollbar-thumb {
background: #d5dbe7;
border-radius: 999px;
}
.mep_smart_theme .event_date_list_area .date-list-item,
.mep_smart_theme .event_date_list_area ._layout_info_xs.date-list-item {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 12px !important;
background: transparent !important;
box-shadow: none !important;
}
.mep_smart_theme .event_date_list_area .date_item {
position: relative;
padding: 0 !important;
}
.mep_smart_theme .event_date_list_area .date_item::before {
display: none !important;
content: none !important;
}
.mep_smart_theme .event_date_list_area .date_item a {
position: relative;
display: block !important;
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 12px 15px 12px 30px !important;
margin: 5px 0 !important;
border: 1px solid #e8edf5;
border-radius: 12px;
background: #fff;
color: #111827 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none !important;
box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03);
transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, color 0.18s ease;
}
.mep_smart_theme .event_date_list_area .date_item a::before {
content: '';
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-radius: 50%;
background: color-mix(in srgb, var(--color_theme, #2563eb) 75%, #fff);
box-shadow: 0 0 0 4px color-mix(in srgb, var(--color_theme, #2563eb) 12%, transparent);
}
.mep_smart_theme .event_date_list_area .date_item a::after {
content: '';
position: absolute;
right: 14px;
top: 50%;
width: 7px;
height: 7px;
border-right: 2px solid #9aa3b5;
border-bottom: 2px solid #9aa3b5;
transform: translateY(-50%) rotate(-45deg);
transition: border-color 0.18s ease, transform 0.18s ease;
}
.mep_smart_theme .event_date_list_area .date_item a:hover {
border-color: color-mix(in srgb, var(--color_theme, #2563eb) 35%, #e8edf5);
background: color-mix(in srgb, var(--color_theme, #2563eb) 6%, #fff);
color: var(--color_theme, #2563eb) !important;
box-shadow: 0 10px 22px color-mix(in srgb, var(--color_theme, #2563eb) 12%, transparent);
transform: translateY(-1px);
}
.mep_smart_theme .event_date_list_area .date_item a:hover::after {
border-color: var(--color_theme, #2563eb);
transform: translateY(-50%) translateX(2px) rotate(-45deg);
}
.mep_smart_theme .event_date_list_area .date_item a._ml {
padding-left: 34px !important;
font-weight: 500 !important;
color: #4b5563 !important;
}
.mep_smart_theme .event_date_list_area .date_item a._ml::before {
width: 6px;
height: 6px;
left: 14px;
box-shadow: none;
opacity: 0.7;
}
.mep_smart_theme .event_date_list_area button[data-collapse-target],
.mep_smart_theme .event_date_list_area ._button_theme_margin_auto {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
min-height: 42px;
margin: 12px 0 0 !important;
padding: 10px 16px !important;
border: 1px solid color-mix(in srgb, var(--color_theme, #2563eb) 28%, #e8edf5) !important;
border-radius: 12px !important;
background: color-mix(in srgb, var(--color_theme, #2563eb) 8%, #fff) !important;
color: var(--color_theme, #2563eb) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
box-shadow: none !important;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.mep_smart_theme .event_date_list_area button[data-collapse-target]:hover,
.mep_smart_theme .event_date_list_area ._button_theme_margin_auto:hover {
background: var(--color_theme, #2563eb) !important;
border-color: var(--color_theme, #2563eb) !important;
color: #fff !important;
transform: translateY(-1px);
}
.mep_smart_theme .event_date_list_area button[data-collapse-target] span,
.mep_smart_theme .event_date_list_area ._button_theme_margin_auto span {
color: inherit !important;
}
@media (max-width: 640px) {
.mep_smart_theme .event_date_list_area {
padding: 14px;
}
.mep_smart_theme .event_date_list_area .date_list_area {
max-height: 280px;
}
.mep_smart_theme .event_date_list_area .date_item a {
padding: 11px 36px 11px 11px !important;
font-size: 12px !important;
}
}
button.mpwem_get_date_list {
border-radius: 20px;
}
div.event_speaker_list_area {
padding: var(--dmp);
} div.default_theme .event_speaker_list_area > h5 {
margin: 0 0 16px;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
color: #0f172a;
}
div.default_theme .speaker_list.mep-default-speakers,
#mage-container.mage div.default_theme .speaker_list.mep-default-speakers {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
flex-wrap: unset;
flex-direction: unset;
}
div.default_theme .speaker_list.mep-default-speakers > .mep-default-speaker,
#mage-container.mage div.default_theme .speaker_list.mep-default-speakers > .mep-default-speaker,
div.default_theme a.mep-default-speaker,
#mage-container.mage div.default_theme a.mep-default-speaker {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex-direction: column !important;
gap: 10px !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 16px 14px !important;
border: 1px solid #e2e8f0 !important;
border-radius: 14px !important;
background: #fff !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
text-decoration: none !important;
color: inherit !important;
box-sizing: border-box !important;
text-align: center;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
}
div.default_theme .mep-default-speaker__link,
#mage-container.mage div.default_theme .mep-default-speaker__link {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
text-decoration: none !important;
color: inherit !important;
}
div.default_theme .mep-default-speaker:hover,
div.default_theme .mep-default-speaker:focus-within,
div.default_theme a.mep-default-speaker:hover,
div.default_theme a.mep-default-speaker:focus,
#mage-container.mage div.default_theme a.mep-default-speaker:hover,
#mage-container.mage div.default_theme a.mep-default-speaker:focus {
border-color: #93c5fd !important;
background: #f8fbff !important;
box-shadow: 0 8px 20px rgba(37, 99, 235, 0.1);
transform: translateY(-1px);
outline: none;
}
div.default_theme .mep-default-speaker__avatar,
#mage-container.mage div.default_theme .mep-default-speaker__avatar {
position: relative;
flex: 0 0 auto !important;
width: 72px !important;
height: 72px !important;
max-width: 72px !important;
margin: 0 auto !important;
border-radius: 50% !important;
overflow: hidden;
background: linear-gradient(135deg, #dbeafe 0%, #e2e8f0 100%);
border: 2px solid #fff;
box-shadow: 0 0 0 1px #e2e8f0;
}
div.default_theme .mep-default-speaker__avatar img,
#mage-container.mage div.default_theme .mep-default-speaker__avatar img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover;
}
div.default_theme .mep-default-speaker__initial {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-size: 22px;
font-weight: 700;
color: #1d4ed8;
line-height: 1;
}
div.default_theme .mep-default-speaker__meta,
#mage-container.mage div.default_theme .mep-default-speaker__meta {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 4px;
min-width: 0 !important;
flex: 0 1 auto !important;
width: 100% !important;
max-width: none !important;
overflow: visible !important;
text-align: center;
}
div.default_theme .mep-default-speaker__name,
#mage-container.mage div.default_theme .mep-default-speaker__name {
display: block !important;
width: 100% !important;
margin: 0 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
color: #0f172a !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
word-break: normal !important;
overflow-wrap: anywhere;
text-align: center;
}
div.default_theme a.mep-default-speaker:hover .mep-default-speaker__name,
div.default_theme a.mep-default-speaker:focus .mep-default-speaker__name,
div.default_theme .mep-default-speaker:hover .mep-default-speaker__name,
div.default_theme .mep-default-speaker:focus-within .mep-default-speaker__name {
color: #1d4ed8 !important;
}
div.default_theme .mep-default-speaker__role,
#mage-container.mage div.default_theme .mep-default-speaker__role {
display: block !important;
width: 100% !important;
margin: 0 !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
color: #64748b !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
word-break: normal !important;
overflow-wrap: anywhere;
text-align: left !important;
}
div.default_theme .mep-default-speaker__role-more,
#mage-container.mage div.default_theme .mep-default-speaker__role-more {
appearance: none;
display: inline;
margin: 0 0 0 4px;
padding: 0;
border: 0;
background: none;
color: #2563eb;
font: inherit;
font-weight: 700;
cursor: pointer;
text-decoration: none;
}
div.default_theme .mep-default-speaker__role-more:hover,
div.default_theme .mep-default-speaker__role-more:focus {
color: #1d4ed8;
text-decoration: underline;
}
div.default_theme .mep-default-speaker__role-more [data-label-more],
div.default_theme .mep-default-speaker__role-more [data-label-less] {
display: none !important;
}
div.default_theme .mep-default-speaker__role.is-collapsed .mep-default-speaker__role-more [data-label-more],
div.default_theme .mep-default-speaker__role:not(.is-expanded) .mep-default-speaker__role-more [data-label-more] {
display: inline !important;
}
div.default_theme .mep-default-speaker__role.is-expanded .mep-default-speaker__role-more [data-label-less] {
display: inline !important;
}
div.default_theme .mep-default-speaker__role.is-expanded .mep-default-speaker__role-more [data-label-more] {
display: none !important;
}
@media screen and (max-width: 640px) {
div.default_theme .speaker_list.mep-default-speakers,
#mage-container.mage div.default_theme .speaker_list.mep-default-speakers {
grid-template-columns: 1fr;
}
} div.default_theme .speaker_list:not(.mep-default-speakers) {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
div.default_theme .speaker_list:not(.mep-default-speakers) 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:not(.mep-default-speakers) a [data-bg-image] {
width: 90px;
height: 90px;
border-radius: 100%;
overflow: hidden;
}
div.default_theme .speaker_list:not(.mep-default-speakers) a h6 {
margin: var(--dmp_xs) 0 0 0;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
}
div.default_theme .speaker_list:not(.mep-default-speakers) img {
width: 110px;
} div.mep_smart_theme .speaker_list.mep-speakers,
#mage-container.mage div.mep_smart_theme .speaker_list.mep-speakers {
display: grid !important;
grid-template-columns: 1fr;
gap: 10px;
flex-direction: unset !important;
flex-wrap: unset !important;
}
div.mep_smart_theme .speaker_list.mep-speakers > .mep-speaker,
#mage-container.mage div.mep_smart_theme .speaker_list.mep-speakers > .mep-speaker {
display: flex !important;
align-items: center !important;
flex-direction: row !important;
gap: 14px !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 12px 14px !important;
border: 1px solid #e8e8e4 !important;
border-radius: 14px !important;
background: #fff !important;
box-shadow: 0 1px 2px rgba(17, 17, 19, 0.04);
text-decoration: none !important;
color: inherit !important;
box-sizing: border-box !important;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
}
div.mep_smart_theme .speaker_list.mep-speakers > .mep-speaker:hover,
div.mep_smart_theme .speaker_list.mep-speakers > .mep-speaker:focus,
#mage-container.mage div.mep_smart_theme .speaker_list.mep-speakers > .mep-speaker:hover,
#mage-container.mage div.mep_smart_theme .speaker_list.mep-speakers > .mep-speaker:focus {
border-color: #d4d4ce !important;
background: #fafaf8 !important;
box-shadow: 0 10px 28px rgba(17, 17, 19, 0.08);
transform: translateY(-1px);
outline: none;
}
div.mep_smart_theme .mep-speaker__avatar,
#mage-container.mage div.mep_smart_theme .mep-speaker__avatar {
position: relative;
flex: 0 0 auto !important;
width: 56px !important;
height: 56px !important;
max-width: 56px !important;
border-radius: 50% !important;
overflow: hidden;
background: linear-gradient(145deg, #f0f0ec 0%, #e7e7e3 100%);
border: 2px solid #fff;
box-shadow: 0 0 0 1px #e7e7e3;
}
div.mep_smart_theme .mep-speaker__avatar img,
#mage-container.mage div.mep_smart_theme .mep-speaker__avatar img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover;
}
div.mep_smart_theme .mep-speaker__initial {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-size: 18px;
font-weight: 700;
color: #111113;
line-height: 1;
}
div.mep_smart_theme .mep-speaker__meta,
#mage-container.mage div.mep_smart_theme .mep-speaker__meta {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 3px;
min-width: 0 !important;
flex: 1 1 auto !important;
width: auto !important;
overflow: hidden;
text-align: left;
}
div.mep_smart_theme .mep-speaker__name,
#mage-container.mage div.mep_smart_theme .mep-speaker__name {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: -0.01em;
color: #111113 !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.mep_smart_theme .mep-speaker__role,
#mage-container.mage div.mep_smart_theme .mep-speaker__role {
display: block !important;
width: 100% !important;
margin: 0 !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
color: #777773 !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.mep_smart_theme .speaker_list:not(.mep-speakers) {
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: initial;
flex-wrap: initial;
}
div.mep_smart_theme .speaker_list:not(.mep-speakers) a {
max-width: 100%;
width: 100%;
-webkit-flex-direction: initial;
flex-direction: initial;
}
div.mep_smart_theme .speaker_list:not(.mep-speakers) a [data-bg-image] {
width: 70px;
height: auto;
border-radius: 0;
}
div.mep_smart_theme .speaker_list:not(.mep-speakers) 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;
} .default_theme:not(.mep_smart_theme) .share_widgets,
.default_theme:not(.mep_smart_theme) .share_widgets--default {
--mep-share-radius: 12px;
--mep-share-border: #e6e8ee;
--mep-share-text: #1a1a1f;
--mep-share-soft: #f5f6f8;
--mep-share-accent: var(--color_theme, #2563eb);
padding: 18px 18px 16px;
border-top: 1px solid var(--mep-share-border);
color: var(--mep-share-text);
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_title {
display: flex !important;
align-items: center;
justify-content: flex-start;
gap: 10px;
margin: 0 0 14px !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: var(--mep-share-text) !important;
text-align: left !important;
text-transform: none;
letter-spacing: -0.01em;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_title > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin: 0 !important;
border-radius: 10px;
border: 1px solid color-mix(in srgb, var(--mep-share-accent) 22%, var(--mep-share-border));
background: color-mix(in srgb, var(--mep-share-accent) 10%, #fff);
color: var(--mep-share-accent) !important;
font-size: 13px;
flex-shrink: 0;
box-shadow: 0 4px 12px color-mix(in srgb, var(--mep-share-accent) 10%, transparent);
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list li {
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 0 !important;
padding: 0 !important;
border: 1px solid var(--mep-share-border);
border-radius: var(--mep-share-radius);
background: #fff;
box-shadow: 0 4px 14px rgba(26, 26, 31, 0.04);
text-decoration: none !important;
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list i {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: auto !important;
height: auto !important;
min-width: 0;
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
font-size: 16px !important;
line-height: 1 !important;
transition: color 0.18s ease;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a:hover {
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(26, 26, 31, 0.1);
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.facebook {
border-color: color-mix(in srgb, #1877F2 22%, var(--mep-share-border));
background: color-mix(in srgb, #1877F2 8%, #fff);
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.facebook i {
color: #1877F2 !important;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.facebook:hover {
background: #1877F2 !important;
border-color: #1877F2 !important;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.facebook:hover i {
color: #fff !important;
background: transparent !important;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.twitter {
border-color: color-mix(in srgb, #111827 18%, var(--mep-share-border));
background: color-mix(in srgb, #111827 6%, #fff);
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.twitter i {
color: #111827 !important;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.twitter:hover {
background: #111827 !important;
border-color: #111827 !important;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.twitter:hover i {
color: #fff !important;
background: transparent !important;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.linkedin {
border-color: color-mix(in srgb, #0A66C2 22%, var(--mep-share-border));
background: color-mix(in srgb, #0A66C2 8%, #fff);
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.linkedin i {
color: #0A66C2 !important;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.linkedin:hover {
background: #0A66C2 !important;
border-color: #0A66C2 !important;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.linkedin:hover i {
color: #fff !important;
background: transparent !important;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.whatsapp {
border-color: color-mix(in srgb, #25D366 22%, var(--mep-share-border));
background: color-mix(in srgb, #25D366 8%, #fff);
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.whatsapp i {
color: #25D366 !important;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.whatsapp:hover {
background: #25D366 !important;
border-color: #25D366 !important;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.whatsapp:hover i {
color: #fff !important;
background: transparent !important;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.email {
border-color: color-mix(in srgb, #EA4335 22%, var(--mep-share-border));
background: color-mix(in srgb, #EA4335 8%, #fff);
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.email i {
color: #EA4335 !important;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.email:hover {
background: #EA4335 !important;
border-color: #EA4335 !important;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a.email:hover i {
color: #fff !important;
background: transparent !important;
}
@media (max-width: 640px) {
.default_theme:not(.mep_smart_theme) .share_widgets,
.default_theme:not(.mep_smart_theme) .share_widgets--default {
padding: 14px;
}
.default_theme:not(.mep_smart_theme) .share_widgets .share_widgets_list a {
width: 42px;
height: 42px;
}
} .mep_smart_theme .share_widgets {
padding: 18px 18px 16px;
border-top: 1px solid #eef2f7;
color: #111827;
}
.mep_smart_theme .share_widgets .share_widgets_title {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
margin: 0 0 14px !important;
padding: 0;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: #111827 !important;
text-align: left !important;
text-transform: none;
letter-spacing: -0.01em;
}
.mep_smart_theme .share_widgets .share_widgets_title::before {
content: '\f1e0';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 10px;
background: color-mix(in srgb, var(--color_theme, #2563eb) 12%, #fff);
color: var(--color_theme, #2563eb);
font-size: 13px;
flex-shrink: 0;
}
.mep_smart_theme .share_widgets .share_widgets_list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.mep_smart_theme .share_widgets .share_widgets_list li {
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
.mep_smart_theme .share_widgets .share_widgets_list a {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #e8edf5;
border-radius: 12px;
background: #fff;
box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
text-decoration: none !important;
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.mep_smart_theme .share_widgets .share_widgets_list i {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: auto !important;
height: auto !important;
min-width: 0;
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
font-size: 16px !important;
line-height: 1 !important;
transition: color 0.18s ease;
}
.mep_smart_theme .share_widgets .share_widgets_list a:hover {
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(15, 23, 42, 0.1);
}
.mep_smart_theme .share_widgets .share_widgets_list a.facebook {
border-color: color-mix(in srgb, #1877F2 22%, #e8edf5);
background: color-mix(in srgb, #1877F2 8%, #fff);
}
.mep_smart_theme .share_widgets .share_widgets_list a.facebook i {
color: #1877F2 !important;
}
.mep_smart_theme .share_widgets .share_widgets_list a.facebook:hover {
background: #1877F2 !important;
border-color: #1877F2 !important;
}
.mep_smart_theme .share_widgets .share_widgets_list a.facebook:hover i {
color: #fff !important;
background: transparent !important;
}
.mep_smart_theme .share_widgets .share_widgets_list a.twitter {
border-color: color-mix(in srgb, #111827 18%, #e8edf5);
background: color-mix(in srgb, #111827 6%, #fff);
}
.mep_smart_theme .share_widgets .share_widgets_list a.twitter i {
color: #111827 !important;
}
.mep_smart_theme .share_widgets .share_widgets_list a.twitter:hover {
background: #111827 !important;
border-color: #111827 !important;
}
.mep_smart_theme .share_widgets .share_widgets_list a.twitter:hover i {
color: #fff !important;
background: transparent !important;
}
.mep_smart_theme .share_widgets .share_widgets_list a.linkedin {
border-color: color-mix(in srgb, #0A66C2 22%, #e8edf5);
background: color-mix(in srgb, #0A66C2 8%, #fff);
}
.mep_smart_theme .share_widgets .share_widgets_list a.linkedin i {
color: #0A66C2 !important;
}
.mep_smart_theme .share_widgets .share_widgets_list a.linkedin:hover {
background: #0A66C2 !important;
border-color: #0A66C2 !important;
}
.mep_smart_theme .share_widgets .share_widgets_list a.linkedin:hover i {
color: #fff !important;
background: transparent !important;
}
.mep_smart_theme .share_widgets .share_widgets_list a.whatsapp {
border-color: color-mix(in srgb, #25D366 22%, #e8edf5);
background: color-mix(in srgb, #25D366 8%, #fff);
}
.mep_smart_theme .share_widgets .share_widgets_list a.whatsapp i {
color: #25D366 !important;
}
.mep_smart_theme .share_widgets .share_widgets_list a.whatsapp:hover {
background: #25D366 !important;
border-color: #25D366 !important;
}
.mep_smart_theme .share_widgets .share_widgets_list a.whatsapp:hover i {
color: #fff !important;
background: transparent !important;
}
.mep_smart_theme .share_widgets .share_widgets_list a.email {
border-color: color-mix(in srgb, var(--color_theme, #2563eb) 22%, #e8edf5);
background: color-mix(in srgb, var(--color_theme, #2563eb) 8%, #fff);
}
.mep_smart_theme .share_widgets .share_widgets_list a.email i {
color: var(--color_theme, #2563eb) !important;
}
.mep_smart_theme .share_widgets .share_widgets_list a.email:hover {
background: var(--color_theme, #2563eb) !important;
border-color: var(--color_theme, #2563eb) !important;
}
.mep_smart_theme .share_widgets .share_widgets_list a.email:hover i {
color: #fff !important;
background: transparent !important;
}
@media (max-width: 640px) {
.mep_smart_theme .share_widgets {
padding: 14px;
}
.mep_smart_theme .share_widgets .share_widgets_list a {
width: 42px;
height: 42px;
}
}
#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);
} .mep_smart_theme #mpwem_map_area {
margin: 56px 0 0;
background: #fff;
border: 1px solid #e8edf5;
border-radius: 16px;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
overflow: hidden;
}
.mep_smart_theme #mpwem_map_area .map_title {
display: block;
margin: 0 !important;
padding: 18px 18px 14px !important;
background: transparent !important;
background-image: none !important;
color: #111827 !important;
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: -0.02em;
text-transform: none;
}
.mep_smart_theme #mpwem_map_area .map_section {
padding: 0 14px 14px;
}
.mep_smart_theme #mpwem_map,
.mep_smart_theme #mpwem_map_area iframe {
display: block;
width: 100%;
min-height: 320px;
max-height: 360px;
height: 320px;
margin: 0;
border: 1px solid #eef2f7;
border-radius: 12px;
box-shadow: none;
background: #f8fafc;
}
@media (max-width: 640px) {
.mep_smart_theme #mpwem_map_area .map_title {
padding: 14px 14px 12px !important;
font-size: 20px !important;
}
.mep_smart_theme #mpwem_map_area .map_section {
padding: 0 12px 12px;
}
.mep_smart_theme #mpwem_map,
.mep_smart_theme #mpwem_map_area iframe {
min-height: 260px;
max-height: 280px;
height: 260px;
border-radius: 10px;
}
}
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;
} .default_theme:not(.mep_smart_theme) .mpwem_location_sidebar,
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar--default {
--mep-loc-radius: 12px;
--mep-loc-border: #e6e8ee;
--mep-loc-text: #1a1a1f;
--mep-loc-muted: #6b6b76;
--mep-loc-soft: #f5f6f8;
--mep-loc-accent: var(--color_theme, #2563eb);
padding: 18px 18px 16px;
border-top: 1px solid var(--mep-loc-border);
color: var(--mep-loc-text);
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar .widgets_title {
display: flex !important;
align-items: center;
gap: 10px;
margin: 0 0 14px !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: var(--mep-loc-text) !important;
letter-spacing: -0.01em;
text-transform: none;
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar .widgets_title > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin: 0 !important;
border-radius: 10px;
border: 1px solid color-mix(in srgb, var(--mep-loc-accent) 22%, var(--mep-loc-border));
background: color-mix(in srgb, var(--mep-loc-accent) 10%, #fff);
color: var(--mep-loc-accent) !important;
font-size: 14px;
flex-shrink: 0;
box-shadow: 0 4px 12px color-mix(in srgb, var(--mep-loc-accent) 10%, transparent);
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar .mpwem_location_address {
display: block;
margin: 0 0 14px !important;
padding: 12px 14px !important;
border: 1px solid var(--mep-loc-border);
border-radius: var(--mep-loc-radius);
background: var(--mep-loc-soft);
box-shadow: none;
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar .mpwem_location_address p {
margin: 0 !important;
padding: 0 !important;
color: #374151 !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.55 !important;
word-break: break-word;
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar button[data-target-popup],
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar button.mpwem_location_map_btn,
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar button._button_theme_margin_auto {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
min-width: 0 !important;
min-height: 46px;
margin: 0 !important;
padding: 12px 16px !important;
border: 1px solid color-mix(in srgb, var(--mep-loc-accent) 28%, var(--mep-loc-border)) !important;
border-radius: var(--mep-loc-radius) !important;
background: color-mix(in srgb, var(--mep-loc-accent) 8%, #fff) !important;
color: var(--mep-loc-accent) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
box-shadow: none !important;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar button[data-target-popup]:hover,
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar button.mpwem_location_map_btn:hover,
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar button._button_theme_margin_auto:hover {
background: var(--mep-loc-accent) !important;
border-color: var(--mep-loc-accent) !important;
color: #fff !important;
transform: translateY(-1px);
box-shadow: 0 10px 22px color-mix(in srgb, var(--mep-loc-accent) 24%, transparent) !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar button[data-target-popup] i,
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar button.mpwem_location_map_btn i,
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar button._button_theme_margin_auto i,
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar button[data-target-popup] span,
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar button.mpwem_location_map_btn span,
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar button._button_theme_margin_auto span {
color: inherit !important;
margin: 0 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar .mpPopup .popupMainArea {
border-radius: 16px;
overflow: hidden;
box-shadow: 0 24px 48px rgba(26, 26, 31, 0.18);
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar .mpPopup .popup_close {
top: 14px;
right: 14px;
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
color: var(--mep-loc-text);
box-shadow: 0 4px 14px rgba(26, 26, 31, 0.12);
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar #mpwem_map_area {
margin: 0;
background: #fff;
border: 0;
border-radius: 0;
box-shadow: none;
overflow: hidden;
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar #mpwem_map_area .map_title {
margin: 0;
padding: 18px 20px 14px;
background: #fff;
border-bottom: 1px solid var(--mep-loc-border);
color: var(--mep-loc-text);
font-size: 16px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -0.01em;
text-transform: none;
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar #mpwem_map_area .map_section {
padding: 16px 18px 18px;
background: var(--mep-loc-soft);
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar #mpwem_map,
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar #mpwem_map_area iframe {
min-height: 360px;
max-height: 420px;
height: 380px;
border: 1px solid var(--mep-loc-border);
border-radius: 12px;
box-shadow: 0 8px 20px rgba(26, 26, 31, 0.06);
}
@media (max-width: 640px) {
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar,
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar--default {
padding: 14px;
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar .mpwem_location_address {
padding: 11px 12px !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar .mpwem_location_address p {
font-size: 12px !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar #mpwem_map,
.default_theme:not(.mep_smart_theme) .mpwem_location_sidebar #mpwem_map_area iframe {
min-height: 260px;
max-height: 300px;
height: 280px;
}
} .mep_smart_theme .mpwem_location_sidebar {
padding: 18px 18px 16px;
border-top: 1px solid #eef2f7;
color: #111827;
}
.mep_smart_theme .mpwem_location_sidebar .widgets_title {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 12px !important;
padding: 0;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: #111827 !important;
text-transform: none;
letter-spacing: -0.01em;
}
.mep_smart_theme .mpwem_location_sidebar .widgets_title > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin: 0 !important;
border-radius: 10px;
background: color-mix(in srgb, var(--color_theme, #2563eb) 12%, #fff);
color: var(--color_theme, #2563eb) !important;
font-size: 14px;
flex-shrink: 0;
}
.mep_smart_theme .mpwem_location_sidebar > p {
display: block;
margin: 0 0 14px !important;
padding: 12px 14px !important;
border: 1px solid #e8edf5;
border-radius: 12px;
background: #f8fafc;
color: #374151 !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.55 !important;
}
.mep_smart_theme .mpwem_location_sidebar button[data-target-popup],
.mep_smart_theme .mpwem_location_sidebar button._button_theme_margin_auto,
.mep_smart_theme .mpwem_location_sidebar > button {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
min-width: 0 !important;
min-height: 46px;
margin: 0 !important;
padding: 12px 16px !important;
border: 1px solid color-mix(in srgb, var(--color_theme, #2563eb) 28%, #e8edf5) !important;
border-radius: 12px !important;
background: color-mix(in srgb, var(--color_theme, #2563eb) 8%, #fff) !important;
color: var(--color_theme, #2563eb) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
box-shadow: none !important;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.mep_smart_theme .mpwem_location_sidebar button[data-target-popup]:hover,
.mep_smart_theme .mpwem_location_sidebar button._button_theme_margin_auto:hover,
.mep_smart_theme .mpwem_location_sidebar > button:hover {
background: var(--color_theme, #2563eb) !important;
border-color: var(--color_theme, #2563eb) !important;
color: #fff !important;
transform: translateY(-1px);
box-shadow: 0 10px 22px color-mix(in srgb, var(--color_theme, #2563eb) 24%, transparent) !important;
}
.mep_smart_theme .mpwem_location_sidebar button[data-target-popup] i,
.mep_smart_theme .mpwem_location_sidebar button._button_theme_margin_auto i,
.mep_smart_theme .mpwem_location_sidebar > button i,
.mep_smart_theme .mpwem_location_sidebar button[data-target-popup] span,
.mep_smart_theme .mpwem_location_sidebar button._button_theme_margin_auto span,
.mep_smart_theme .mpwem_location_sidebar > button span {
color: inherit !important;
margin: 0 !important;
}
@media (max-width: 640px) {
.mep_smart_theme .mpwem_location_sidebar {
padding: 14px;
}
.mep_smart_theme .mpwem_location_sidebar > p {
padding: 11px 12px !important;
font-size: 12px !important;
}
}
.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);
} .default_theme:not(.mep_smart_theme) .faq_area {
--mep-faq-radius: 12px;
--mep-faq-border: #e6e8ee;
--mep-faq-bg: #fff;
--mep-faq-text: #1a1a1f;
--mep-faq-muted: #6b6b76;
--mep-faq-soft: #f5f6f8;
--mep-faq-accent: var(--color_theme, #2563eb);
--mep-faq-accent-text: var(--color_theme_alter, #fff);
--mep-faq-shadow: 0 2px 8px rgba(26, 26, 31, 0.05);
--mep-faq-shadow-hover: 0 10px 24px rgba(26, 26, 31, 0.08);
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 40px 0 0 !important;
box-shadow: none !important;
}
.default_theme:not(.mep_smart_theme) .faq_area > h2 {
background: transparent !important;
background-image: none !important;
color: var(--mep-faq-text) !important;
padding: 0 0 6px !important;
margin: 0 0 4px !important;
font-size: 1.45rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-align: left !important;
border-radius: 0 !important;
letter-spacing: -0.02em;
}
.default_theme:not(.mep_smart_theme) .faq_area .description {
padding: 0 !important;
margin: 0 0 18px !important;
color: var(--mep-faq-muted) !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
.default_theme:not(.mep_smart_theme) .faq_area .description:empty {
display: none !important;
margin: 0 !important;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 0;
padding: 0 !important;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item {
background: var(--mep-faq-bg) !important;
border: 1px solid var(--mep-faq-border) !important;
border-radius: var(--mep-faq-radius) !important;
box-shadow: var(--mep-faq-shadow) !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
color: var(--mep-faq-text);
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item:hover {
border-color: color-mix(in srgb, var(--mep-faq-accent) 28%, var(--mep-faq-border)) !important;
box-shadow: var(--mep-faq-shadow-hover) !important;
background: var(--mep-faq-bg) !important;
transform: translateY(-1px);
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item:has(.content.mActive) {
border-color: color-mix(in srgb, var(--mep-faq-accent) 40%, var(--mep-faq-border)) !important;
box-shadow: 0 12px 28px color-mix(in srgb, var(--mep-faq-accent) 14%, transparent) !important;
background: var(--mep-faq-bg) !important;
transform: none;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .title {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 16px 18px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--mep-faq-text) !important;
cursor: pointer;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .title h3 {
flex: 1 1 auto;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
color: var(--mep-faq-text) !important;
overflow-wrap: anywhere;
word-break: break-word;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item:has(.content.mActive) .title h3 {
color: var(--mep-faq-accent) !important;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .title > i {
position: relative;
flex-shrink: 0;
width: 34px;
height: 34px;
border-radius: 10px;
border: 1px solid var(--mep-faq-border);
background: var(--mep-faq-soft);
color: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .title > i::before,
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .title > i::after {
content: '';
position: absolute;
background: var(--mep-faq-muted);
border-radius: 2px;
transition: transform 0.2s ease, background 0.2s ease, opacity 0.2s ease;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .title > i::before {
width: 12px;
height: 2px;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .title > i::after {
width: 2px;
height: 12px;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item:hover .title > i {
border-color: color-mix(in srgb, var(--mep-faq-accent) 30%, var(--mep-faq-border));
background: color-mix(in srgb, var(--mep-faq-accent) 8%, #fff);
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item:hover .title > i::before,
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item:hover .title > i::after {
background: var(--mep-faq-accent);
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item:has(.content.mActive) .title > i {
border-color: transparent;
background: var(--mep-faq-accent);
transform: none;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item:has(.content.mActive) .title > i::before,
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item:has(.content.mActive) .title > i::after {
background: var(--mep-faq-accent-text);
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item:has(.content.mActive) .title > i::after {
opacity: 0;
transform: scaleY(0);
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .content {
padding: 0 18px 16px !important;
color: var(--mep-faq-muted);
font-size: 14px;
line-height: 1.7;
border-top: 0;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .content.mActive {
border-top: 1px solid var(--mep-faq-border);
padding-top: 14px !important;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .content p {
margin: 0 0 10px;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .content p:last-child {
margin-bottom: 0;
}
@media (max-width: 640px) {
.default_theme:not(.mep_smart_theme) .faq_area {
margin-top: 28px !important;
}
.default_theme:not(.mep_smart_theme) .faq_area > h2 {
font-size: 1.25rem !important;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .title {
padding: 14px 14px !important;
gap: 10px;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .title h3 {
font-size: 14px !important;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .title > i {
width: 30px;
height: 30px;
border-radius: 8px;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .content {
padding: 0 14px 14px !important;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item .content.mActive {
padding-top: 12px !important;
}
.default_theme:not(.mep_smart_theme) .faq_area .faq_items .item:hover {
transform: none;
}
}
.mep_smart_theme .faq_area {
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
margin: 56px 0 0;
box-shadow: none;
}
.mep_smart_theme .faq_area > h2 {
background: transparent !important;
background-image: none !important;
color: #111827 !important;
padding: 0 0 6px !important;
margin: 0 0 4px !important;
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-align: left !important;
border-radius: 0 !important;
letter-spacing: -0.02em;
}
.mep_smart_theme .faq_area .description {
padding: 0;
margin: 0 0 18px;
color: #6b7280;
font-size: 14px;
line-height: 1.6;
}
.mep_smart_theme .faq_area .description:empty {
display: none;
margin: 0;
}
.mep_smart_theme .faq_area .faq_items {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 0;
padding: 0;
}
.mep_smart_theme .faq_area .faq_items .item {
background: #fff !important;
border: 1px solid #e8edf5 !important;
border-radius: 16px !important;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04) !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
color: #111827;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.mep_smart_theme .faq_area .faq_items .item:hover {
border-color: #d7e0ef !important;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07) !important;
background: #fff !important;
transform: translateY(-1px);
}
.mep_smart_theme .faq_area .faq_items .item:has(.content.mActive) {
border-color: color-mix(in srgb, var(--color_theme, #2563eb) 35%, #e8edf5) !important;
box-shadow: 0 14px 32px color-mix(in srgb, var(--color_theme, #2563eb) 16%, transparent) !important;
background: #fff !important;
transform: none;
}
.mep_smart_theme .faq_area .faq_items .item .title {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 16px 18px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #111827 !important;
cursor: pointer;
}
.mep_smart_theme .faq_area .faq_items .item .title h3 {
flex: 1 1 auto;
margin: 0 !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
color: #111827 !important;
}
.mep_smart_theme .faq_area .faq_items .item:has(.content.mActive) .title h3 {
color: var(--color_theme, #2563eb) !important;
}
.mep_smart_theme .faq_area .faq_items .item .title > i {
position: relative;
flex-shrink: 0;
width: 32px;
height: 32px;
border-radius: 999px;
border: 1px solid #e5eaf3;
background: #f8fafc;
color: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.mep_smart_theme .faq_area .faq_items .item .title > i::before,
.mep_smart_theme .faq_area .faq_items .item .title > i::after {
content: '';
position: absolute;
background: #64748b;
border-radius: 2px;
transition: transform 0.2s ease, background 0.2s ease, opacity 0.2s ease;
}
.mep_smart_theme .faq_area .faq_items .item .title > i::before {
width: 12px;
height: 2px;
}
.mep_smart_theme .faq_area .faq_items .item .title > i::after {
width: 2px;
height: 12px;
}
.mep_smart_theme .faq_area .faq_items .item:hover .title > i {
border-color: color-mix(in srgb, var(--color_theme, #2563eb) 30%, #e5eaf3);
background: color-mix(in srgb, var(--color_theme, #2563eb) 8%, #fff);
}
.mep_smart_theme .faq_area .faq_items .item:has(.content.mActive) .title > i {
border-color: transparent;
background: var(--color_theme, #2563eb);
transform: none;
}
.mep_smart_theme .faq_area .faq_items .item:has(.content.mActive) .title > i::before,
.mep_smart_theme .faq_area .faq_items .item:has(.content.mActive) .title > i::after {
background: #fff;
}
.mep_smart_theme .faq_area .faq_items .item:has(.content.mActive) .title > i::after {
opacity: 0;
transform: scaleY(0);
}
.mep_smart_theme .faq_area .faq_items .item .content {
padding: 0 18px 16px !important;
color: #4b5563;
font-size: 14px;
line-height: 1.7;
border-top: 0;
}
.mep_smart_theme .faq_area .faq_items .item .content.mActive {
border-top: 1px solid #eef2f7;
padding-top: 14px !important;
}
.mep_smart_theme .faq_area .faq_items .item .content p {
margin: 0 0 10px;
}
.mep_smart_theme .faq_area .faq_items .item .content p:last-child {
margin-bottom: 0;
}
@media (max-width: 640px) {
.mep_smart_theme .faq_area > h2 {
font-size: 20px !important;
}
.mep_smart_theme .faq_area .faq_items .item .title {
padding: 14px 14px !important;
gap: 10px;
}
.mep_smart_theme .faq_area .faq_items .item .title h3 {
font-size: 14px !important;
}
.mep_smart_theme .faq_area .faq_items .item .content {
padding: 0 14px 14px !important;
}
.mep_smart_theme .faq_area .faq_items .item .content.mActive {
padding-top: 12px !important;
}
} .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;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mep-default-sidebar-tags {
padding: 18px 18px 16px;
border-top: 1px solid #e6e8ee;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mep-event-tags-widget {
margin: 0;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mep-event-tags-widget .location-title {
margin: 0 0 12px !important;
padding: 0;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -0.01em;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mep-event-tags-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 !important;
padding: 0;
line-height: 1.3;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mep-event-tags-list a.mep-tag-link {
margin: 0;
max-width: 100%;
overflow-wrap: anywhere;
}
.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;
} .mpwem_slider_skeleton {
display: none;
}
.mep_smart_theme .mpwem_slider_area div.superSlider .sliderAllItem {
border-radius: 15px;
}
.mep_smart_theme .mpwem_slider_area {
margin: 0 0 0;
}
.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: 48px 0 var(--dmp) 0;
width: 100%;
max-width: 100%;
overflow: hidden;
}
div.mpwem_related_area div.related_item,
div.mpwem_related_area div.slick-track {
display: -webkit-flex;
display: flex;
gap: 0;
}
div.mpwem_related_area div.related_navigation {
display: -webkit-inline-flex;
display: inline-flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
div.mpwem_related_area div.related_navigation button {
margin: 0;
}
div.mpwem_related_area div.mep-event-list-loop {
background-color: transparent;
padding: 0;
border-radius: 0;
box-shadow: none;
height: auto;
min-width: auto !important;
} .default_theme:not(.mep_smart_theme) .mpwem_related_area {
--mep-rel-radius: 14px;
--mep-rel-border: #e6e8ee;
--mep-rel-bg: #fff;
--mep-rel-text: #1a1a1f;
--mep-rel-muted: #6b6b76;
--mep-rel-soft: #f5f6f8;
--mep-rel-accent: var(--color_theme, #2563eb);
--mep-rel-accent-text: var(--color_theme_alter, #fff);
--mep-rel-shadow: 0 2px 8px rgba(26, 26, 31, 0.06);
--mep-rel-shadow-hover: 0 14px 32px rgba(26, 26, 31, 0.12);
--mep-rel-gap: 14px;
margin: 48px 0 0;
padding: 0;
width: 100%;
max-width: 100%;
overflow: hidden;
background: transparent;
border: 0;
border-radius: 0;
box-sizing: border-box;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_title {
display: flex !important;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin: 0 0 22px !important;
padding: 0 !important;
background: transparent !important;
border-radius: 0 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_title_text {
min-width: 0;
flex: 1 1 auto;
padding-left: 0;
border-left: 0;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_title h3 {
margin: 0 !important;
padding: 0 !important;
font-size: 1.45rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
color: var(--mep-rel-text) !important;
letter-spacing: -0.02em;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_title_sub {
display: block !important;
margin: 6px 0 0 !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
color: var(--mep-rel-muted) !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_navigation {
display: inline-flex !important;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_navigation button,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_navigation button._button_theme_xs,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_navigation button.slick-arrow {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid var(--mep-rel-border) !important;
border-radius: 12px !important;
background: var(--mep-rel-bg) !important;
color: var(--mep-rel-text) !important;
box-shadow: var(--mep-rel-shadow) !important;
cursor: pointer;
transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_navigation button:hover,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_navigation button._button_theme_xs:hover {
background: var(--mep-rel-accent) !important;
border-color: var(--mep-rel-accent) !important;
color: var(--mep-rel-accent-text) !important;
transform: translateY(-1px);
box-shadow: 0 8px 18px color-mix(in srgb, var(--mep-rel-accent) 28%, transparent) !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_navigation button span,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_navigation button i {
color: inherit !important;
font-size: 13px !important;
line-height: 1 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_item,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_item.mep_event_list {
margin: 0;
min-width: 0;
width: 100%;
max-width: 100%;
overflow: hidden !important;
gap: 0 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_item .slick-list { margin: 0 calc(var(--mep-rel-gap) / -2) !important;
padding: 6px 0 12px;
width: auto !important;
overflow: hidden !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_item .slick-track {
display: flex !important;
align-items: stretch;
gap: 0 !important;
margin-left: 0 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_item .slick-slide,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep-event-list-loop,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .filter_item.mep_event_grid_item,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .filter_item.mep_event_card {
position: relative !important;
display: flex !important;
flex-direction: column;
height: auto !important;
min-height: 0 !important;
margin: 0 !important; padding: 0 calc(var(--mep-rel-gap) / 2) !important;
box-sizing: border-box !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: visible !important;
max-width: none !important;
min-width: 0 !important;
float: none !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .filter_item.mep_event_card::before {
display: none !important;
content: none !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_event_card__surface {
display: flex !important;
flex-direction: column;
flex: 1 1 auto;
width: 100%;
min-height: 0;
height: 100%;
background: var(--mep-rel-bg) !important;
border: 1px solid var(--mep-rel-border) !important;
border-radius: var(--mep-rel-radius) !important;
box-shadow: var(--mep-rel-shadow) !important;
overflow: hidden !important;
transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .filter_item.mep_event_card:hover .mep_event_card__surface {
border-color: color-mix(in srgb, var(--mep-rel-accent) 35%, var(--mep-rel-border)) !important;
box-shadow: var(--mep-rel-shadow-hover) !important;
transform: translateY(-4px);
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_event_card__media {
position: relative !important;
display: block !important;
flex: 0 0 auto !important;
width: 100% !important;
height: 180px !important;
min-height: 180px !important;
max-height: 180px !important;
overflow: hidden !important;
background: var(--mep-rel-soft) !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_list_thumb {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
max-height: none !important;
margin: 0 !important;
overflow: hidden !important;
background: var(--mep-rel-soft) !important;
border-radius: 0 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_list_thumb_img {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform 320ms ease;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .filter_item.mep_event_card:hover .mep_list_thumb_img {
transform: scale(1.05);
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_list_thumb > [data-bg-image],
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_list_thumb > div[data-href] {
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
opacity: 0 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_event_card__category {
position: absolute !important;
left: 12px !important;
bottom: 12px !important;
z-index: 3 !important;
display: inline-flex !important;
align-items: center;
max-width: calc(100% - 24px);
padding: 5px 10px !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, 0.94) !important;
color: var(--mep-rel-text) !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 0.02em;
box-shadow: 0 4px 12px rgba(26, 26, 31, 0.12);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_event_card__media .mep-ev-start-date,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep-ev-start-date {
position: absolute !important;
top: 12px !important;
left: 12px !important;
z-index: 3 !important;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 52px;
padding: 8px 10px !important;
border-radius: 12px !important;
background: var(--mep-rel-accent) !important;
color: var(--mep-rel-accent-text) !important;
box-shadow: 0 8px 18px color-mix(in srgb, var(--mep-rel-accent) 35%, transparent);
line-height: 1.1;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep-ev-start-date .mep-month {
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 0.06em;
opacity: 0.92;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep-ev-start-date .mep-day {
font-size: 20px !important;
font-weight: 800 !important;
letter-spacing: -0.03em;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mepev-ribbons {
position: absolute !important;
top: 12px !important;
right: 12px !important;
left: auto !important;
z-index: 3 !important;
display: flex !important;
flex-direction: column;
align-items: flex-end;
gap: 6px;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mepev-ribbon {
display: inline-flex !important;
align-items: center;
gap: 5px;
padding: 5px 9px !important;
border-radius: 999px !important;
background: rgba(17, 17, 19, 0.78) !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 1 !important;
backdrop-filter: blur(6px);
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mepev-ribbon.multidate,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mepev-ribbon.recurring {
background: rgba(17, 17, 19, 0.78) !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_list_event_details,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_event_card__body {
display: flex !important;
flex-direction: column;
flex: 1 1 auto;
width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
padding: 16px 16px 14px !important;
box-sizing: border-box;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .event_details_link {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1 1 auto;
min-width: 0;
text-decoration: none !important;
color: inherit !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_list_title {
margin: 0 0 2px !important;
padding: 0 !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
color: var(--mep-rel-text) !important;
letter-spacing: -0.015em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-transform: none !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep-event-list-loop:hover .mep_list_title {
color: var(--mep-rel-accent) !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .list_content {
display: flex !important;
align-items: flex-start;
gap: 7px;
margin: 0 !important;
padding: 0 !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.45 !important;
color: var(--mep-rel-muted) !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .list_content.upcomming_date_only_only {
color: var(--mep-rel-text) !important;
font-weight: 600 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .list_content.upcomming_location {
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .list_content span.mi,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .list_content i {
flex-shrink: 0;
margin-top: 2px;
color: var(--mep-rel-accent) !important;
font-size: 12px;
opacity: 0.9;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .list_content.upcomming_organizer {
display: none !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mpwem-price-area,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_event_card__footer {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: auto;
padding-top: 14px;
border-top: 1px solid var(--mep-rel-border);
flex-wrap: nowrap;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .list_price {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .list_price_label {
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--mep-rel-muted) !important;
line-height: 1;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .list_price_value,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .list_price_value .amount,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .list_price_value .woocommerce-Price-amount {
font-size: 17px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
color: var(--mep-rel-accent) !important;
letter-spacing: -0.02em;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .list_price_value .woocommerce-Price-currencySymbol {
color: var(--mep-rel-accent) !important;
font-weight: 800 !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_event_card__book {
display: inline-flex !important;
align-items: center;
gap: 4px;
margin-left: auto;
padding: 9px 14px;
border-radius: 10px;
background: var(--mep-rel-accent);
color: var(--mep-rel-accent-text) !important;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none !important;
flex-shrink: 0;
transition: filter 150ms ease, transform 150ms ease;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_event_card__book:hover {
filter: brightness(0.94);
color: var(--mep-rel-accent-text) !important;
transform: translateY(-1px);
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_event_card__book span {
transition: transform 150ms ease;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_event_card__book:hover span {
transform: translateX(2px);
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mpwem_status_area,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mpwem_list_date_list,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .list_calender,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .date_list_area,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .calendar-list-area,
.default_theme:not(.mep_smart_theme) .mpwem_related_area button.mpwem_get_date_list {
display: none !important;
}
@media (max-width: 640px) {
.default_theme:not(.mep_smart_theme) .mpwem_related_area {
--mep-rel-gap: 10px;
margin-top: 32px;
padding: 0;
border-radius: 0;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_title {
align-items: flex-start;
flex-wrap: wrap;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_title h3 {
font-size: 1.25rem !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_navigation button,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .related_navigation button._button_theme_xs {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
border-radius: 10px !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_event_card__media {
height: 160px !important;
min-height: 160px !important;
max-height: 160px !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_list_event_details,
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_event_card__body {
padding: 14px 14px 12px !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .mep_list_title {
font-size: 15px !important;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .filter_item.mep_event_card:hover .mep_event_card__surface {
transform: none;
}
.default_theme:not(.mep_smart_theme) .mpwem_related_area .filter_item.mep_event_card:hover .mep_list_thumb_img {
transform: none;
}
} .mep_smart_theme .mpwem_related_area {
--mep-rel-radius: 16px;
--mep-rel-border: #e8e8ec;
--mep-rel-bg: #fff;
--mep-rel-text: #111113;
--mep-rel-muted: #6b6b76;
--mep-rel-soft: #f4f4f6;
--mep-rel-shadow: 0 1px 2px rgba(17, 17, 19, 0.04);
--mep-rel-shadow-hover: 0 16px 40px rgba(17, 17, 19, 0.1);
--mep-rel-gap: 16px;
margin: 56px 0 0;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.mep_smart_theme .mpwem_related_area .related_title {
display: flex !important;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin: 0 0 22px !important;
padding: 0 !important;
background: transparent !important;
background-image: none !important;
border-radius: 0 !important;
}
.mep_smart_theme .mpwem_related_area .related_title_text {
min-width: 0;
flex: 1 1 auto;
}
.mep_smart_theme .mpwem_related_area .related_title h3 {
margin: 0 !important;
padding: 0 !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
color: var(--mep-rel-text) !important;
letter-spacing: -0.02em;
}
.mep_smart_theme .mpwem_related_area .related_title_sub {
display: block !important;
margin: 6px 0 0 !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
color: var(--mep-rel-muted) !important;
}
.mep_smart_theme .mpwem_related_area .related_navigation {
display: inline-flex !important;
align-items: center;
gap: 8px;
flex-shrink: 0;
padding: 4px;
border: 1px solid var(--mep-rel-border);
border-radius: 999px;
background: var(--mep-rel-soft);
}
.mep_smart_theme .mpwem_related_area .related_navigation button,
.mep_smart_theme .mpwem_related_area .related_navigation button._button_theme_xs,
.mep_smart_theme .mpwem_related_area .related_navigation button.slick-arrow {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: #fff !important;
color: var(--mep-rel-text) !important;
box-shadow: var(--mep-rel-shadow) !important;
cursor: pointer;
transition: background 0.18s ease, color 0.18s ease;
}
.mep_smart_theme .mpwem_related_area .related_navigation button:hover,
.mep_smart_theme .mpwem_related_area .related_navigation button._button_theme_xs:hover {
background: var(--mep-rel-text) !important;
color: #fff !important;
transform: none;
box-shadow: none !important;
}
.mep_smart_theme .mpwem_related_area .related_navigation button span,
.mep_smart_theme .mpwem_related_area .related_navigation button i {
color: inherit !important;
font-size: 12px !important;
line-height: 1 !important;
}
.mep_smart_theme .mpwem_related_area .related_item,
.mep_smart_theme .mpwem_related_area .related_item.mep_event_list {
margin: 0;
min-width: 0;
overflow: visible;
gap: 0 !important;
}
.mep_smart_theme .mpwem_related_area .related_item .slick-list {
margin: 0 calc(var(--mep-rel-gap) * -1);
padding: 8px 0 20px;
overflow: hidden !important;
}
.mep_smart_theme .mpwem_related_area .related_item .slick-track {
display: flex !important;
align-items: stretch;
gap: 0 !important;
} .mep_smart_theme .mpwem_related_area .related_item .slick-slide,
.mep_smart_theme .mpwem_related_area .mep-event-list-loop,
.mep_smart_theme .mpwem_related_area .filter_item.mep_event_grid_item,
.mep_smart_theme .mpwem_related_area .filter_item.mep_event_card {
position: relative !important;
display: flex !important;
flex-direction: column;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 var(--mep-rel-gap) !important;
box-sizing: border-box !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
.mep_smart_theme .mpwem_related_area .filter_item.mep_event_card::before {
display: none !important;
content: none !important;
}
.mep_smart_theme .mpwem_related_area .mep_event_card__surface {
display: flex !important;
flex-direction: column;
flex: 1 1 auto;
width: 100%;
min-height: 0;
height: 100%;
background: var(--mep-rel-bg) !important;
border: 1px solid var(--mep-rel-border) !important;
border-radius: var(--mep-rel-radius) !important;
box-shadow: var(--mep-rel-shadow) !important;
overflow: hidden !important;
transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}
.mep_smart_theme .mpwem_related_area .filter_item.mep_event_card:hover .mep_event_card__surface {
border-color: transparent !important;
box-shadow: var(--mep-rel-shadow-hover) !important;
transform: translateY(-3px);
}
.mep_smart_theme .mpwem_related_area .mep_event_card__media {
position: relative !important;
display: block !important;
flex: 0 0 auto !important;
width: 100% !important;
height: 190px !important;
min-height: 190px !important;
max-height: 190px !important;
overflow: hidden !important;
background: var(--mep-rel-soft) !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.mep_smart_theme .mpwem_related_area .mep_list_thumb {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
max-height: none !important;
margin: 0 !important;
overflow: hidden !important;
background: var(--mep-rel-soft) !important;
border-radius: 0 !important;
}
.mep_smart_theme .mpwem_related_area .mep_list_thumb_img {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
object-fit: cover !important;
object-position: center !important;
opacity: 1 !important;
visibility: visible !important;
transition: transform 500ms ease;
}
.mep_smart_theme .mpwem_related_area .filter_item.mep_event_card:hover .mep_list_thumb_img {
transform: scale(1.04);
} .mep_smart_theme .mpwem_related_area .mep_list_thumb > [data-bg-image],
.mep_smart_theme .mpwem_related_area .mep_list_thumb > div[data-href] {
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
margin: 0 !important;
background: transparent !important;
background-image: none !important;
opacity: 1 !important;
cursor: pointer;
}
.mep_smart_theme .mpwem_related_area .mep_list_thumb > [data-bg-image]::before,
.mep_smart_theme .mpwem_related_area .mep_list_thumb > div[data-href]::before {
display: none !important;
content: none !important;
}
.mep_smart_theme .mpwem_related_area .mep_event_card__category {
position: absolute;
top: 12px;
right: 12px;
z-index: 5;
max-width: min(48%, 130px);
padding: 5px 10px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
color: var(--mep-rel-text);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.06em;
line-height: 1.2;
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mep_smart_theme .mpwem_related_area .mep_event_card__media .mep-ev-start-date,
.mep_smart_theme .mpwem_related_area .mep-ev-start-date {
position: absolute !important;
top: 12px !important;
left: 12px !important;
right: auto !important;
bottom: auto !important;
z-index: 6;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
float: none !important;
width: auto !important;
min-width: 48px;
max-width: 64px;
margin: 0 !important;
padding: 7px 8px !important;
border-radius: 12px !important;
background: rgba(255, 255, 255, 0.96) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 0 !important;
box-shadow: 0 4px 16px rgba(17, 17, 19, 0.08) !important;
color: var(--mep-rel-text);
line-height: 1.1;
pointer-events: none;
}
.mep_smart_theme .mpwem_related_area .mep-ev-start-date .mep-month {
background: transparent !important;
border-radius: 0;
font-size: 10px !important;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--mep-rel-muted) !important;
}
.mep_smart_theme .mpwem_related_area .mep-ev-start-date .mep-day {
font-size: 18px !important;
font-weight: 800;
color: var(--mep-rel-text) !important;
}
.mep_smart_theme .mpwem_related_area .mepev-ribbons {
position: absolute !important;
top: auto !important;
left: auto !important;
right: 12px !important;
bottom: 12px !important;
z-index: 5;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px;
max-width: calc(100% - 24px);
pointer-events: none;
}
.mep_smart_theme .mpwem_related_area .mepev-ribbon {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 5px 9px;
border-radius: 8px;
background: rgba(17, 17, 19, 0.82);
color: #fff !important;
font-size: 10px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.03em;
}
.mep_smart_theme .mpwem_related_area .mepev-ribbon.multidate,
.mep_smart_theme .mpwem_related_area .mepev-ribbon.recurring {
background: rgba(37, 99, 235, 0.9);
}
.mep_smart_theme .mpwem_related_area .mep_list_event_details,
.mep_smart_theme .mpwem_related_area .mep_event_card__body {
position: relative;
z-index: 1;
display: flex !important;
flex-direction: column;
flex: 1 1 auto;
width: 100%;
min-height: 0;
padding: 16px !important;
box-sizing: border-box;
gap: 0;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.mep_smart_theme .mpwem_related_area .event_details_link {
display: flex !important;
flex-direction: column;
gap: 6px;
text-decoration: none !important;
color: inherit;
min-height: 0 !important;
margin-bottom: 0 !important;
flex: 0 0 auto;
}
.mep_smart_theme .mpwem_related_area .mep_list_title {
margin: 0 !important;
padding: 0 !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
color: var(--mep-rel-text) !important;
letter-spacing: -0.01em;
text-transform: none !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.mep_smart_theme .mpwem_related_area .mep-event-list-loop:hover .mep_list_title {
color: var(--mep-rel-text) !important;
}
.mep_smart_theme .mpwem_related_area .list_content {
display: flex !important;
align-items: flex-start;
gap: 7px;
margin: 0 !important;
padding: 0 !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.45 !important;
color: var(--mep-rel-muted) !important;
}
.mep_smart_theme .mpwem_related_area .list_content.upcomming_date_only_only {
color: var(--mep-rel-text) !important;
font-weight: 600 !important;
}
.mep_smart_theme .mpwem_related_area .list_content.upcomming_location {
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.mep_smart_theme .mpwem_related_area .list_content span.mi,
.mep_smart_theme .mpwem_related_area .list_content i {
flex-shrink: 0;
margin-top: 2px;
color: var(--mep-rel-muted) !important;
font-size: 12px;
opacity: 0.8;
}
.mep_smart_theme .mpwem_related_area .list_content.upcomming_organizer {
display: none !important;
}
.mep_smart_theme .mpwem_related_area .mpwem-price-area,
.mep_smart_theme .mpwem_related_area .mep_event_card__footer {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: auto;
padding-top: 14px;
border-top: 1px solid var(--mep-rel-border);
flex-wrap: nowrap;
}
.mep_smart_theme .mpwem_related_area .list_price {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.mep_smart_theme .mpwem_related_area .list_price_label {
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--mep-rel-muted) !important;
line-height: 1;
}
.mep_smart_theme .mpwem_related_area .list_price_value,
.mep_smart_theme .mpwem_related_area .list_price_value .amount,
.mep_smart_theme .mpwem_related_area .list_price_value .woocommerce-Price-amount {
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
color: var(--mep-rel-text) !important;
letter-spacing: -0.02em;
}
.mep_smart_theme .mpwem_related_area .list_price_value .woocommerce-Price-currencySymbol {
color: var(--mep-rel-text) !important;
font-weight: 800 !important;
}
.mep_smart_theme .mpwem_related_area .mep_event_card__book {
display: inline-flex !important;
align-items: center;
gap: 4px;
margin-left: auto;
padding: 8px 14px;
border-radius: 999px;
background: var(--mep-rel-text);
color: #fff !important;
font-size: 12px;
font-weight: 600;
line-height: 1;
text-decoration: none !important;
flex-shrink: 0;
transition: opacity 150ms ease;
}
.mep_smart_theme .mpwem_related_area .mep_event_card__book:hover {
opacity: 0.88;
color: #fff !important;
}
.mep_smart_theme .mpwem_related_area .mep_event_card__book span {
transition: transform 150ms ease;
}
.mep_smart_theme .mpwem_related_area .mep_event_card__book:hover span {
transform: translateX(2px);
} .mep_smart_theme .mpwem_related_area .mpwem_status_area,
.mep_smart_theme .mpwem_related_area .mpwem_list_date_list,
.mep_smart_theme .mpwem_related_area .list_calender,
.mep_smart_theme .mpwem_related_area .date_list_area,
.mep_smart_theme .mpwem_related_area .calendar-list-area,
.mep_smart_theme .mpwem_related_area button.mpwem_get_date_list {
display: none !important;
}
@media (max-width: 640px) {
.mep_smart_theme .mpwem_related_area {
--mep-rel-gap: 12px;
margin-top: 40px;
}
.mep_smart_theme .mpwem_related_area .related_title {
align-items: center;
margin-bottom: 16px !important;
}
.mep_smart_theme .mpwem_related_area .related_title h3 {
font-size: 1.25rem !important;
}
.mep_smart_theme .mpwem_related_area .related_title_sub {
font-size: 13px !important;
}
.mep_smart_theme .mpwem_related_area .related_navigation button,
.mep_smart_theme .mpwem_related_area .related_navigation button._button_theme_xs {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
}
.mep_smart_theme .mpwem_related_area .mep_event_card__media {
height: 160px !important;
min-height: 160px !important;
max-height: 160px !important;
}
.mep_smart_theme .mpwem_related_area .mep_list_event_details,
.mep_smart_theme .mpwem_related_area .mep_event_card__body {
padding: 14px !important;
}
.mep_smart_theme .mpwem_related_area .mep_list_title {
font-size: 14px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.mep_smart_theme .mpwem_related_area .filter_item.mep_event_card:hover .mep_event_card__surface {
transform: none;
}
.mep_smart_theme .mpwem_related_area .filter_item.mep_event_card:hover .mep_list_thumb_img {
transform: none;
}
}
.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: 1px solid #e4e4e9;
border-radius: 12px;
height: 46px;
}
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: auto;
margin: 0 auto;
border: none;
}
div.filter_input_area:first-child {
border-bottom-width: 0;
}
div.filter_input_area:last-child {
border-top-width: 0;
}
div.filter_input_area>* {
border-right: none;
}
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: block;
border: 1px solid #e8e8ec;
border-radius: 18px;
background: #fff;
box-shadow: 0 1px 2px rgba(17, 17, 19, 0.04);
padding: 16px 18px;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.list_with_filter_section .sort_code_search_box label,
.list_with_filter_section .mep_filter_field {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
}
.list_with_filter_section .mep_filter_field__label {
font-size: 11px;
font-weight: 650;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #6b6b76;
}
.list_with_filter_section .mep_filter_field__control {
position: relative;
display: flex;
align-items: center;
width: 100%;
}
.list_with_filter_section .mep_filter_field__icon {
position: absolute;
left: 14px;
z-index: 1;
color: #6b6b76;
pointer-events: none;
font-size: 13px;
line-height: 1;
}
.list_with_filter_section .mep_filter_field--search .formControl,
.list_with_filter_section .mep_filter_field--date .formControl {
padding-left: 40px;
}
.list_with_filter_section .mep_filter_field__control--select::after {
content: "";
position: absolute;
right: 14px;
top: 50%;
width: 8px;
height: 8px;
border-right: 1.5px solid #6b6b76;
border-bottom: 1.5px solid #6b6b76;
transform: translateY(-65%) rotate(45deg);
pointer-events: none;
}
.list_with_filter_section .mep_filter_field__control--select .formControl {
appearance: none;
-webkit-appearance: none;
padding-right: 36px;
cursor: pointer;
}
.list_with_filter_section .flexEqual.filter_input_area {
display: grid;
grid-template-columns: minmax(220px, 1.4fr) repeat(auto-fit, minmax(150px, 1fr));
gap: 12px 14px;
align-items: end;
}
.list_with_filter_section .flexEqual.filter_input_area > * {
flex: none;
}
.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: 0 0 18px;
}
.list_with_filter_section .search_sort_code_counts {
margin: 10px 2px 0;
font-size: 13px;
color: #6b6b76;
text-align: left;
}
.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: 0 14px;
margin: 0;
color: #111113;
line-height: 1.25;
background: #fff;
border-radius: 12px;
border: 1px solid #e8e8ec;
height: 46px;
box-sizing: border-box;
transition: border-color 160ms ease, box-shadow 160ms ease;
}
.list_with_filter_section .formControl:focus {
outline: none;
border-color: var(--color_theme, #111113);
box-shadow: 0 0 0 3px rgba(17, 17, 19, 0.08);
}
.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;
}
.mep_smart_theme div.mep-ev-start-date .mep-month {
background: transparent !important;
border-radius: 0;
} 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;
min-height: 0 !important;
margin-bottom: 0 !important;
}
.mep_smart_theme .mep_list_event_details a.event_details_link {
min-height: 0 !important;
margin-bottom: 0 !important;
}
.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: transparent;
border-radius: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.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;
align-items: center;
justify-content: center;
gap: 4px;
min-width: 0;
padding: 12px 10px;
border: 1px solid #e6e8ee;
border-radius: 12px;
background: #f5f6f8;
}
.default_theme .mep-default-sidrbar-price-seat .setas-info .total-seats > div,
.default_theme .mep-default-sidrbar-price-seat .setas-info .available-seats > div {
font-size: 12px;
font-weight: 600;
line-height: 1.3;
color: #6b6b76;
letter-spacing: 0.02em;
}
.default_theme .mep-default-sidrbar-price-seat .setas-info .total-seats strong,
.default_theme .mep-default-sidrbar-price-seat .setas-info .available-seats strong {
font-size: 22px;
font-weight: 800;
line-height: 1.1;
color: #1a1a1f;
letter-spacing: -0.03em;
}
.default_theme .mep-default-sidrbar-price-seat .setas-info:not(:has(.available-seats)) {
grid-template-columns: 1fr;
}
.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_filter_page {
margin-top: 78px;
}
.mep-city-list {
--mep-city-accent: var(--color_theme, #6c5ce7);
--mep-city-text: #111113;
--mep-city-muted: #777773;
--mep-city-border: #e7e7e3;
--mep-city-bg: #ffffff;
--mep-city-soft: color-mix(in srgb, var(--mep-city-accent) 12%, #fff);
--mep-city-surface: #f6f6f3;
display: block;
width: 100%;
}
.mep-city-list ul,
.mep-city-list .mep-city-list__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 18px;
margin: 0;
padding: 0;
list-style: none;
}
.mep-city-list[data-count="1"] .mep-city-list__grid,
.mep-city-list[data-count="2"] .mep-city-list__grid,
.mep-city-list[data-count="3"] .mep-city-list__grid {
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.mep-city-list .mep-city-list__cell {
margin: 0;
padding: 0;
list-style: none;
min-width: 0;
}
.mep-city-list ul li a,
.mep-city-list .mep-city-list__item {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 0;
overflow: hidden;
border: 1px solid var(--mep-city-border);
border-radius: 20px;
background: var(--mep-city-bg);
color: var(--mep-city-text);
text-decoration: none;
box-shadow: 0 2px 8px rgba(11, 11, 13, 0.04);
transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}
.mep-city-list ul li a:hover,
.mep-city-list ul li a:focus-visible,
.mep-city-list .mep-city-list__item:hover,
.mep-city-list .mep-city-list__item:focus-visible {
border-color: transparent;
box-shadow: 0 20px 40px rgba(11, 11, 13, 0.1);
transform: translateY(-4px);
color: var(--mep-city-text);
outline: none;
}
.mep-city-list .mep-city-list__media {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 110px;
padding: 28px 20px 20px;
background:
radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, var(--mep-city-accent) 22%, transparent), transparent 55%),
linear-gradient(160deg, var(--mep-city-soft), var(--mep-city-surface));
}
.mep-city-list .mep-city-list__initial {
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 20px;
background: var(--mep-city-bg);
color: var(--mep-city-accent);
font-size: 28px;
font-weight: 800;
letter-spacing: -0.03em;
line-height: 1;
box-shadow: 0 10px 24px color-mix(in srgb, var(--mep-city-accent) 16%, transparent);
}
.mep-city-list .mep-city-list__pin {
position: absolute;
right: 16px;
top: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.9);
color: var(--mep-city-accent);
font-size: 13px;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.mep-city-list .mep-city-list__icon,
.mep-city-list .mep-city-list__icon i,
.mep-city-list li i {
margin: 0;
color: inherit;
}
.mep-city-list .mep-city-list__body {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
flex: 1;
padding: 18px 20px 8px;
}
.mep-city-list .mep-city-list__name {
display: block;
font-size: 22px;
font-weight: 750;
line-height: 1.2;
letter-spacing: -0.02em;
color: var(--mep-city-text);
overflow-wrap: anywhere;
word-break: normal;
hyphens: none;
}
.mep-city-list .mep-city-list__hint {
display: block;
font-size: 13px;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
color: var(--mep-city-muted);
line-height: 1.35;
}
.mep-city-list .mep-city-list__cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: auto;
padding: 14px 20px 18px;
}
.mep-city-list .mep-city-list__cta-text {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--mep-city-accent);
}
.mep-city-list .mep-city-list__chevron {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
min-width: 36px;
border-radius: 999px;
background: var(--mep-city-text);
color: #fff;
font-size: 12px;
opacity: 1;
transition: transform 0.22s ease, background 0.22s ease;
}
.mep-city-list .mep-city-list__item:hover .mep-city-list__chevron,
.mep-city-list .mep-city-list__item:focus-visible .mep-city-list__chevron {
opacity: 1;
transform: translateX(3px);
background: var(--mep-city-accent);
}
@media only screen and (max-width: 640px) {
.mep-city-list ul,
.mep-city-list .mep-city-list__grid {
grid-template-columns: 1fr;
gap: 12px;
}
.mep-city-list .mep-city-list__media {
min-height: 96px;
padding: 22px 18px 16px;
}
.mep-city-list .mep-city-list__initial {
width: 56px;
height: 56px;
font-size: 24px;
border-radius: 16px;
}
.mep-city-list .mep-city-list__name {
font-size: 20px;
}
.mep-city-list .mep-city-list__body {
padding: 16px 18px 6px;
}
.mep-city-list .mep-city-list__cta {
padding: 12px 18px 16px;
}
}
@media (prefers-reduced-motion: reduce) {
.mep-city-list ul li a,
.mep-city-list .mep-city-list__item,
.mep-city-list .mep-city-list__chevron {
transition: none;
}
.mep-city-list ul li a:hover,
.mep-city-list .mep-city-list__item:hover {
transform: none;
}
.mep-city-list .mep-city-list__item:hover .mep-city-list__chevron {
transform: none;
}
}
.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: 0;
padding: 0;
overflow: visible;
display: block;
margin-top: 12px;
margin-bottom: 0;
background: transparent;
}
.default_theme .mep_checkbox_item ._fs_label {
margin-bottom: 15px;
display: block;
}
.default_theme .groupRadioCheck {
margin-top: 5px;
}  .mep-events-cats-list {
--mep-tax-accent: var(--color_theme, #2563eb);
--mep-tax-text: #1a1a1f;
--mep-tax-muted: #6b6b76;
--mep-tax-border: #e6e8ee;
--mep-tax-bg: #ffffff;
--mep-tax-soft: color-mix(in srgb, var(--mep-tax-accent) 8%, #fff);
display: block;
width: 100%;
margin: 0 0 22px;
padding: 16px 18px;
box-sizing: border-box;
border: 1px solid var(--mep-tax-border);
border-radius: 16px;
background: linear-gradient(180deg, color-mix(in srgb, var(--mep-tax-accent) 5%, #fff), #fff);
box-shadow: 0 2px 8px rgba(26, 26, 31, 0.04);
}
.mep-event-cat-controls {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
button.mep-cat-control,
.pagination-sec a {
background: var(--color_theme);
color: var(--color_7);
}
button.mep-cat-control {
appearance: none;
-webkit-appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
margin: 0;
padding: 10px 16px;
border: 1px solid var(--mep-tax-border);
border-radius: 999px;
background: var(--mep-tax-bg);
color: var(--mep-tax-text);
font-size: 14px;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
outline: none;
box-shadow: 0 1px 2px rgba(26, 26, 31, 0.04);
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
button.mep-cat-control .mep-cat-control__text {
display: inline-block;
max-width: 220px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
button.mep-cat-control:hover,
button.mep-cat-control:focus-visible {
border-color: color-mix(in srgb, var(--mep-tax-accent) 40%, var(--mep-tax-border));
background: color-mix(in srgb, var(--mep-tax-accent) 6%, #fff);
color: var(--mep-tax-text);
box-shadow: 0 6px 16px color-mix(in srgb, var(--mep-tax-accent) 14%, transparent);
transform: translateY(-1px);
outline: none;
}
button.mep-cat-control.mixitup-control-active,
button.mep-cat-control.mixitup-control-active:hover,
button.mep-cat-control.mixitup-control-active:focus-visible {
border-color: transparent;
background: var(--mep-tax-accent);
color: #fff;
box-shadow: 0 10px 22px color-mix(in srgb, var(--mep-tax-accent) 28%, transparent);
transform: translateY(-1px);
}
.mep-events-cats-list--org {
background: linear-gradient(180deg, color-mix(in srgb, var(--mep-tax-accent) 7%, #fff), #fff);
}
.mep-events-cats-list--org .mep-event-cat-controls {
gap: 10px;
}
@media only screen and (max-width: 640px) {
.mep-events-cats-list {
padding: 14px;
margin-bottom: 16px;
border-radius: 14px;
}
.mep-event-cat-controls {
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 4px;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
button.mep-cat-control {
flex: 0 0 auto;
padding: 9px 14px;
font-size: 13px;
}
button.mep-cat-control .mep-cat-control__text {
max-width: 160px;
}
}
@media (prefers-reduced-motion: reduce) {
button.mep-cat-control {
transition: none;
}
button.mep-cat-control:hover,
button.mep-cat-control.mixitup-control-active {
transform: none;
}
}
.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;
}
.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,
.mep_reviews_panel {
padding: 0;
margin: 28px 0 12px;
}
.mep_reviews_head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px 24px;
flex-wrap: wrap;
margin-bottom: 20px;
}
.mep_reviews_eyebrow {
display: inline-block;
margin: 0 0 8px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #8a8a96;
}
.mep_reviews_title {
margin: 0 0 8px !important;
font-size: 1.6rem !important;
font-weight: 700 !important;
line-height: 1.2;
letter-spacing: -0.02em;
color: #111113 !important;
}
.mep_reviews_meta,
.mep_reviews_count {
color: #6b6b76;
font-size: 0.92rem;
font-weight: 500;
}
.mep-event-review-list-wrapper #give-review-btn {
appearance: none;
-webkit-appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0;
padding: 12px 20px;
border: 0;
border-radius: 999px;
background: var(--color_theme, #111113);
color: #fff;
font-weight: 700;
font-size: 0.94rem;
line-height: 1.2;
cursor: pointer;
box-shadow: 0 8px 20px rgba(17, 17, 19, 0.12);
transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}
.mep-event-review-list-wrapper #give-review-btn:hover {
color: #fff;
text-decoration: none;
filter: brightness(1.05);
transform: translateY(-1px);
}
.mep_reviews_empty {
display: none;
}
.mep_reviews_meta--empty {
margin: 0;
}
.mep_reviews_panel--empty {
margin: 20px 0 8px;
padding: 16px 18px;
border: 1px solid #ececf0;
border-radius: 16px;
background: #fafafb;
}
.mep_reviews_panel--empty .mep_reviews_head {
margin: 0;
align-items: center;
gap: 12px 20px;
}
.mep_reviews_panel--empty .mep_reviews_title {
margin: 0 0 4px !important;
font-size: 1.1rem !important;
font-weight: 700 !important;
letter-spacing: -0.01em;
}
.mep_reviews_panel--empty .mep_reviews_meta,
.mep_reviews_panel--empty .mep_reviews_meta--empty {
margin: 0;
font-size: 0.88rem;
font-weight: 450;
line-height: 1.45;
color: #8a8a96;
}
.mep_reviews_panel--empty #give-review-btn {
padding: 10px 16px;
font-size: 0.88rem;
font-weight: 650;
box-shadow: none;
}
.mep_reviews_panel--empty #give-review-btn:hover {
transform: none;
box-shadow: none;
}
.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: 700;
font-size: 15px;
border-radius: 999px;
line-height: 1.2;
min-height: 44px;
padding: 12px 20px;
cursor: pointer;
background: var(--color_theme);
border: 0;
color: #fff;
}
.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 {
--mep-ex-ink: #111827;
--mep-ex-muted: #6b7280;
--mep-ex-line: #e5e7eb;
--mep-ex-bg: #fafafa;
--mep-ex-accent: #0f766e;
--mep-ex-accent-soft: #ecfdf5;
margin: 16px 0 0;
padding: 0;
border: 0;
background: transparent;
color: var(--mep-ex-ink);
text-align: left;
}
.mpwem-expired-card.is-expired {
--mep-ex-accent: #9f1239;
--mep-ex-accent-soft: #fff1f2;
--mep-ex-bg: #fffafa;
}
.mpwem-expired-card.is-closed {
--mep-ex-accent: #c2410c;
--mep-ex-accent-soft: #fff7ed;
--mep-ex-bg: #fffaf5;
}
.mpwem-expired-card__inner {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 16px 18px;
border: 1px solid var(--mep-ex-line);
border-radius: 12px;
background: var(--mep-ex-bg);
}
.mpwem-expired-card__icon {
flex: 0 0 44px;
width: 44px;
height: 44px;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0;
padding: 0;
border: 1px solid var(--mep-ex-line);
border-radius: 10px;
background: #fff;
color: var(--mep-ex-accent);
line-height: 0 !important;
font-size: 0 !important;
box-shadow: none;
animation: none;
}
.mpwem-expired-card__icon svg {
display: block;
width: 22px;
height: 22px;
margin: 0;
padding: 0;
flex-shrink: 0;
}
.mpwem-expired-card__icon i,
.mpwem-expired-card__icon i::before {
display: none !important;
}
.mpwem-expired-card__body {
min-width: 0;
flex: 1 1 auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
padding-top: 1px;
}
.mpwem-expired-status {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 4px;
background: var(--mep-ex-accent-soft);
color: var(--mep-ex-accent);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
line-height: 1.4;
text-transform: uppercase;
}
.mpwem-expired-title {
margin: 2px 0 0;
font-size: 16px;
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.35;
color: var(--mep-ex-ink);
}
.mpwem-expired-date {
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.5;
color: var(--mep-ex-muted);
}
.mpwem-date-highlight {
display: inline;
margin-left: 3px;
font-weight: 600;
color: var(--mep-ex-ink);
}
.mpwem-total-sold-badge {
display: inline-flex !important;
align-items: center;
gap: 6px;
margin-top: 8px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--mep-ex-muted);
font-size: 13px;
font-weight: 500;
line-height: 1.3;
backdrop-filter: none;
}
.mpwem-total-sold-badge__icon,
.mpwem-total-sold-badge__label {
display: none;
}
.mpwem-total-sold-badge strong,
.mpwem-total-sold-badge__count {
margin: 0;
font-size: 13px;
font-weight: 700;
color: var(--mep-ex-ink);
font-variant-numeric: tabular-nums;
}
@media (max-width: 640px) {
.mpwem-expired-card__inner {
gap: 12px;
padding: 14px;
}
.mpwem-expired-card__icon {
flex-basis: 40px;
width: 40px;
height: 40px;
}
.mpwem-expired-card__icon svg {
width: 20px;
height: 20px;
}
.mpwem-expired-title {
font-size: 15px;
}
}
.default_theme .event-expire-btn,
.mep_smart_theme .event-expire-btn,
.horizon_theme .event-expire-btn,
.mep_virtual_theme .event-expire-btn,
.virtual_theme .event-expire-btn {
border: 0;
padding: 0;
overflow: visible;
display: block;
margin: 12px 0 0;
background: transparent;
}
.smart_theme_metainfo {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 10px 0;
}
.smart_theme_metainfo i {
color: var(--color_theme);
} .mep_smart_theme .smart_theme_hero {
--smart-hero-h: clamp(220px, 34vw, 380px);
position: relative;
margin: 0 0 24px;
border-radius: 18px;
overflow: hidden;
max-height: var(--smart-hero-h);
}
.mep_smart_theme .smart_theme_hero .mpwem_slider_area {
position: relative;
margin: 0 !important;
height: var(--smart-hero-h);
min-height: var(--smart-hero-h);
max-height: var(--smart-hero-h);
overflow: hidden;
}
.mep_smart_theme .smart_theme_hero .mpwem_slider_area.is-loading {
min-height: var(--smart-hero-h);
max-height: var(--smart-hero-h);
height: var(--smart-hero-h);
} .mep_smart_theme .smart_theme_hero .post_thumb,
.mep_smart_theme .smart_theme_hero .post_thumb.is-style-2,
.mep_smart_theme .smart_theme_hero .mpwem_slider_style2_feature {
display: block;
width: 100%;
height: var(--smart-hero-h) !important;
min-height: var(--smart-hero-h) !important;
max-height: var(--smart-hero-h) !important;
overflow: hidden;
}
.mep_smart_theme .smart_theme_hero .post_thumb img,
.mep_smart_theme .smart_theme_hero .mpwem_slider_style2_feature img {
display: block;
width: 100% !important;
height: 100% !important;
max-height: none !important;
object-fit: cover !important;
object-position: center center !important;
}
.mep_smart_theme .smart_theme_hero .mpwem_slider_area > .superSlider,
.mep_smart_theme .smart_theme_hero .mpwem_slider_area > .superSlider > .dFlex,
.mep_smart_theme .smart_theme_hero .sliderAllItem,
.mep_smart_theme .smart_theme_hero .sliderItem,
.mep_smart_theme .smart_theme_hero .sliderShowcase {
height: var(--smart-hero-h) !important;
min-height: var(--smart-hero-h) !important;
max-height: var(--smart-hero-h) !important;
} .mep_smart_theme .smart_theme_hero .post_thumb.is-style-2 > .superSlider {
position: absolute !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
margin: 0 !important;
padding: 0 !important;
}
.mep_smart_theme .smart_theme_hero .sliderItem [data-bg-image],
.mep_smart_theme .smart_theme_hero .sliderItem .bg_image_area {
height: 100% !important;
min-height: 100% !important;
max-height: none !important;
background-size: cover !important;
background-position: center center !important;
} .mep_smart_theme .mpwem_slider_area.is-loading .superSlider .iconIndicator,
.mep_smart_theme .mpwem_slider_area.is-loading .superSlider .iconIndicator.prevItem,
.mep_smart_theme .mpwem_slider_area.is-loading .superSlider .iconIndicator.nextItem,
.mep_smart_theme .mpwem_slider_area.is-loading .superSlider .slideIndicator,
.mep_smart_theme .mpwem_slider_area.is-loading .superSlider .sliderShowcase,
.mep_smart_theme .mpwem_slider_area.is-loading .superSlider .sliderAllItem,
.mep_smart_theme .mpwem_slider_area.is-loading .mpwem_slider_style2_controls {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
.mep_smart_theme .mpwem_slider_area.is-ready .superSlider .iconIndicator,
.mep_smart_theme .mpwem_slider_area.is-ready .superSlider .sliderAllItem,
.mep_smart_theme .mpwem_slider_area.is-ready .superSlider .sliderShowcase,
.mep_smart_theme .mpwem_slider_area.is-ready .mpwem_slider_style2_controls {
opacity: 1;
visibility: visible;
} .mep_smart_theme .mpwem_slider_area.is-style-2 .superSlider .sliderAllItem {
width: 100% !important;
min-width: 100% !important;
}
.mep_smart_theme .mpwem_slider_area.is-style-2 .superSlider .sliderShowcase {
display: none !important;
}
.mep_smart_theme .smart_theme_hero .mpwem_slider_area.is-style-2 .mpwem_slider_style2_controls {
z-index: 12;
} .mep_smart_theme .mpwem_slider_skeleton {
position: absolute;
inset: 0;
z-index: 4;
display: block;
background: #ececf0;
opacity: 1;
visibility: visible;
pointer-events: none;
transition: opacity 0.35s ease, visibility 0.35s ease;
}
.mep_smart_theme .mpwem_slider_area.is-ready .mpwem_slider_skeleton,
.mep_smart_theme .mpwem_slider_area:not(.is-loading) .mpwem_slider_skeleton {
opacity: 0;
visibility: hidden;
display: none;
}
.mep_smart_theme .mpwem_slider_skeleton__layout {
display: flex;
align-items: stretch;
width: 100%;
height: 100%;
min-height: inherit;
gap: 10px;
padding: 0;
box-sizing: border-box;
}
.mep_smart_theme .mpwem_slider_skeleton.is-column .mpwem_slider_skeleton__layout {
flex-direction: column;
}
.mep_smart_theme .mpwem_slider_skeleton__main {
position: relative;
flex: 1 1 auto;
min-width: 0;
min-height: 100%;
overflow: hidden;
background: #e4e4e8;
}
.mep_smart_theme .mpwem_slider_skeleton__media {
position: absolute;
inset: 0;
display: block;
}
.mep_smart_theme .mpwem_slider_skeleton__nav {
position: absolute;
top: 50%;
z-index: 2;
width: 36px;
height: 36px;
margin-top: -18px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.55);
box-shadow: 0 2px 8px rgba(17, 17, 19, 0.08);
}
.mep_smart_theme .mpwem_slider_skeleton__nav--prev {
left: 18px;
}
.mep_smart_theme .mpwem_slider_skeleton__nav--next {
right: 18px;
}
.mep_smart_theme .mpwem_slider_skeleton__showcase {
display: flex;
flex-direction: column;
flex: 0 0 18.65%;
width: 18.65%;
min-width: 72px;
max-width: 140px;
gap: 10px;
}
.mep_smart_theme .mpwem_slider_skeleton.showcase-left .mpwem_slider_skeleton__showcase {
order: -1;
}
.mep_smart_theme .mpwem_slider_skeleton.is-column .mpwem_slider_skeleton__showcase {
flex: 0 0 auto;
flex-direction: row;
width: 100%;
max-width: none;
min-width: 0;
height: 72px;
}
.mep_smart_theme .mpwem_slider_skeleton__showcase > span {
display: block;
flex: 1 1 0;
min-height: 0;
border-radius: 12px;
overflow: hidden;
}
.mep_smart_theme .mpwem_slider_skeleton.is-column .mpwem_slider_skeleton__showcase > span {
border-radius: 10px;
}
.mep_smart_theme .mpwem_slider_skeleton.is-single .mpwem_slider_skeleton__showcase {
display: none;
}
.mep_smart_theme .mpwem_slider_skeleton__shimmer {
background: linear-gradient(90deg, #e4e4e8 0%, #f3f3f5 45%, #e4e4e8 100%);
background-size: 200% 100%;
animation: mpwem-slider-skel-shimmer 1.25s ease-in-out infinite;
}
@keyframes mpwem-slider-skel-shimmer {
0% { background-position: 100% 0; }
100% { background-position: -100% 0; }
}
@media (max-width: 767px) {
.mep_smart_theme .mpwem_slider_skeleton__showcase {
display: none;
}
.mep_smart_theme .smart_theme_hero {
--smart-hero-h: clamp(200px, 52vw, 280px);
}
.mep_smart_theme .smart_theme_hero .mpwem_slider_area.is-loading {
min-height: var(--smart-hero-h);
max-height: var(--smart-hero-h);
height: var(--smart-hero-h);
}
.mep_smart_theme .mpwem_slider_skeleton__nav {
width: 30px;
height: 30px;
margin-top: -15px;
}
.mep_smart_theme .mpwem_slider_skeleton__nav--prev {
left: 12px;
}
.mep_smart_theme .mpwem_slider_skeleton__nav--next {
right: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
.mep_smart_theme .mpwem_slider_skeleton__shimmer {
animation: none;
background: #e4e4e8;
}
.mep_smart_theme .mpwem_slider_area.is-ready .mpwem_slider_skeleton {
transition: none;
}
}
.mep_smart_theme .smart_theme_hero .mpwem_slider_area div.superSlider .sliderAllItem,
.mep_smart_theme .smart_theme_hero .mpwem_slider_area div.superSlider .sliderShowcaseItem {
border-radius: 0 !important;
}
.mep_smart_theme .smart_theme_header {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
margin: 0 !important;
padding: 72px 24px 22px;
background: linear-gradient(
180deg,
rgba(15, 23, 42, 0) 0%,
rgba(15, 23, 42, 0.42) 38%,
rgba(15, 23, 42, 0.78) 100%
);
pointer-events: none;
}
.mep_smart_theme .smart_theme_header .mpwem_tile,
.mep_smart_theme .smart_theme_header h1.mpwem_tile,
.mep_smart_theme .smart_theme_header .smart_theme_metainfo,
.mep_smart_theme .smart_theme_header .smart_theme_metainfo a {
pointer-events: auto;
}
.mep_smart_theme .smart_theme_header .mpwem_tile,
.mep_smart_theme .smart_theme_header h1.mpwem_tile,
.mep_smart_theme h1.mpwem_tile {
margin: 0 0 12px !important;
padding: 0 !important;
font-size: 34px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: -0.03em;
color: #fff !important;
text-shadow: 0 8px 24px rgba(15, 23, 42, 0.35);
}
.mep_smart_theme .smart_theme_metainfo {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 10px;
margin: 0 !important;
padding: 0 !important;
}
.mep_smart_theme .smart_theme_metainfo .mpwem_organizer,
.mep_smart_theme .smart_theme_metainfo .mpwem_location,
.mep_smart_theme .smart_theme_metainfo .mpwem_time {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
padding: 9px 12px !important;
border: 1px solid rgba(255, 255, 255, 0.22) !important;
border-radius: 12px !important;
background: rgba(255, 255, 255, 0.14) !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: none !important;
color: rgba(255, 255, 255, 0.92) !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
min-width: 0;
max-width: 100%;
}
.mep_smart_theme .smart_theme_metainfo .mpwem_organizer {
flex-wrap: wrap;
}
.mep_smart_theme .smart_theme_metainfo .mpwem_organizer,
.mep_smart_theme .smart_theme_metainfo .mpwem_organizer a {
color: #fff !important;
font-weight: 600 !important;
text-decoration: none !important;
}
.mep_smart_theme .smart_theme_metainfo .mpwem_organizer a:hover {
color: #fff !important;
text-decoration: underline !important;
}
.mep_smart_theme .smart_theme_metainfo .mpwem_organizer h5 {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.06em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.78) !important;
white-space: nowrap;
}
.mep_smart_theme .smart_theme_metainfo .mpwem_organizer h5 .mi,
.mep_smart_theme .smart_theme_metainfo .mpwem_location > i,
.mep_smart_theme .smart_theme_metainfo .mpwem_time > i {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
margin: 0 !important;
border-radius: 9px !important;
background: rgba(255, 255, 255, 0.18) !important;
color: #fff !important;
font-size: 13px !important;
flex-shrink: 0;
}
.mep_smart_theme .smart_theme_metainfo .mpwem_organizer_item {
min-width: 0;
}
.mep_smart_theme .smart_theme_metainfo .mpwem_location > div,
.mep_smart_theme .smart_theme_metainfo .mpwem_time {
min-width: 0;
}
.mep_smart_theme .smart_theme_metainfo .mpwem_location > div {
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 640px) {
.mep_smart_theme .smart_theme_hero {
--smart-hero-h: clamp(200px, 52vw, 280px);
border-radius: 14px;
margin-bottom: 18px;
}
.mep_smart_theme .smart_theme_header {
padding: 48px 14px 14px;
}
.mep_smart_theme .smart_theme_header .mpwem_tile,
.mep_smart_theme .smart_theme_header h1.mpwem_tile,
.mep_smart_theme h1.mpwem_tile {
font-size: 24px !important;
margin-bottom: 10px !important;
}
.mep_smart_theme .smart_theme_metainfo {
flex-direction: column;
gap: 8px;
}
.mep_smart_theme .smart_theme_metainfo .mpwem_organizer,
.mep_smart_theme .smart_theme_metainfo .mpwem_location,
.mep_smart_theme .smart_theme_metainfo .mpwem_time {
width: 100%;
}
} .mep_smart_theme {
font-size: 16px;
line-height: 1.6;
color: #111113;
letter-spacing: normal;
}
.mep-events-wrapper:has(.mep_smart_theme),
.mpwem_wrapper:has(.mep_smart_theme),
.mpwem_style:has(.mep_smart_theme) {
font-size: 16px;
line-height: 1.6;
}
.mep_smart_theme a:hover {
opacity: 1;
}
.mep_smart_theme .mpwem_content_area {
display: flex;
align-items: flex-start;
gap: 28px;
margin: 28px 0 0;
flex-direction: row;
}
.mep_smart_theme .mpwem_left_content {
flex: 1 1 0;
min-width: 0;
max-width: none;
width: auto;
margin-right: 0;
}
.mep_smart_theme .mpwem_right_content {
flex: 0 0 320px;
max-width: 340px;
width: 320px;
min-width: 280px;
}
.mep_smart_theme .mpwem_left_content > * + *,
.mep_smart_theme .mpwem_right_content > * + * {
margin-top: 56px;
}
.mep_smart_theme .mpwem_left_content h2,
.mep_smart_theme .mpwem_right_content h2,
.mep_smart_theme .mpwem_details > h2,
.mep_smart_theme .faq_area > h2,
.mep_smart_theme .mpwem_timeline_area .timeline_section_header h2,
.mep_smart_theme .mpwem_registration_area .section-title,
.mep_smart_theme #mpwem_map_area .map_title,
.mep_smart_theme .mpwem_related_area .related_title h3 {
margin: 0 0 14px !important;
padding: 0 !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: -0.02em;
color: #111113 !important;
background: transparent !important;
border: 0 !important;
text-transform: none;
}
.mep_smart_theme .mpwem_details {
margin: 0;
}
.mep_smart_theme .mpwem_details_content,
.mep_smart_theme .mpwem_details_content.mp_wp_editor {
font-size: 1rem;
line-height: 1.7;
color: #3a3a40;
text-align: justify;
}
.mep_smart_theme .mpwem_details_content p,
.mep_smart_theme .mpwem_details_content ul,
.mep_smart_theme .mpwem_details_content ol {
margin: 0 0 1em !important;
padding: 0;
margin-left: 0 !important;
color: inherit;
font-size: inherit;
line-height: inherit;
text-align: justify;
}
.mep_smart_theme .mpwem_details_content ul,
.mep_smart_theme .mpwem_details_content ol {
padding-left: 1.25em;
}
.mep_smart_theme .mpwem_details_content p:last-child,
.mep_smart_theme .mpwem_details_content ul:last-child,
.mep_smart_theme .mpwem_details_content ol:last-child {
margin-bottom: 0 !important;
} .mpwem_details--has-readmore {
display: flex;
flex-direction: column;
}
.mpwem_details--has-readmore .mpwem_details_content.is-collapsed {
position: relative;
}
.mpwem_details_readmore {
display: inline-flex;
align-self: flex-end;
align-items: center;
margin: 12px 0 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
color: #111113;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0.01em;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
text-decoration-color: rgba(17, 17, 19, 0.35);
transition: color 0.18s ease, text-decoration-color 0.18s ease;
}
.mpwem_details_readmore:hover,
.mpwem_details_readmore:focus {
background: transparent;
color: var(--color_theme, #2563eb);
text-decoration: underline;
text-decoration-color: currentColor;
outline: none;
}
.mpwem_details_readmore .mpwem_details_readmore__less {
display: none;
}
.mpwem_details--has-readmore.is-expanded .mpwem_details_readmore .mpwem_details_readmore__more {
display: none;
}
.mpwem_details--has-readmore.is-expanded .mpwem_details_readmore .mpwem_details_readmore__less {
display: inline;
}
.mep_smart_theme .mpwem_details_readmore {
margin-top: 14px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: #111113;
font-size: 14px;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
text-decoration-color: rgba(17, 17, 19, 0.35);
}
.mep_smart_theme .mpwem_details_readmore:hover,
.mep_smart_theme .mpwem_details_readmore:focus {
background: transparent;
border: 0;
color: #111113;
text-decoration-color: #111113;
opacity: 0.72;
}
.mep_smart_theme .mpwem_registration_area {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.mep_smart_theme .mpwem_registration_area .section-title {
font-size: 1.5rem !important;
margin: 0 0 18px !important;
}
div.mep_smart_theme .mpwem_sidebar_content {
overflow: hidden;
border: 1px solid #e8e8ec;
border-radius: 18px;
box-shadow: 0 1px 2px rgba(17, 17, 19, 0.04);
background: #fff;
}
.mep_smart_theme .mpwem_sidebar_content + .mpwem_sidebar_content,
.mep_smart_theme .mpwem_sidebar_content._mt {
margin-top: 16px !important;
} .mep_smart_theme .mpwem_registration_area,
.mep_smart_theme .faq_area,
.mep_smart_theme .mpwem_timeline_area,
.mep_smart_theme #mpwem_map_area,
.mep_smart_theme .mpwem_related_area,
.mep_smart_theme .mep_reviews_panel,
.mep_smart_theme .mep-event-review-list-wrapper {
margin-top: 56px !important;
margin-bottom: 0;
}
.mep_smart_theme .mpwem_details + .mpwem_registration_area,
.mep_smart_theme .mpwem_registration_area + .faq_area,
.mep_smart_theme .faq_area + .mpwem_timeline_area,
.mep_smart_theme .mpwem_registration_area + .mpwem_timeline_area,
.mep_smart_theme .mpwem_details + .faq_area,
.mep_smart_theme .mpwem_content_area + #mpwem_map_area,
.mep_smart_theme #mpwem_map_area + .mpwem_related_area,
.mep_smart_theme .mpwem_content_area + .mpwem_related_area,
.mep_smart_theme .mpwem_related_area + .mep_reviews_panel,
.mep_smart_theme .mpwem_related_area + .mep-event-review-list-wrapper,
.mep_smart_theme #mpwem_map_area + .mep_reviews_panel,
.mep_smart_theme #mpwem_map_area + .mep-event-review-list-wrapper {
margin-top: 56px !important;
}
.mep_smart_theme .mep_reviews_panel--empty {
margin-top: 56px !important;
}
@media (max-width: 1024px) {
.mep_smart_theme .mpwem_content_area {
flex-direction: column;
gap: 24px;
margin-top: 22px;
}
.mep_smart_theme .mpwem_left_content,
.mep_smart_theme .mpwem_right_content {
flex: 1 1 auto;
max-width: 100%;
width: 100%;
min-width: 0;
margin-right: 0;
}
.mep_smart_theme .mpwem_left_content h2,
.mep_smart_theme .mpwem_right_content h2,
.mep_smart_theme .mpwem_details > h2,
.mep_smart_theme .faq_area > h2,
.mep_smart_theme .mpwem_registration_area .section-title {
font-size: 1.35rem !important;
}
.mep_smart_theme .mpwem_left_content > * + *,
.mep_smart_theme .mpwem_right_content > * + *,
.mep_smart_theme .mpwem_registration_area,
.mep_smart_theme .faq_area,
.mep_smart_theme .mpwem_timeline_area,
.mep_smart_theme #mpwem_map_area,
.mep_smart_theme .mpwem_related_area,
.mep_smart_theme .mep_reviews_panel,
.mep_smart_theme .mep-event-review-list-wrapper,
.mep_smart_theme .mep_reviews_panel--empty {
margin-top: 44px !important;
}
}
@media (max-width: 640px) {
.mep_smart_theme {
font-size: 15px;
}
.mep_smart_theme .mpwem_content_area {
gap: 20px;
margin-top: 18px;
}
.mep_smart_theme .mpwem_left_content > * + *,
.mep_smart_theme .mpwem_right_content > * + *,
.mep_smart_theme .mpwem_registration_area,
.mep_smart_theme .faq_area,
.mep_smart_theme .mpwem_timeline_area,
.mep_smart_theme #mpwem_map_area,
.mep_smart_theme .mpwem_related_area,
.mep_smart_theme .mep_reviews_panel,
.mep_smart_theme .mep-event-review-list-wrapper,
.mep_smart_theme .mep_reviews_panel--empty {
margin-top: 40px !important;
}
} @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;
gap: 24px;
}
.mep_smart_theme .mpwem_left_content {
flex: 1 1 auto;
max-width: 100%;
width: 100%;
min-width: 0;
margin-right: 0;
}
.mep_smart_theme .mpwem_right_content {
flex: 1 1 auto;
max-width: 100%;
width: 100%;
min-width: 0;
}
.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;
}
} .default_theme:not(.mep_smart_theme):not(.virtual_theme) {
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) *,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) *::before,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) *::after {
box-sizing: border-box;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_details_content img,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mp_wp_editor img,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) video,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) canvas {
max-width: 100%;
height: auto;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) iframe,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) embed,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) object {
max-width: 100%;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) table {
width: 100%;
max-width: 100%;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_details_content,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mp_wp_editor {
overflow-wrap: anywhere;
word-break: break-word;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_details_content img,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mp_wp_editor img {
height: auto;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_details_content iframe,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mp_wp_editor iframe {
width: 100%;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_slider_area,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_slider_area .superSlider,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_slider_area .post_thumb {
width: 100%;
max-width: 100%;
min-width: 0;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data {
flex-wrap: wrap;
align-items: center;
gap: 12px 16px;
min-width: 0;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-info {
flex: 1 1 180px;
min-width: 0;
max-width: 100%;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-price,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-price {
flex: 0 1 auto;
min-width: 0;
text-align: left;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .qtyIncDec {
flex: 0 0 auto;
max-width: 100%;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_form_submit_area .mpwem_summery {
flex-wrap: wrap;
gap: 12px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_form_submit_area button[type=submit],
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_form_submit_area [class*="_min_150"],
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_form_submit_area [class*="_min_200"] {
min-width: 0;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_related_area .mpwem-price-area,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_related_area .mep_event_card__footer {
flex-wrap: wrap;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .df-sidebar-part {
max-width: 100%;
}
@media only screen and (max-width: 1199px) {
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mep-default-sidebar {
flex-basis: 280px;
width: 280px;
}
}
@media only screen and (max-width: 1024px) {
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .content_area {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 24px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mep-default-content,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mep-default-sidebar {
flex: 1 1 auto;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_slider_area .superSlider,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_slider_area .superSlider > .dFlex {
flex-direction: column !important;
flex-wrap: nowrap;
width: 100%;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_slider_area .superSlider .sliderAllItem {
width: 100% !important;
min-width: 0;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_slider_area .superSlider .sliderShowcase.left,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_slider_area .superSlider .sliderShowcase.right {
width: 100% !important;
min-width: 0 !important;
flex-direction: row !important;
flex-wrap: nowrap;
overflow-x: auto;
margin: 10px 0 0 !important;
gap: 8px;
-webkit-overflow-scrolling: touch;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_slider_area .superSlider .sliderShowcaseItem {
flex: 0 0 72px;
width: 72px;
height: 72px;
max-width: 72px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_slider_area .superSlider .iconIndicator {
font-size: 22px;
top: calc(50% - 12px);
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_slider_area .superSlider .iconIndicator.prevItem {
left: 10px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_slider_area .superSlider .iconIndicator.nextItem {
right: 10px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .date-time-header {
flex-direction: column;
align-items: stretch;
gap: 12px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .date-time-area {
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
width: 100% !important;
gap: 10px !important;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .date-time-area label,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_time_area,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_time_area label {
width: 100% !important;
max-width: 100% !important;
flex: 1 1 auto !important;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area input#mpwem_date_time,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .date-time-area .formControl {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_related_area .related_title {
align-items: flex-start;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) {
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .content_area {
gap: 20px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .section-title {
font-size: 20px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .date-time-header {
padding: 14px 16px !important;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .date-time-header .ticket-title {
width: 100% !important;
text-align: left !important;
font-size: 16px !important;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-header,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-header {
padding: 14px 16px;
font-size: 16px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ex_service {
--mep-tix-radius: 14px;
--mep-tix-border: #e6e8ee;
--mep-tix-text: #1a1a1f;
--mep-tix-muted: #6b6b76;
--mep-tix-soft: #f5f6f8;
--mep-tix-accent: var(--color_theme, #2563eb);
overflow: visible;
background: transparent;
box-shadow: none;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body {
display: flex !important;
flex-direction: column;
gap: 12px;
padding: 12px 0 4px !important;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type .mep_ticket_item,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ex_service .mep_ticket_item {
margin: 0 !important;
padding: 0 !important;
border: 1px solid var(--mep-tix-border) !important;
border-radius: var(--mep-tix-radius);
background: #fff;
box-shadow: 0 2px 10px rgba(26, 26, 31, 0.05);
overflow: hidden;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas:
"info info"
"price qty";
align-items: center;
gap: 10px 12px;
padding: 14px 14px 12px !important;
margin: 0 !important;
border-bottom: 0 !important;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type .ticket-info,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ex_service .ticket-info,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-info {
grid-area: info;
flex: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type .ticket-name,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ex_service .ticket-name,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-name {
margin: 0 0 4px !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: var(--mep-tix-text) !important;
letter-spacing: -0.02em;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type .ticket-description,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ex_service .ticket-description,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-description {
margin: 0 0 8px !important;
font-size: 13px !important;
line-height: 1.45 !important;
color: var(--mep-tix-muted) !important;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type .ticket-remaining,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ex_service .ticket-remaining,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-remaining {
margin: 0 !important;
padding: 4px 8px !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
border-radius: 999px !important;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type .ticket-price,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ex_service .ticket-price,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-price {
grid-area: price;
flex: none !important;
width: auto !important;
max-width: 100%;
align-self: center;
text-align: left !important;
font-size: 18px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
color: var(--mep-tix-accent) !important;
letter-spacing: -0.03em;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .ticket-price .mep-limited-availability-ribbon {
width: auto;
margin: 0 0 4px !important;
margin-left: 0;
text-align: left;
display: inline-block;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type .quantity-control,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ex_service .quantity-control {
grid-area: qty;
display: flex;
justify-content: flex-end;
align-items: center;
min-width: 0;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .qtyIncDec,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type .qtyIncDec,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ex_service .qtyIncDec {
display: inline-flex !important;
align-items: center;
justify-content: space-between;
width: 132px;
max-width: 132px;
min-height: 44px;
margin: 0;
padding: 4px;
border: 1px solid var(--mep-tix-border);
border-radius: 12px;
background: var(--mep-tix-soft);
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type .qtyIncDec .decQty,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type .qtyIncDec .incQty,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ex_service .qtyIncDec .decQty,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ex_service .qtyIncDec .incQty,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .qtyIncDec .decQty,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .qtyIncDec .incQty {
width: 36px !important;
height: 36px !important;
min-width: 36px;
padding: 0 !important;
border-radius: 10px !important;
background: #fff !important;
color: var(--mep-tix-accent) !important;
box-shadow: 0 1px 2px rgba(26, 26, 31, 0.06);
flex: 0 0 36px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type .qtyIncDec label,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ex_service .qtyIncDec label,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .qtyIncDec label {
display: flex;
align-items: center;
justify-content: center;
flex: 1 1 auto;
margin: 0;
min-width: 0;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type .inputIncDec,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ex_service .inputIncDec,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .inputIncDec {
width: 36px !important;
min-width: 0;
height: 36px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
font-size: 16px !important;
font-weight: 700 !important;
color: var(--mep-tix-text) !important;
text-align: center;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_form_submit_area {
padding: 14px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_form_submit_area .mpwem_summery {
flex-direction: column;
align-items: stretch;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_form_submit_area .total {
width: 100%;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_form_submit_area button[type=submit],
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_form_submit_area .mpwem_book_now,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_form_submit_area [class*="_min_150"],
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_form_submit_area [class*="_min_200"] {
width: 100%;
min-width: 0 !important;
max-width: 100%;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .mpwem_booking_panel .mep_attendee_info .mep_form_item .mp_form_item label {
flex-direction: column;
align-items: stretch;
width: 100%;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mep-events-wrapper table,
.mpwem_style.mep-events-wrapper .default_theme:not(.mep_smart_theme):not(.virtual_theme) table {
table-layout: auto;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpPopup .popupMainArea {
width: calc(100% - 24px) !important;
max-width: calc(100% - 24px) !important;
margin: 12px auto;
max-height: calc(100vh - 24px);
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpPopup .popup_close {
top: 10px;
right: 10px;
width: 36px;
height: 36px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_related_area .mep_event_card__book {
margin-left: 0;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) [class*="_min_150"],
.default_theme:not(.mep_smart_theme):not(.virtual_theme) [class*="_min_200"],
.default_theme:not(.mep_smart_theme):not(.virtual_theme) [class*="_min_250"] {
min-width: 0 !important;
max-width: 100%;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_calender_area > button,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_location_sidebar button {
white-space: normal;
}
}
@media only screen and (max-width: 640px) {
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mep-default-sidebar-tags {
padding: 14px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_organizer {
padding: 14px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_organizer h5 {
flex-wrap: wrap;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_organizer_item {
padding-left: 0;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mep-default-sidrbar-price-seat {
padding: 14px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .event_speaker_list_area {
padding: 14px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_slider_area .superSlider .sliderShowcaseItem {
flex-basis: 56px;
width: 56px;
height: 56px;
max-width: 56px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area_show_msg {
margin: 20px 0;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area_show_msg ._margin_zero_text_center {
padding: 20px 16px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_details > h2,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_details > h2._mb {
font-size: 1.25rem !important;
}
}
@media only screen and (max-width: 480px) {
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .date_time_location_short .short_item {
padding: 12px 14px;
gap: 10px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type .ticket-data,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ex_service .ticket-data {
padding: 12px !important;
gap: 8px 10px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_registration_area .qtyIncDec,
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .mpwem_ticket_type .qtyIncDec {
width: 124px;
max-width: 124px;
}
.default_theme:not(.mep_smart_theme):not(.virtual_theme) .share_widgets .share_widgets_list a {
width: 40px;
height: 40px;
}
}