.mec-fluent-bg-wrap {
position: relative !important;
padding: 120px 30px;
}
.mec-fluent-bg-wrap.force-full {
width: 100vw !important;
left: 50% !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
}
.mec-fluent-wrap {
background-color: #f5fcff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 0 70px rgba(27, 69, 91, 0.16);
margin-left: auto;
margin-right: auto;
}
.mec-fluent-wrap {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.mec-fluent-bg-wrap .mec-fluent-wrap,
.mec-fluent-wrap .mec-fluent-wrap {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.mec-wrap.mec-fluent-wrap .mec-color,
.mec-wrap.mec-fluent-wrap a:hover,
.mec-wrap .mec-color-hover:hover {
color: #00acf8;
}
.mec-fluent-wrap:not(.mec-single-fluent-wrap) .mec-util-hidden {
display: none !important;
}
.mec-fluent-wrap a {
text-decoration: none;
}
.mec-fluent-wrap a:focus,
.mec-fluent-wrap button:focus {
outline: 0;
}
.mec-fluent-wrap .slimScrollBar {
opacity: 1 !important;
}
.mec-fluent-wrap .mCSB_inside > .mCSB_container {
margin: 0;
}
.mec-fluent-wrap .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
.mec-fluent-wrap .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #c7ebfb;
border-radius: 4px;
}
.mec-fluent-wrap .mec-load-more-button {
border-radius: 3px;
border: 1px solid #c7ebfb;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03);
letter-spacing: 0;
font-size: 12px;
color: #00acf8;
}
.mec-fluent-wrap .mec-load-more-button:hover {
background-color: #ebf9ff;
border-color: #00acf8;
color: #00acf8;
box-shadow: 0 4px 10px rgba(0, 172, 248, 0.2);
}
.mec-fluent-wrap .mec-skin-map-container {
margin-bottom: 30px;
}
.mec-fluent-wrap .mec-event-sharing-wrap {
position: relative;
display: inline-block;
left: auto;
padding-left: 0;
padding-right: 0;
}
.mec-fluent-wrap .mec-event-sharing-wrap .mec-event-sharing {
border-color: #c7ebfb;
}
.mec-fluent-wrap .mec-event-sharing-wrap li i {
height: 25px;
}
.mec-fluent-wrap .mec-event-sharing-wrap > li:first-of-type {
border: 0;
margin-bottom: 0;
}
.mec-fluent-wrap .mec-event-sharing-wrap:hover > li:first-of-type {
background-color: #fff;
border-radius: 2px;
}
.mec-fluent-wrap .mec-event-sharing-wrap > li:first-of-type i {
width: 38px;
height: 38px;
color: #00acf8;
}
.mec-fluent-wrap .mec-booking-button {
position: static;
color: #00acf8;
font-size: 12px;
line-height: 12px;
font-weight: 400;
display: block;
float: left; border: 1px solid #c7ebfb;
padding: 12px 16px 11px;
border-radius: 2px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03);
margin-right: 8px;
height: auto;
letter-spacing: 1px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
white-space: nowrap;
}
.mec-fluent-wrap .mec-booking-button:hover {
background-color: #ebf9ff;
border-color: #00acf8;
color: #00acf8;
box-shadow: 0 4px 10px rgba(0, 172, 248, 0.2);
}
.mec-fluent-wrap .mec-price-details i {
margin-right: 0;
}
.mec-fluent-current-time {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
height: 2px;
background-color: #00acf8;
z-index: 2;
text-align: center;
-webkit-transition: top 0.3s ease;
transition: top 0.3s ease;
}
.mec-fluent-current-time-first {
position: absolute;
top: -5px;
left: 0;
display: block;
width: 0;
height: 0;
border-left: 11px solid #00acf8;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.mec-fluent-current-time-last {
position: absolute;
top: -5px;
right: 0;
display: block;
width: 0;
height: 0;
border-right: 11px solid #00acf8;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.mec-fluent-current-time-text {
font-size: 10px;
line-height: 10px;
color: #00acf8; font-weight: 400;
position: relative;
bottom: 20px;
}
.mec-fluent-wrap.mec-fluent-weekly-wrap .mec-fluent-current-time-text {
bottom: 15px;
}
.mec-fluent-wrap .mec-weekly-view-date-events .mec-event-article h4 {
text-transform: none;
}
.mec-fluent-wrap .mec-localtime-details {
position: relative;
margin-bottom: 3px;
padding-left: 22px;
text-align: left;
}
.mec-fluent-wrap .mec-local-time-details:before,
.mec-fluent-wrap .mec-event-time:before {
font-family: simple-line-icons !important;
content: '\e037' !important;
}
.mec-fluent-wrap .mec-local-time-details:before,
.mec-fluent-wrap .mec-event-time:before,
.mec-fluent-wrap .mec-event-time i:before,
.mec-fluent-wrap .mec-localtime-details i:before {
position: absolute;
font-size: 14px;
line-height: 14px;
left: 0;
top: 3px;
color: #ade7ff;
}
.mec-fluent-wrap .mec-event-time,
.mec-fluent-wrap .mec-local-time-details,
.mec-fluent-wrap .mec-localtime-wrap {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
padding-left: 22px;
margin-bottom: 3px;
position: relative;
}
.mec-fluent-wrap .mec-event-time,
.mec-fluent-wrap .mec-local-time-details div,
.mec-fluent-wrap .mec-local-time-details span,
.mec-fluent-wrap .mec-localtime-details div,
.mec-fluent-wrap .mec-localtime-details span {
font-size: 12px !important;
line-height: 17px !important;
font-weight: 400 !important;
color: #898a8c !important; text-align: left;
}
.mec-fluent-wrap .mec-local-time-details .mec-local-title,
.mec-fluent-wrap .mec-local-time-details .mec-local-date,
.mec-fluent-wrap .mec-local-time-details .mec-local-time,
.mec-fluent-wrap .mec-localtime-details span.mec-localtitle {
margin-right: 3px;
margin-left: 0;
}
.mec-fluent-wrap .mec-local-time-details .mec-local-time span,
.mec-fluent-wrap .mec-localtime-details .mec-localtime span { }
.mec-fluent-wrap .mec-event-location {
display: -webkit-box;
display: flex;
padding-top: 6px;
padding-bottom: 5px;
-webkit-box-align: center;
align-items: center;
}
.mec-fluent-wrap .mec-event-location i {
margin-right: 8px !important;
line-height: 19px;
color: #ade7ff;
}
.mec-fluent-wrap .mec-event-location address {
margin: 0;
color: #898a8c;
font-size: 12px;
line-height: 19px;
}
.mec-fluent-wrap .mec-labels-normal,
.mec-fluent-wrap .mec-cancellation-reason {
margin: 3px 0;
display: block;
clear: both;
}
.mec-wrap.mec-fluent-wrap .mec-cancellation-reason span,
.mec-wrap.mec-fluent-wrap .mec-labels-normal .mec-label-normal {
margin-left: 0;
margin-right: 6px;
}
.mec-wrap.mec-fluent-wrap
article:not([class^='mec-event-countdown']):not(
[class^='mec-event-cover-']
).mec-label-canceled:before,
.mec-wrap.mec-fluent-wrap
article:not([class^='mec-event-countdown']):not(
[class^='mec-event-cover-']
).mec-label-featured:before {
padding-bottom: 0;
}
.mec-wrap.mec-fluent-wrap
article:not([class^='mec-event-countdown']):not(
[class^='mec-event-cover-']
).mec-label-featured:before,
.mec-fluent-wrap .mec-event-grid-classic article .mec-fc-style,
.mec-fluent-wrap .mec-event-grid-minimal article .mec-fc-style,
.mec-fluent-wrap .mec-event-grid-simple article .mec-fc-style,
.mec-fluent-wrap .mec-timeline-event .mec-fc-style,
.mec-fluent-wrap .mec-timetable-wrap article .mec-fc-style,
.mec-fluent-wrap .mec-wrap .mec-event-list-accordion article .mec-fc-style,
.mec-wrap.mec-fluent-wrap .mec-event-list-modern article .mec-fc-style,
.mec-wrap.mec-fluent-wrap .mec-events-agenda .mec-agenda-event .mec-fc-style,
.mec-wrap.mec-fluent-wrap article.mec-event-cover-classic .mec-fc-style,
.mec-wrap.mec-fluent-wrap article.mec-event-cover-clean .mec-fc-style,
.mec-wrap.mec-fluent-wrap article.mec-event-cover-modern .mec-fc-style,
.mec-wrap.mec-fluent-wrap article[class^='mec-event-countdown-'] .mec-fc-style,
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-fc-style,
.mec-fluent-wrap.mec-skin-list-wrap .mec-fc-style {
background-color: #1ce1ac !important;
color: #fff !important;
}
.mec-wrap.mec-fluent-wrap
article:not([class^='mec-event-countdown']):not(
[class^='mec-event-cover-']
).mec-label-canceled:before,
.mec-fluent-wrap .mec-timeline-event.mec-label-canceled .mec-fc-style,
.mec-wrap.mec-fluent-wrap
.mec-events-agenda
.mec-agenda-event.mec-label-canceled
.mec-fc-style,
.mec-wrap.mec-fluent-wrap
article.mec-event-cover-modern.mec-label-canceled
.mec-fc-style,
.mec-fluent-wrap
.mec-daily-view-events-right-side
.mec-label-canceled
.mec-fc-style,
.mec-wrap.mec-fluent-wrap .mec-cancellation-reason span,
.mec-wrap.mec-fluent-wrap article.mec-label-canceled .mec-fc-style {
background-color: #ff017e !important;
color: #fff !important;
}
.mec-fluent-wrap
.mec-daily-view-events-right-side
.mec-label-canceled
.mec-fc-style:before,
.mec-wrap.mec-fluent-wrap article.mec-label-canceled .mec-fc-style:before {
color: #ff017e !important;
}
.mec-fluent-monthly-wrap {
max-width: 1026px !important;
overflow: visible;
}
.mec-fluent-wrap .mec-skin-monthly-view-month-navigator-container,
.mec-fluent-wrap .mec-calendar-a-month,
.mec-fluent-wrap .mec-yearly-title-sec {
position: relative;
background-color: #fff;
border-bottom: 1px solid #d6eef9;
padding: 32px 40px 31px;
box-shadow: 0 4px 12px rgba(32, 45, 67, 0.04);
border-radius: 12px 12px 0 0;
}
@media (max-width: 479px) {
.mec-fluent-wrap .mec-skin-monthly-view-month-navigator-container,
.mec-fluent-wrap .mec-calendar-a-month,
.mec-fluent-wrap .mec-yearly-title-sec {
padding: 15px;
}
}
.mec-fluent-wrap .mec-calendar-header,
.mec-fluent-wrap .mec-month-label,
.mec-fluent-wrap .mec-month-navigator h4,
.mec-fluent-wrap .mec-year-navigator,
.mec-fluent-wrap .mec-year-navigator h2 {
display: inline-block;
}
.mec-fluent-wrap .mec-calendar-header h2,
.mec-fluent-wrap .mec-month-label,
.mec-fluent-wrap .mec-month-navigator h4,
.mec-fluent-wrap .mec-year-navigator h2 {
font-size: 24px;
margin-bottom: 0;
margin-right: 22px;
color: #000;
font-weight: 700;
margin-top: 0;
}
@media (max-width: 479px) {
.mec-fluent-wrap .mec-calendar-header h2 {
font-size: 15px;
}
}
.mec-fluent-wrap .mec-load-month,
.mec-fluent-wrap .mec-load-year {
display: inline-block;
background-color: #fff;
border-radius: 50%;
width: 24px;
height: 24px;
text-align: center;
border: 1px solid #c7ebfb;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
bottom: 2px;
}
.mec-fluent-wrap .mec-load-month:hover,
.mec-fluent-wrap .mec-load-year:hover {
border-color: #00acf8;
background-color: #eefaff;
}
.mec-fluent-wrap .mec-load-month i,
.mec-fluent-wrap .mec-load-year i {
color: #00acf8;
font-size: 9px;
font-weight: 700;
position: relative;
bottom: 3px;
line-height: 26px !important;
}
.mec-fluent-wrap .mec-load-month.mec-previous-month i:before {
margin-left: -2px;
}
.mec-fluent-wrap .mec-load-month.mec-previous-month,
.mec-fluent-wrap .mec-load-year.mec-previous-year {
margin-right: 3px;
}
.mec-fluent-wrap .mec-calendar {
padding: 40px;
background-image: url(https://seminare.joerg-knoblauch.de/wp-content/plugins/mec-fluent-layouts/assets/images/mec-fluent-charachter.svg);
background-repeat: no-repeat;
background-position: top right;
background-size: 281px;
margin-bottom: 0;
border: 0;
position: relative;
}
@media (max-width: 479px) {
.mec-fluent-wrap .mec-calendar {
padding: 10px;
}
}
.mec-fluent-wrap:not(.mec-timetable-wrap):not(.mec-skin-list-wrap):not(
.mec-skin-grid-wrap
):not(.mec-events-agenda-container)
.mec-calendar
[id*='mec_skin_events'] {
margin-top: 88px;
}
.mec-fluent-wrap .mec-calendar .mec-totalcal-box + [id*='mec_skin_events'],
.mec-fluent-wrap
.mec-calendar
.mec-totalcal-box
+ .mec-calendar-side
[id*='mec_skin_events'] {
margin-top: 0 !important;
}
.mec-fluent-wrap .mec-totalcal-box {
background-color: transparent;
border: 0;
box-shadow: none;
padding: 0;
min-height: unset;
position: relative;
overflow: visible;
}
.mec-fluent-wrap .mec-totalcal-box:before,
.mec-fluent-wrap .mec-totalcal-box:after {
content: ' ';
display: table;
}
.mec-fluent-wrap .mec-totalcal-box:after {
clear: both;
}
.mec-fluent-wrap .mec-text-input-search {
position: relative;
width: calc(100% - 62px);
max-width: 300px;
padding: 0;
margin-right: 12px;
float: left;
padding: 0 !important;
}
.mec-fluent-wrap .mec-text-input-search i {
color: #afe6ff;
position: absolute;
top: 18px;
right: 25px;
border: 0;
font-size: 15px;
padding: 0;
height: auto;
width: auto;
cursor: pointer;
}
.mec-fluent-wrap .mec-text-input-search input[type='search'] {
width: 100%;
height: 50px;
padding: 15px 25px;
border-color: #c7ebfb;
border-radius: 3px !important;
margin: 0;
color: #000;
background-color: #fff !important;
}
.mec-fluent-wrap .mec-text-input-search input[type='search']:focus {
outline: 0;
}
.mec-fluent-wrap
.mec-totalcal-box
input[type='search']::-webkit-input-placeholder,
.mec-fluent-wrap
.mec-totalcal-box
.mec-text-address-search
input::-webkit-input-placeholder {
color: #898a8c !important;
font-size: 14px;
}
.mec-fluent-wrap .mec-totalcal-box input[type='search']::-moz-placeholder,
.mec-fluent-wrap
.mec-totalcal-box
.mec-text-address-search
input::-moz-placeholder {
color: #898a8c !important;
font-size: 14px;
}
.mec-fluent-wrap .mec-totalcal-box input[type='search']:-ms-input-placeholder,
.mec-fluent-wrap
.mec-totalcal-box
.mec-text-address-search
input:-ms-input-placeholder {
color: #898a8c !important;
font-size: 14px;
}
.mec-fluent-wrap .mec-totalcal-box input[type='search']:-moz-placeholder,
.mec-fluent-wrap
.mec-totalcal-box
.mec-text-address-search
input:-moz-placeholder {
color: #898a8c !important;
font-size: 14px;
}
.mec-fluent-wrap i.mec-filter-icon {
width: 50px;
height: 50px;
line-height: 50px;
border-color: #c7ebfb;
color: #00acf8;
font-size: 18px;
padding: 0;
border-radius: 3px;
cursor: pointer;
}
.mec-fluent-wrap i.mec-filter-icon.active {
background-color: #c7ebfb;
}
@media (max-width: 600px) {
.mec-fluent-wrap .mec-text-input-search input[type='search'] {
width: 100%;
}
}
.mec-fluent-wrap .mec-filter-content {
position: absolute;
top: calc(100% + 20px);
left: 0;
right: 0;
z-index: 99;
padding: 50px 30px 30px;
background-color: #e8f7ff;
border: 1px solid #c7ebfb;
border-radius: 3px;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.06);
display: none;
flex-wrap: wrap;
z-index: 99999;
}
@media (max-width: 480px) {
.mec-fluent-wrap .mec-filter-content {
padding: 10px 0 5px 5px;
}
.mec-fluent-wrap .mec-filter-content {
left: 0 !important;
right: 0 !important;
}
.mec-fluent-wrap .mec-filter-content:before {
left: auto !important;
right: 15px !important;
}
.mec-fluent-wrap .mec-filter-content:after {
left: auto !important;
right: 16px !important;
}
.mec-fluent-wrap i.mec-filter-icon {
float: right;
}
}
.mec-fluent-wrap .mec-filter-content:before,
.mec-fluent-wrap .mec-filter-content:after {
content: '';
position: absolute;
width: 0;
height: 0;
}
.mec-fluent-wrap .mec-filter-content:before {
top: -11px;
left: 297px;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 10px solid #c7ebfb;
}
.mec-fluent-wrap .mec-filter-content:after {
top: -10px;
left: 298px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 10px solid #e8f7ff;
}
.mec-fluent-wrap .mec-search-form .mec-date-search,
.mec-fluent-wrap .mec-search-form .mec-text-address-search,
.mec-fluent-wrap .mec-search-form .mec-dropdown-search,
.mec-fluent-wrap .mec-search-form .mec-minmax-event-cost,
.mec-fluent-wrap .mec-search-form .mec-time-picker-search,
.mec-fluent-wrap .mec-search-form .mec-text-address-search {
padding: 0 10px;
-webkit-box-flex: 0;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
min-height: unset;
margin-bottom: 20px;
margin-right: 0;
}
.mec-fluent-wrap .mec-text-address-search {
margin-top: 0;
}
.mec-fluent-wrap .mec-totalcal-box .mec-search-reset-button .mec-button {
border: 1px solid #c7ebfb;
color: #00acf8;
}
@media (max-width: 790px) {
.mec-fluent-wrap .mec-search-form .mec-date-search,
.mec-fluent-wrap .mec-search-form .mec-text-address-search,
.mec-fluent-wrap .mec-search-form .mec-dropdown-search {
max-width: 100%;
width: 100%;
margin-bottom: 10px;
overflow: hidden;
flex: 1 1 100%;
}
}
.mec-fluent-wrap .mec-filter-content i {
color: #00acf8;
background-color: #f8fdff;
border-radius: 3px 0 0 3px;
border-color: #d0edfb;
width: 41px;
height: 41px;
line-height: 40px;
padding: 0;
}
.mec-fluent-wrap .mec-filter-content .mec-simple-checkboxes-search i {
background-color: transparent;
width: unset;
height: unset;
line-height: unset;
padding: 0;
}
.mec-fluent-wrap
.mec-filter-content
.mec-simple-checkboxes-search
label:not(.selectit) {
margin: 0;
}
.mec-fluent-wrap
.mec-filter-content
.mec-simple-checkboxes-search
.mec-searchbar-category-wrap {
margin-top: 10px;
}
@media (max-width: 320px) {
.mec-fluent-wrap .mec-filter-content i {
display: none;
}
}
.mec-fluent-wrap .mec-totalcal-box .mec-totalcal-view span,
.mec-fluent-wrap .mec-totalcal-box input,
.mec-fluent-wrap .mec-totalcal-box select,
.mec-fluent-wrap .mec-totalcal-box .nice-select {
height: 41px;
color: #898a8c !important;
border-color: #d0edfb;
width: calc(100% - 40px);
}
@media (max-width: 320px) {
.mec-fluent-wrap .mec-totalcal-box .mec-totalcal-view span,
.mec-fluent-wrap .mec-totalcal-box input,
.mec-fluent-wrap .mec-totalcal-box select,
.mec-fluent-wrap .mec-totalcal-box .nice-select,
.mec-fluent-wrap .mec-checkboxes-search .mec-searchbar-category-wrap {
max-width: 100%;
width: 100%;
}
}
.mec-fluent-wrap .mec-totalcal-box .nice-select,
.mec-fluent-wrap .mec-totalcal-box .mec-text-address-search input {
min-height: 36px;
line-height: 36px;
background: #fff;
font-size: 13px;
margin: 0 0 0 -1px;
float: left;
padding: 0 10px;
clear: none;
border-radius: 0 3px 3px 0;
}
.mec-fluent-wrap .mec-totalcal-box .nice-select .current {
display: inline-block;
max-width: calc(100% - 20px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 2px;
}
.mec-fluent-wrap .mec-totalcal-box .mec-text-address-search input {
width: calc(100% - 40px);
}
.mec-fluent-wrap .mec-totalcal-box .mec-text-address-search input:focus {
border-color: #d0edfb;
}
.mec-fluent-wrap .mec-totalcal-box .nice-select:after {
height: 40px;
right: 0;
border: none;
padding: 0;
text-align: center;
}
.mec-fluent-wrap .mec-totalcal-box .nice-select .list {
right: 0;
margin: 0 -1px;
border-radius: 0 0 3px 3px;
border: 1px solid #d0edfb;
box-shadow: 0 2px 5px rgba(208, 237, 251, 0.5);
}
.mec-fluent-wrap .mec-totalcal-box .nice-select .list li {
margin: 0;
color: #898a8c !important;
}
.mec-fluent-wrap .mec-totalcal-box .nice-select .list li:hover,
.mec-fluent-wrap .mec-totalcal-box .nice-select .list li.focus {
background-color: #f5fcff;
}
.mec-fluent-wrap .mec-totalcal-box select {
-moz-appearance: none;
-webkit-appearance: none;
-webkit-border-radius: 0;
appearance: none;
outline-width: 0;
background-image: url(https://seminare.joerg-knoblauch.de/wp-content/plugins/mec-fluent-layouts/assets/images/selectAppearance.png);
background-repeat: no-repeat;
background-position: calc(100% - 15px) 50%;
}
.mec-fluent-wrap .mec-search-form .mec-date-search select,
.mec-fluent-wrap .mec-search-form .mec-date-search .nice-select {
width: calc(100% - 130px);
}
.mec-fluent-wrap .mec-search-form .mec-date-search .nice-select:last-child {
width: 91px;
}
.mec-fluent-wrap .mec-search-form .mec-date-search select:last-of-type {
background-position: calc(100% - 10px) 50%;
}
.mec-fluent-wrap .mec-search-form .mec-dropdown-wrap {
display: -webkit-box;
display: flex;
float: left;
width: auto;
}
.mec-fluent-wrap .mec-calendar-side .mec-calendar-table {
box-shadow: 0 5px 33px #ddf2fb;
min-height: 733px;
overflow-x: auto;
overflow: visible;
}
@media (max-width: 960px) {
.mec-fluent-wrap .mec-calendar-side .mec-calendar-table {
min-height: auto !important;
}
}
.mec-fluent-wrap
.mec-calendar.mec-event-calendar-classic
.mec-calendar-table-head {
border-radius: 3px 3px 0 0;
overflow: hidden;
border: 1px solid #c7ebfb;
border-bottom-color: #e6f7ff;
}
.mec-fluent-wrap
.mec-calendar.mec-event-calendar-classic
.mec-calendar-table-head
dt {
background-color: #fff;
height: 56px !important;
border: 0;
padding: 27px 19px 11px;
color: #000;
font-size: 15px;
font-weight: 700;
}
.mec-fluent-wrap
.mec-calendar.mec-event-calendar-classic
.mec-calendar-table-head
dt.active {
color: #00acf8;
}
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic dl dt {
padding: 21px 19px 10px;
font-size: 16px;
font-weight: 400;
border-color: #e6f7ff;
color: #000;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
@media (max-width: 767px) {
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic dl dt {
padding: 10px 4px 2px;
font-size: 14px;
}
.mec-fluent-wrap
.mec-calendar.mec-event-calendar-classic
.mec-calendar-table-head
dt {
font-size: 11px;
padding: 22px 2px 0;
text-align: center;
}
.mec-fluent-wrap .mec-calendar-side {
min-width: auto !important;
}
}
@media (max-width: 480px) {
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic dl dt {
text-align: center;
}
}
@media (max-width: 320px) {
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic dl dt {
font-size: 12px;
}
.mec-fluent-wrap
.mec-calendar.mec-event-calendar-classic
.mec-calendar-table-head
dt {
font-size: 8px;
}
}
.mec-fluent-wrap
.mec-calendar.mec-event-calendar-classic
dl
dt.mec-table-nullday {
color: #c7ebfb;
}
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic dl dt:hover {
background-color: #fff !important;
}
.mec-fluent-wrap
.mec-calendar.mec-event-calendar-classic
dl
dt.mec-selected-day
a {
color: unset;
}
.mec-fluent-wrap
.mec-calendar.mec-event-calendar-classic
dl
dt.mec-selected-day:hover {
border-bottom: 1px solid #e6f7ff;
}
.mec-fluent-wrap
.mec-calendar.mec-event-calendar-classic
dl.mec-calendar-table-head
dt:hover {
border: 0;
}
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic dl dt:first-of-type {
border-left-color: #c7ebfb;
}
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic dl dt:last-of-type {
border-right-color: #c7ebfb;
}
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic dl:last-of-type dt {
border-bottom-color: #c7ebfb;
}
.mec-fluent-wrap
.mec-calendar.mec-event-calendar-classic
dl:last-of-type
dt:first-of-type {
border-radius: 0 0 0 3px;
}
.mec-fluent-wrap
.mec-calendar.mec-event-calendar-classic
dl:last-of-type
dt:last-of-type {
border-radius: 0 0 3px 0;
}
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic .mec-selected-day {
border-bottom: 1px solid #e6f7ff;
background-color: #fff;
font-weight: 700;
color: #00acf8;
}
.mec-fluent-wrap dt > div:first-of-type {
margin-bottom: 7px;
}
.mec-fluent-wrap dt .simple-skin-ended,
.mec-fluent-wrap .simple-skin-ended {
margin-left: -20px;
margin-right: -20px;
border-left: 4px solid #8a43eb;
padding-left: 15px;
padding-right: 10px;
min-height: 28px;
position: relative;
}
.mec-fluent-wrap dt .simple-skin-ended .mec-event-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
opacity: 0.07;
}
.mec-fluent-wrap dt .simple-skin-ended h4,
.mec-fluent-wrap .simple-skin-ended h4 {
font-size: 12px;
line-height: 16px;
padding: 6px 0;
font-weight: 400;
margin-bottom: 0;
margin-top: 0;
position: relative;
}
@media (max-width: 960px) {
.mec-fluent-wrap dt .simple-skin-ended h4,
.mec-fluent-wrap .simple-skin-ended h4 {
word-break: break-all;
}
.mec-fluent-wrap dt > .simple-skin-ended {
padding: 1px;
line-height: 1;
min-height: 14px;
}
.mec-fluent-wrap dt .simple-skin-ended h4,
.mec-fluent-wrap .simple-skin-ended h4 {
font-size: 8px;
padding: 1px;
line-height: 12px;
}
}
@media (max-width: 767px) {
.mec-fluent-wrap dt > .simple-skin-ended {
display: none;
}
}
.mec-more-events-wrap {
position: absolute;
z-index: 99;
width: 280px !important;
left: auto !important;
top: auto !important;
bottom: -8px;
right: 100%;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.mec-fluent-wrap dl dt:first-child .mec-more-events-wrap,
.mec-fluent-wrap dl dt:nth-child(2) .mec-more-events-wrap,
.mec-fluent-wrap .mec-daily-view-events-item .mec-more-events-wrap,
.mec-fluent-wrap
.mec-week-events-container
dl
dt:first-child
.mec-more-events-wrap,
.mec-fluent-wrap
.mec-week-events-container
dl
dt:nth-child(2)
.mec-more-events-wrap,
.mec-fluent-wrap
.mec-week-events-container
dl
dt:nth-child(3)
.mec-more-events-wrap,
.mec-fluent-wrap
.mec-week-events-container
dl
dt:nth-child(4)
.mec-more-events-wrap,
.mec-fluent-wrap
.mec-week-events-container
dl
dt:nth-child(5)
.mec-more-events-wrap {
right: auto !important;
left: 38px !important;
}
.mec-fluent-wrap dl dt:first-child .mec-more-events-wrap .mec-more-events:after,
.mec-fluent-wrap
dl
dt:nth-child(2)
.mec-more-events-wrap
.mec-more-events:after,
.mec-fluent-wrap
.mec-daily-view-events-item
.mec-more-events-wrap
.mec-more-events:after,
.mec-fluent-wrap
.mec-week-events-container
dl
dt:first-child
.mec-more-events:after,
.mec-fluent-wrap
.mec-week-events-container
dl
dt:nth-child(2)
.mec-more-events:after,
.mec-fluent-wrap
.mec-week-events-container
dl
dt:nth-child(3)
.mec-more-events:after,
.mec-fluent-wrap
.mec-week-events-container
dl
dt:nth-child(4)
.mec-more-events:after,
.mec-fluent-wrap
.mec-week-events-container
dl
dt:nth-child(5)
.mec-more-events:after {
left: 4px;
right: unset;
bottom: 14px;
}
.mec-fluent-wrap
.mec-week-events-container
dl
dt:first-child
.mec-more-events:after,
.mec-fluent-wrap
.mec-week-events-container
dl
dt:nth-child(2)
.mec-more-events:after,
.mec-fluent-wrap
.mec-week-events-container
dl
dt:nth-child(3)
.mec-more-events:after,
.mec-fluent-wrap
.mec-week-events-container
dl
dt:nth-child(4)
.mec-more-events:after,
.mec-fluent-wrap
.mec-week-events-container
dl
dt:nth-child(5)
.mec-more-events:after {
bottom: 23px;
}
.mec-more-events-icon {
display: inline-block;
color: #00acf8;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-top: 10px;
font-size: 18px;
cursor: pointer;
font-weight: 700;
font-family: Calibri, Arial, sans-serif !important;
}
.mec-fluent-weekly-wrap {
max-width: 1026px !important;
}
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top {
display: inline-block;
background-color: #fff;
text-align: left;
padding: 0;
border-radius: 3px;
overflow: hidden;
border: 1px solid #c7ebfb;
height: 50px;
padding-right: 48px;
float: left;
margin-right: 12px;
}
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top dl {
display: none;
}
.mec-fluent-wrap
.mec-calendar-weekly
.mec-calendar-d-top
dl.mec-weekly-view-week-active {
display: inline-block;
height: 100%;
padding: 0 15px;
padding-top: 8px;
padding-bottom: 8px;
width: auto;
}
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top .mec-current-week {
font-size: 14px;
color: #00acf8;
font-weight: 400; background-color: #e6f7ff;
float: left;
padding: 18px 23px 16px;
margin: 0;
border-right: 1px solid #c7ebfb;
}
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top dt {
color: #a8acb3;
font-weight: 400;
font-size: 12px;
width: 32px;
height: 32px;
line-height: 32px;
}
@media (max-width: 640px) {
.mec-fluent-wrap
.mec-calendar-weekly
.mec-calendar-d-top
dl.mec-weekly-view-week-active {
padding: 14px 0;
}
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top dt {
width: 22px;
height: 22px;
line-height: 22px;
}
}
@media (max-width: 370px) {
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top dl dt {
font-size: 10px;
width: 18px;
height: 18px;
line-height: 18px;
}
.mec-fluent-wrap
.mec-calendar-weekly
.mec-calendar-d-top
dl.mec-weekly-view-week-active {
padding-top: 17px;
}
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top .mec-current-week {
padding-left: 5px;
padding-right: 5px;
}
}
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top dt.active {
color: #00acf8;
background-color: #e6f7ff;
}
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top .mec-load-week {
margin: 0;
left: calc(100% - 48px);
height: 24px;
line-height: 24px;
border: 0;
box-shadow: none;
min-width: 48px;
border-radius: 0;
color: #afe6ff;
border-left: 1px solid #c7ebfb;
z-index: 9999;
}
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top .mec-load-week i {
display: inline-block;
font-size: 11px;
font-weight: 700;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mec-fluent-wrap
.mec-calendar-weekly
.mec-calendar-d-top
.mec-load-week
i:hover {
color: #00acf8;
}
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top .mec-previous-month {
top: 24px;
}
.mec-fluent-wrap
.mec-calendar-weekly
.mec-calendar-d-top
.mec-previous-month
i {
padding-left: 10px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top .mec-next-month {
top: 0;
}
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top .mec-next-month i {
padding-right: 10px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
} .mec-fluent-wrap .mec-skin-weekly-view-events-container {
border: 1px solid #c7ebfb;
background-color: #fff;
border-radius: 3px;
max-height: 733px;
}
.mec-fluent-wrap .mec-calendar.mec-calendar-daily .mec-calendar-d-table {
border: 0;
margin-left: 50px;
border-bottom: 1px solid #e6f7ff;
}
.mec-fluent-wrap .mec-calendar.mec-calendar-daily .mec-calendar-d-table a,
.mec-fluent-wrap .mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt {
height: 72px;
border: 0;
text-align: left;
padding: 0 15px;
width: 14.285%;
}
.mec-fluent-wrap
.mec-calendar.mec-calendar-weekly
.mec-calendar-d-table
dl
dt
span.mec-weekly-view-weekday {
font-size: 15px;
font-weight: 700;
color: #000;
margin-top: 23px;
margin-bottom: 3px;
}
.mec-fluent-wrap
.mec-calendar.mec-calendar-weekly
.mec-calendar-d-table
dl
dt
span.mec-weekly-view-monthday {
font-size: 12px;
font-weight: 400;
color: #a8acb3;
margin: 0;
}
.mec-fluent-wrap .mec-calendar .mec-week-events-container dl {
padding-left: 50px;
position: relative;
width: 100%;
}
.mec-fluent-wrap .mec-calendar .mec-week-events-container dl > span {
position: absolute;
top: -12px;
left: 9px;
font-size: 12px;
color: #afe6ff;
}
.mec-fluent-wrap .mec-calendar .mec-week-events-container dl > span:last-child {
top: auto;
bottom: -3px;
}
.mec-fluent-wrap .mec-calendar .mec-week-events-container dt {
width: 14.286%;
height: 89px;
line-height: 1;
border-radius: 0;
border: 1px solid #e6f7ff;
border-top: 0;
border-right: 0;
text-align: left;
position: relative;
}
.mec-fluent-wrap .mec-calendar .mec-week-events-container dt:hover {
background-color: #fff;
}
.mec-fluent-wrap
.mec-calendar
.mec-week-events-container
dt
> div.mec-calendar-day-events {
margin-bottom: 0;
}
.mec-fluent-wrap
.mec-calendar
.mec-week-events-container
.mec-more-events-icon {
margin-left: 20px;
margin-bottom: 10px;
}
@media (max-width: 800px) {
.mec-fluent-wrap .mec-calendar-weekly .mec-month-container {
overflow: auto;
}
.mec-fluent-wrap
.mec-calendar-weekly
.mec-weeks-container.mec-calendar-d-table {
width: 930px;
}
.mec-fluent-wrap .mec-calendar-weekly .mec-week-events-container dl {
width: 980px;
}
.mec-fluent-wrap .mec-calendar-weekly dl .mec-event-article {
padding: 0 5px !important;
}
.mec-fluent-wrap .mec-calendar-weekly dl .mec-event-article h4 {
font-size: 10px;
}
}
.mec-fluent-wrap .mec-calendar .mec-event-article {
border-top: 0;
border-left: 4px solid #8a43eb;
min-height: 28px;
position: relative;
padding-top: 0;
padding-bottom: 0;
padding-left: 15px;
padding-right: 10px;
}
.mec-fluent-wrap .mec-calendar .mec-event-article .mec-event-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
opacity: 0.07;
}
.mec-fluent-wrap .mec-calendar .mec-event-article h4 {
font-size: 12px;
line-height: 16px;
padding: 6px 0 0;
font-weight: 400;
margin: 0;
position: relative; }
@media (max-width: 960px) {
.mec-fluent-wrap .mec-calendar .mec-event-article h4 {
word-break: break-all;
}
}
.mec-fluent-wrap .mec-more-events-wrap {
display: none;
}
.mec-fluent-wrap .mec-more-events {
width: 280px !important;
position: absolute;
left: unset !important;
top: auto !important;
bottom: 0 !important;
right: auto !important;
z-index: 2;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 16px 35px rgba(0, 0, 0, 0.16);
border-bottom: 10px solid #ddeff6;
}
.mec-fluent-wrap .mec-more-events:after {
content: '';
position: absolute;
top: auto;
left: 100%;
bottom: 12px;
display: block;
width: 12px;
height: 18px;
background-color: #fff;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
box-shadow: 0 16px 35px rgba(0, 0, 0, 0.16);
z-index: -1;
}
.mec-fluent-wrap h5.mec-more-events-header {
padding: 15px 22px;
background-color: #00acf8;
color: #fff;
font-weight: 600;
font-size: 16px;
margin: 0;
border-radius: 5px 5px 0 0;
}
.mec-fluent-wrap dt .mec-more-events .simple-skin-ended,
.mec-fluent-wrap .mec-more-events .simple-skin-ended {
background-color: #fff;
margin: 0;
padding: 12px 18px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-top: 1px solid #fff !important;
border-bottom: 1px solid #fff !important;
}
.mec-fluent-wrap dt .mec-more-events .simple-skin-ended:hover,
.mec-fluent-wrap .mec-more-events .simple-skin-ended:hover {
background-color: #f5fcff;
border-top-color: #e9f8ff !important;
border-bottom-color: #e9f8ff !important;
}
.mec-fluent-wrap .mec-more-events .simple-skin-ended > a {
display: inline-block;
}
.mec-fluent-wrap .mec-more-events .mec-event-image {
display: inline-block;
float: left;
margin-right: 10px;
}
.mec-fluent-wrap .mec-more-events .mec-event-image img {
border-radius: 50%;
width: 52px;
height: 52px;
}
.mec-fluent-wrap .mec-more-events-content {
display: inline-block;
max-width: calc(100% - 62px);
}
.mec-fluent-wrap dt .simple-skin-ended .mec-more-events-content h4,
.mec-fluent-wrap .simple-skin-ended .mec-more-events-content h4 {
font-size: 13px;
font-weight: 600;
margin-bottom: 5px;
padding-bottom: 0;
padding-top: 7px;
}
.mec-fluent-wrap dt .simple-skin-ended .mec-more-events-content h4 a,
.mec-fluent-wrap .simple-skin-ended .mec-more-events-content h4 a {
color: #000;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mec-fluent-wrap dt .simple-skin-ended .mec-more-events-content h4 a:hover,
.mec-fluent-wrap .simple-skin-ended .mec-more-events-content h4 a:hover {
color: #00acf8;
}
.mec-fluent-wrap dt .simple-skin-ended .mec-more-events-content i,
.mec-fluent-wrap .simple-skin-ended .mec-more-events-content i {
display: inline-block;
color: #afe7ff;
font-size: 14px;
line-height: 14px;
margin-right: 4px;
vertical-align: middle;
}
.mec-fluent-wrap dt .simple-skin-ended .mec-more-events-content span,
.mec-fluent-wrap .simple-skin-ended .mec-more-events-content span {
color: #898a8c;
font-size: 11px;
line-height: 12px; font-weight: 400;
}
@media (max-width: 767px) {
.mec-more-events-wrap,
.mec-fluent-wrap .mec-more-events {
width: 200px !important;
}
.mec-fluent-wrap h5.mec-more-events-header {
font-size: 12px;
padding: 15px;
}
.mec-fluent-wrap .mec-more-events .mec-event-image img {
display: none;
}
.mec-fluent-wrap .mec-more-events-content {
max-width: 100%;
display: block;
}
}
@media (max-width: 480px) {
.mec-more-events-wrap,
.mec-fluent-wrap dl dt:first-child .mec-more-events-wrap,
.mec-fluent-wrap dl dt:nth-child(2) .mec-more-events-wrap,
.mec-fluent-wrap .mec-daily-view-events-item .mec-more-events-wrap {
position: fixed;
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
left: 50% !important;
top: auto !important;
bottom: 50% !important;
}
.mec-fluent-wrap .mec-more-events {
position: relative;
}
.mec-fluent-wrap dl dt .mec-more-events-wrap .mec-more-events:after,
.mec-fluent-wrap
.mec-daily-view-events-item
.mec-more-events-wrap
.mec-more-events:after {
display: none;
}
}
.mec-fluent-wrap.mec-skin-daily-wrap {
max-width: 1026px !important;
}
.mec-fluent-wrap .mec-skin-daily-view-events-container {
border: 1px solid #c7ebfb;
border-radius: 3px;
background-color: #fff;
overflow-y: hidden;
overflow-x: auto;
box-shadow: 0 5px 33px #ddf2fb;
}
.mec-fluent-wrap
.mec-calendar.mec-calendar-daily
.mec-calendar-d-table.mec-date-labels-container {
margin-left: 0;
padding-left: 71px;
padding-right: 75px;
min-height: 46px;
}
.mec-fluent-wrap
.mec-calendar.mec-calendar-daily
.mec-calendar-d-table.mec-date-labels-container
span {
display: inline-block;
position: absolute;
left: 24px;
top: 15px;
font-size: 14px;
line-height: 14px;
color: #00acf8;
font-weight: 400;
}
.mec-fluent-wrap
.mec-calendar.mec-calendar-daily
.mec-calendar-d-table.mec-date-labels-container
a {
right: 20px;
left: auto;
font-size: 12px;
line-height: 45px;
height: auto;
font-weight: 700;
color: #afe6ff;
padding: 0;
width: auto;
}
.mec-fluent-wrap
.mec-calendar.mec-calendar-daily
.mec-calendar-d-table.mec-date-labels-container
a.mec-table-d-prev {
right: 45px;
}
.mec-fluent-wrap
.mec-calendar.mec-calendar-daily
.mec-calendar-d-table.mec-date-labels-container
a:hover {
color: #00acf8;
}
.mec-fluent-wrap
.mec-calendar.mec-calendar-daily
.mec-calendar-d-table.mec-date-labels-container
a:focus {
outline: 0;
}
.mec-fluent-wrap .mec-daily-view-date-labels.mec-owl-carousel {
position: relative;
border-left: 1px solid #e6f7ff;
border-right: 1px solid #e6f7ff;
padding: 7px 0 7px 15px;
}
.mec-fluent-wrap .mec-daily-view-date-labels.mec-owl-carousel:after {
display: none;
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 68px;
background: -webkit-gradient(
linear,
left top,
right top,
from(rgba(255, 255, 255, 0)),
to(rgba(255, 255, 255, 1))
);
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 100%
);
}
.mec-fluent-wrap
.mec-calendar.mec-calendar-daily
.mec-calendar-d-table.mec-date-labels-container
.mec-daily-view-day {
border: 0;
color: #a8acb3;
font-weight: 400;
font-size: 12px;
line-height: 32px;
max-width: 32px;
padding: 0;
}
.mec-fluent-wrap
.mec-calendar.mec-calendar-daily
.mec-calendar-d-table.mec-date-labels-container
.mec-daily-view-day:hover {
background-color: transparent;
box-shadow: none;
}
.mec-fluent-wrap
.mec-calendar.mec-calendar-daily
.mec-calendar-d-table
.mec-daily-view-day.mec-daily-view-day-active {
background-color: #eaf8ff;
border-radius: 50%;
color: #00acf8;
}
.mec-fluent-wrap .mec-calendar .mec-daily-view-day.mec-has-event:after {
background-color: #00acf8;
left: calc(50% - 2px);
bottom: 4px;
width: 4px;
height: 4px;
margin: 0;
}
@media (max-width: 480px) {
.mec-fluent-wrap
.mec-calendar.mec-calendar-daily
.mec-calendar-d-table.mec-date-labels-container {
padding-left: 50px;
padding-right: 40px;
}
.mec-fluent-wrap
.mec-calendar.mec-calendar-daily
.mec-calendar-d-table.mec-date-labels-container
span {
left: 15px;
}
.mec-fluent-wrap
.mec-calendar.mec-calendar-daily
.mec-calendar-d-table.mec-date-labels-container
a {
right: 10px;
}
.mec-fluent-wrap
.mec-calendar.mec-calendar-daily
.mec-calendar-d-table.mec-date-labels-container
a.mec-table-d-prev {
right: 22px;
}
.mec-fluent-wrap .mec-daily-view-date-labels.mec-owl-carousel {
padding-left: 0;
}
}
.mec-fluent-wrap .mec-daily-view-events-left-side {
width: 60%;
min-height: 1px;
float: left;
padding-top: 30px;
border-right: 1px solid #e6f7ff;
background: #fff;
max-height: 732px;
}
.mec-fluent-wrap .mec-daily-view-events-right-side {
width: 40%;
min-height: 1px;
height: 100%;
float: left;
padding: 25px;
max-height: 732px;
}
.mec-fluent-wrap .mec-calendar-daily .mec-calendar-day-events {
background: #fafdff;
}
@media (max-width: 767px) {
.mec-fluent-wrap.mec-skin-daily-wrap .mec-calendar-day-events {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}
.mec-fluent-wrap .mec-daily-view-events-left-side,
.mec-fluent-wrap .mec-daily-view-events-right-side {
width: 100%;
float: none;
}
}
.mec-fluent-wrap h5.mec-daily-today-title {
font-size: 13px;
line-height: 1.1;
color: #aab2be;
font-weight: 600;
margin-top: 0;
margin-bottom: 15px; letter-spacing: 1px;
}
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-event-article {
border: 1px solid #e6f7ff;
padding: 15px;
background-color: #fff;
margin-bottom: 15px;
box-shadow: 0 1px 6px rgba(23, 102, 232, 0.05);
border-radius: 3px;
}
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-event-article:hover {
box-shadow: 0 4px 10px -5px rgba(23, 102, 232, 0.1);
}
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-event-article:before {
display: none;
}
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-fc-style {
font-size: 9px;
letter-spacing: 0.5px; background: #1ce1ac;
padding: 2px 7px;
color: #fff;
position: relative;
margin-left: 5px;
border-radius: 2px;
}
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-fc-style:before {
width: 0;
height: 0;
border-top: 4px solid transparent !important;
border-right: 5px solid;
border-bottom: 4px solid transparent;
margin: 0;
top: 50%;
left: -4px;
-webkit-transform: translateY(-4.5px);
transform: translateY(-4.5px);
position: absolute;
content: '';
color: #04de78;
}
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-event-image {
margin-right: 12px;
width: auto;
display: block;
}
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-event-image:empty {
display: none;
}
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-event-image img {
min-width: 50px;
object-fit: cover;
border-radius: 4px;
}
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-event-content {
display: block;
min-height: 58px;
}
.mec-fluent-wrap
.mec-daily-view-events-right-side
.mec-event-image:empty
+ .mec-event-content {
min-height: unset;
}
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-event-content h4 {
font-size: 14px;
line-height: 1;
font-weight: 600;
padding-top: 12px;
padding-bottom: 0;
margin-bottom: 3px; }
@media (max-width: 960px) {
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-event-content h4 {
word-break: break-all;
}
}
.mec-fluent-wrap
.mec-daily-view-events-right-side
.mec-event-image:empty
+ .mec-event-content
h4 {
padding-top: 0;
}
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-event-content span {
display: inline-block;
color: #898a8c;
font-size: 12px;
}
.mec-fluent-wrap
.mec-daily-view-events-right-side
.mec-event-content
.mec-seperator {
color: #e3e4e6;
margin: 0 6px;
}
.mec-fluent-wrap
.mec-daily-view-events-left-side
h5.mec-daily-today-title
span {
display: block;
}
.mec-fluent-wrap .mec-daily-view-events-left-side .mec-daily-view-events-inner {
padding-left: 50px;
}
.mec-fluent-wrap .mec-daily-view-events-left-side h5.mec-daily-today-title {
margin-bottom: 15px;
padding-left: 65px;
}
.mec-fluent-wrap
.mec-daily-view-events-left-side
h5.mec-daily-today-title
span:first-child {
font-size: 15px;
line-height: 15px;
color: #00acf8; font-weight: 700;
margin-bottom: 6px;
}
.mec-fluent-wrap
.mec-daily-view-events-left-side
h5.mec-daily-today-title
span:last-child {
font-size: 13px;
line-height: 13px;
color: #a8acb3;
}
.mec-fluent-wrap .mec-daily-view-events-left-side .mec-daily-view-events-item {
position: relative;
min-height: 89px;
border-top: 1px solid #e6f7ff;
border-left: 1px solid #e6f7ff;
width: 100%;
}
.mec-fluent-wrap
.mec-daily-view-events-left-side
.mec-daily-view-events-item
> span.mec-time,
.mec-fluent-wrap
.mec-daily-view-events-left-side
.mec-daily-view-events-item
> span.mec-time-end {
position: absolute;
left: -43px;
top: -9px;
font-size: 12px;
color: #afe6ff;
}
.mec-fluent-wrap
.mec-daily-view-events-left-side
.mec-daily-view-events-item
> span.mec-time-end {
top: auto;
bottom: 0;
}
.mec-fluent-wrap
.mec-calendar
.mec-daily-view-events-left-side
.mec-event-article:first-of-type {
margin-top: -1px;
}
.mec-fluent-wrap .mec-daily-view-events-left-side .mec-more-events-icon {
margin-left: 21px;
margin-bottom: 10px;
}
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-local-time-details,
.mec-fluent-wrap .mec-daily-view-events-right-side .mec-localtime-details {
margin-top: 10px;
clear: both;
}
.mec-fluent-wrap.mec-skin-list-wrap {
max-width: 1032px;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-calendar {
max-height: 895px;
min-height: 410px;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article {
border-radius: 3px 6px 6px 3px;
border: 1px solid #c7ebfb;
margin-bottom: 30px;
background-color: #fff;
border-right: 7px solid #8a43eb;
box-shadow: 0 2px 4px rgb(39 55 81 / 2%);
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: flex-start;
padding-left: 0;
overflow: visible !important;
align-items: center;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article:before {
display: none;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article .mec-event-image {
margin: 30px;
margin-right: 25px;
float: none;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article .mec-event-image,
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article .mec-event-image img {
width: 200px;
max-width: unset;
height: auto;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article .mec-event-image img {
border-radius: 4px;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article .mec-event-image a {
display: block;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article .mec-event-content {
-webkit-box-flex: 1;
flex: 1;
padding-right: 40px;
}
@media (max-width: 480px) {
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article .mec-event-content {
padding-right: 0;
}
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article .mec-event-title {
margin-top: 0;
font-size: 18px;
line-height: 24px; margin-bottom: 40px;
}
.mec-fluent-wrap .mec-event-article .mec-event-title {
letter-spacing: 0;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article .mec-event-title a {
color: #000;
display: block;
}
.mec-fluent-wrap.mec-skin-list-wrap
.mec-event-article
.mec-event-title
a:hover {
color: #00acf8;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-sharing-wrap {
position: relative;
display: inline-block;
left: auto;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-sharing-wrap > li:first-of-type {
border: 0;
}
.mec-fluent-wrap.mec-skin-list-wrap
.mec-event-sharing-wrap:hover
> li:first-of-type {
background-color: #fff;
}
.mec-fluent-wrap.mec-skin-list-wrap
.mec-event-sharing-wrap
> li:first-of-type
i {
width: 38px;
height: 38px;
color: #00acf8;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-booking-button {
color: #00acf8;
font-size: 12px;
line-height: 12px;
font-weight: 400;
display: block;
float: left;
text-transform: uppercase;
border: 1px solid #c7ebfb;
padding: 12px 16px;
border-radius: 2px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03);
margin-right: 8px;
}
@media (max-width: 480px) {
.mec-fluent-wrap.mec-skin-list-wrap .mec-booking-button {
display: block;
max-width: 100%;
width: 100%;
margin: 0;
text-align: center;
position: unset;
float: unset;
}
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-meta {
position: relative;
width: 295px;
margin: 36px 0 36px auto;
border-left: 1px solid #e6f7ff;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-date-details,
.mec-fluent-wrap.mec-skin-list-wrap .mec-time-details,
.mec-fluent-wrap.mec-skin-list-wrap .mec-venue-details,
.mec-fluent-wrap.mec-skin-list-wrap .mec-price-details,
.mec-fluent-wrap.mec-skin-list-wrap .mec-available-tickets-details,
.mec-fluent-wrap.mec-skin-list-wrap .mec-localtime-details,
.mec-fluent-wrap.mec-skin-grid-wrap .mec-list-cats-details,
.mec-fluent-wrap.mec-skin-list-wrap .mec-list-cats-details,
.mec-fluent-wrap.mec-skin-list-wrap .mec-shortcode-organizers,
.mec-fluent-wrap.mec-skin-list-wrap .mec-local-time-details {
position: relative;
margin-left: 40px;
margin-bottom: 3px;
padding-left: 22px;
padding-top: 0;
min-height: 25px;
line-height: 25px;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-list-cats-details {
padding-left: 0 !important;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-list-cats-details ul.mec-categories {
line-height: 24px;
margin-left: 10px;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-list-cats-details {
margin-left: 0;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-list-cats-details i:before,
.mec-fluent-wrap.mec-skin-list-wrap .mec-list-cats-details i:before,
.mec-fluent-wrap.mec-skin-list-wrap .mec-shortcode-organizers i:before,
.mec-fluent-wrap.mec-skin-list-wrap .mec-date-details:before,
.mec-fluent-wrap.mec-skin-list-wrap .mec-time-details:before,
.mec-fluent-wrap.mec-skin-list-wrap .mec-venue-details:before {
font-family: simple-line-icons;
font-size: 14px;
left: 0;
color: #ade7ff;
position: absolute;
top: 4px;
height: 14px;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-date-details:before {
content: '\e075';
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-time-details:before {
content: '\e081';
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-venue-details:before {
content: '\e096';
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-list-cats-details i:before,
.mec-fluent-wrap.mec-skin-list-wrap .mec-list-cats-details i:before,
.mec-fluent-wrap.mec-skin-list-wrap .mec-shortcode-organizers i:before,
.mec-fluent-wrap.mec-skin-list-wrap .mec-price-details i:before,
.mec-fluent-wrap.mec-skin-list-wrap .mec-available-tickets-details i:before {
position: absolute;
font-size: 14px !important;
left: 0;
top: 5px;
color: #ade7ff;
} .mec-fluent-wrap.mec-skin-grid-wrap .mec-list-cats-details ul,
.mec-fluent-wrap.mec-skin-list-wrap .mec-list-cats-details ul,
.mec-fluent-wrap.mec-skin-list-wrap .mec-shortcode-organizers ul {
padding: 0;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-shortcode-organizers ul {
margin: 0;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-shortcode-organizers ul li {
margin: 0;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-list-cats-details ul li a:before,
.mec-fluent-wrap.mec-skin-list-wrap .mec-list-cats-details ul li a:before,
.mec-fluent-wrap.mec-skin-list-wrap .mec-shortcode-organizers ul li a:before {
display: none;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-date-details span,
.mec-fluent-wrap.mec-skin-list-wrap .mec-time-details span,
.mec-fluent-wrap.mec-skin-list-wrap .mec-venue-details span,
.mec-fluent-wrap.mec-skin-list-wrap .mec-price-details span,
.mec-fluent-wrap.mec-skin-list-wrap .mec-list-cats-details span,
.mec-fluent-wrap.mec-skin-list-wrap .mec-available-tickets-details span {
font-size: 12px;
line-height: 12px;
font-weight: 400;
color: #898a8c;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-price-details span.mec-price-number {
color: #5ad162;
font-weight: 700;
}
.mec-fluent-wrap.mec-skin-list-wrap
.mec-available-tickets-details
span.mec-available-tickets-number {
color: #558dfe;
font-weight: 700;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-fc-style {
padding: 5px 10px;
font-size: 12px;
font-weight: 500;
line-height: 13px;
display: inline-block;
border-radius: 2px;
margin: 3px 0;
}
@media (max-width: 767px) {
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article {
display: block;
padding: 30px;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article .mec-event-image,
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article .mec-event-image img,
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article .mec-event-content,
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-meta {
width: 100%;
height: auto;
-webkit-box-flex: unset;
flex: unset;
margin: 0;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-meta {
padding-top: 15px;
border-left: 0;
}
.mec-fluent-wrap.mec-skin-list-wrap .mec-shortcode-organizers,
.mec-fluent-wrap.mec-skin-list-wrap .mec-date-details,
.mec-fluent-wrap.mec-skin-list-wrap .mec-time-details,
.mec-fluent-wrap.mec-skin-list-wrap .mec-venue-details,
.mec-fluent-wrap.mec-skin-list-wrap .mec-price-details,
.mec-fluent-wrap.mec-skin-list-wrap .mec-list-cats-details,
.mec-fluent-wrap.mec-skin-list-wrap .mec-available-tickets-details,
.mec-fluent-wrap.mec-skin-list-wrap .mec-localtime-details,
.mec-fluent-wrap.mec-skin-list-wrap .mec-local-time-details {
margin-left: 0;
}
}
@media (max-width: 360px) {
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article {
padding: 20px;
}
}
.mec-fluent-wrap.mec-skin-grid-wrap {
max-width: 1032px;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-calendar {
background-image: none;
max-height: 895px;
min-height: 410px;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-event-article {
display: block;
border-radius: 6px 6px 3px 3px;
border: 0;
margin-bottom: 30px;
background-color: #fff;
border-top: 7px solid #8a43eb;
box-shadow: 0 4px 10px rgba(23, 102, 232, 0.07);
padding: 0;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-event-article .mec-event-image {
position: relative;
float: none;
width: 100%;
margin: 0;
padding: 20px;
border-left: 1px solid #c7ebfb;
border-right: 1px solid #c7ebfb;
max-width: unset;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-event-article .mec-event-image a {
display: block;
line-height: 0;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-event-article .mec-event-image img {
border-radius: 4px;
line-height: 0;
}
.mec-fluent-wrap.mec-skin-grid-wrap
.mec-event-article
.mec-event-image
a:not(:empty)
+ .mec-event-date {
position: absolute;
}
.mec-fluent-wrap.mec-skin-grid-wrap
.mec-event-article
.mec-event-image
.mec-event-date {
bottom: 20px;
left: 20px;
right: 20px;
text-align: left;
margin: 0;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 0 0 4px 4px;
min-height: 44px;
padding: 15px;
font-size: 12px;
line-height: 12px; letter-spacing: 0;
}
.mec-fluent-wrap.mec-skin-grid-wrap
.mec-event-article
.mec-event-image
a:empty
+ .mec-event-date {
display: block;
border-radius: 4px;
}
.mec-fluent-wrap.mec-skin-grid-wrap
.mec-event-article
.mec-event-image
.mec-event-date
i {
color: rgba(255, 255, 255, 0.5);
font-size: 13px;
margin-right: 6px;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-event-article .mec-event-content {
padding: 0 20px 5px;
text-align: left;
min-height: unset;
border-left: 1px solid #c7ebfb;
border-right: 1px solid #c7ebfb;
border-bottom: 1px solid #c7ebfb;
border-radius: 0 0 4px 4px;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-event-article .mec-event-content h4 {
padding: 0;
margin-bottom: 12px;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-event-article .mec-event-content h4 a {
font-size: 18px;
line-height: 24px;
color: #000;
letter-spacing: 0;
font-weight: 700;
}
.mec-fluent-wrap.mec-skin-grid-wrap
.mec-event-article
.mec-event-content
h4
a:hover {
text-decoration: underline;
}
.mec-fluent-wrap.mec-skin-grid-wrap
.mec-event-article
.mec-event-content
.mec-event-address {
font-size: 12px;
line-height: 12px;
color: #898a8c;
margin-bottom: 28px;
}
.mec-fluent-wrap.mec-skin-grid-wrap
.mec-event-article
.mec-event-content
.mec-event-address
i {
color: #ade7ff;
font-size: 13px;
margin-right: 7px;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-event-footer {
padding: 24px 0 0;
margin: 0;
background-color: #fff;
border: 0;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-event-sharing-wrap {
position: relative;
display: inline-block;
left: auto;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-event-sharing-wrap > li:first-of-type {
border: 0;
margin-bottom: 0;
}
.mec-fluent-wrap.mec-skin-grid-wrap
.mec-event-sharing-wrap:hover
> li:first-of-type {
background-color: #fff;
}
.mec-fluent-wrap.mec-skin-grid-wrap
.mec-event-sharing-wrap
> li:first-of-type
i {
width: 38px;
height: 38px;
color: #00acf8;
}
.mec-fluent-wrap.mec-skin-grid-wrap .mec-booking-button {
color: #00acf8;
font-size: 12px;
line-height: 12px;
font-weight: 400;
display: block;
float: left; border: 1px solid #c7ebfb;
padding: 12px 16px;
border-radius: 2px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03);
margin-right: 8px;
}
.mec-fluent-wrap .mec-event-grid-classic article .mec-fc-style {
border-radius: 2px;
margin: 0;
margin-bottom: 15px;
line-height: 13px;
}
.mec-fluent-yearly-wrap {
max-width: 1026px !important;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-year-container {
box-shadow: 0 5px 33px #ddf2fb;
border: 1px solid #c7ebfb;
border-radius: 3px;
overflow: hidden;
background-color: #fff;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-yearly-calendar-sec {
width: 562px;
background-color: #fff;
border-right: 1px solid #e6f7ff;
max-height: 732px;
padding: 0;
padding-top: 34px;
box-shadow: none;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-yearly-calendar-sec-inner {
padding-left: 15px;
padding-right: 15px;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-yearly-agenda-sec {
width: calc(100% - 562px);
max-height: 732px;
padding-top: 42px;
padding-left: 0;
background: #fafdff;
position: relative;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-yearly-agenda-sec-inner {
padding-left: 25px;
padding-right: 25px;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar {
margin: 10px 16px;
margin-bottom: 25px;
border: 1px solid #e6f7ff;
border-radius: 3px;
padding: 10px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar:hover,
.mec-fluent-wrap .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar.active,
.mec-fluent-wrap
.mec-yearly-view-wrap
.mec-calendar.mec-yearly-calendar:hover
dl
dt,
.mec-fluent-wrap
.mec-yearly-view-wrap
.mec-calendar.mec-yearly-calendar.active
dl
dt {
background-color: #fcfeff;
border-color: #c7ebfb;
}
.mec-fluent-wrap
.mec-yearly-view-wrap
.mec-calendar.mec-yearly-calendar[data-month='11'],
.mec-fluent-wrap
.mec-yearly-view-wrap
.mec-calendar.mec-yearly-calendar[data-month='12'] {
margin-bottom: 34px;
}
@media (max-width: 992px) {
.mec-fluent-wrap .mec-yearly-view-wrap .mec-yearly-calendar-sec {
width: 302px;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-yearly-agenda-sec {
width: calc(100% - 302px);
}
.mec-fluent-wrap
.mec-yearly-view-wrap
.mec-calendar.mec-yearly-calendar:nth-child(odd) {
margin-right: 0;
}
}
@media (max-width: 767px) {
.mec-fluent-wrap .mec-yearly-view-wrap .mec-yearly-agenda-sec,
.mec-fluent-wrap .mec-yearly-view-wrap .mec-yearly-calendar-sec {
width: 100%;
float: none;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-yearly-agenda-sec {
border-top: 1px solid #c7ebfb;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-yearly-calendar-sec-inner {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
}
.mec-fluent-wrap .mec-calendar.mec-yearly-calendar .mec-calendar-table-title {
font-size: 16px;
color: #010204;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar dl dt {
font-weight: 400;
color: #000;
}
.mec-fluent-wrap
.mec-calendar.mec-yearly-calendar
.mec-calendar-table-head
dl
dt {
background-color: #fff;
font-size: 14px;
color: #afe6ff;
font-size: 7px;
}
.mec-fluent-wrap
.mec-yearly-view-wrap
.mec-calendar.mec-yearly-calendar
dl
dt.mec-table-nullday {
color: #ced6e5;
}
.mec-fluent-wrap
.mec-yearly-view-wrap
.mec-calendar.mec-yearly-calendar
.mec-has-event:after {
width: 10px;
border-radius: 0;
height: 1px;
margin: 0;
margin-left: 0px;
background-color: #00acf8;
bottom: 6px;
left: calc(50% - 5px);
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-yearly-agenda-sec-title {
font-size: 13px;
line-height: 1.1;
color: #aab2be;
font-weight: 600;
margin-top: 0;
margin-bottom: 15px; letter-spacing: 1px;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-agenda-events-wrap {
width: auto;
padding: 0;
float: none;
background-color: #fff;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-events-agenda {
border: 0;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-events-agenda.mec-selected {
box-shadow: none;
background: none;
}
.mec-fluent-wrap
.mec-yearly-view-wrap
.mec-events-agenda.mec-selected
.mec-agenda-event {
box-shadow: 0 1px 4px -1px #fbebb6;
background-color: #fffdf5;
border-color: #fbebb6;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-agenda-event {
border: 1px solid #e6f7ff;
padding: 15px;
background-color: #fff;
margin-bottom: 15px;
box-shadow: 0 1px 6px rgba(23, 102, 232, 0.05);
border-radius: 3px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-agenda-event:hover {
box-shadow: 0 4px 10px -5px rgba(23, 102, 232, 0.1);
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-agenda-event .mec-event-image {
margin-right: 12px;
display: block;
float: left;
}
.mec-fluent-wrap
.mec-yearly-view-wrap
.mec-agenda-event
.mec-event-image:empty {
display: none;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-agenda-event .mec-event-image img {
width: 58px;
height: 58px;
border-radius: 4px;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-agenda-event .mec-event-content {
display: block;
min-height: 58px;
}
.mec-fluent-wrap
.mec-yearly-view-wrap
.mec-agenda-event
.mec-event-image:empty
+ .mec-event-content {
min-height: unset;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-agenda-event .mec-event-content h4 {
font-size: 16px;
line-height: 1;
font-weight: 400;
padding-bottom: 0;
margin-bottom: 3px; margin-top: 11px;
}
.mec-fluent-wrap
.mec-yearly-view-wrap
.mec-agenda-event
.mec-event-content
h4
a {
font-size: 14px;
font-weight: 600;
font-family: inherit;
color: #000;
}
.mec-fluent-wrap
.mec-yearly-view-wrap
.mec-agenda-event
.mec-event-image:empty
+ .mec-event-content
h4 {
padding-top: 0;
padding-left: 0;
margin-top: 0;
}
.mec-fluent-wrap
.mec-yearly-view-wrap
.mec-agenda-event
.mec-event-content
span {
display: inline-block;
color: #898a8c;
font-size: 12px;
}
.mec-fluent-wrap
.mec-yearly-view-wrap
.mec-agenda-event
.mec-event-content
.mec-seperator {
color: #e3e4e6;
margin: 0 6px;
}
.mec-fluent-wrap .mec-yearly-view-wrap .mec-localtime-details,
.mec-fluent-wrap .mec-yearly-view-wrap .mec-local-time-details {
margin-top: 10px;
clear: both;
}
.mec-fluent-wrap.mec-timetable-wrap {
max-width: 1026px !important;
}
.mec-fluent-wrap.mec-timetable-wrap .mec-calendar {
background-image: none;
}
.mec-fluent-wrap.mec-timetable-wrap .mec-timetable-t2-wrap {
border: 1px solid #c7ebfb;
border-radius: 3px;
box-shadow: 0 5px 33px #ddf2fb;
background-color: #fff;
padding: 0;
max-height: 733px;
}
.mec-fluent-wrap.mec-timetable-wrap .mec-timetable-t2-wrap-inner {
padding-left: 50px;
min-width: 600px;
}
.mec-fluent-wrap.mec-timetable-wrap .mec-timetable-t2-col {
padding-right: 0;
}
@media only screen and (max-width: 960px) {
.mec-fluent-wrap.mec-timetable-wrap .mec-timetable-t2-col {
width: 20%;
float: left;
}
.mec-fluent-wrap.mec-timetable-wrap .mec-timetable-col-6 {
width: 16.6666%;
}
.mec-fluent-wrap.mec-timetable-wrap .mec-timetable-col-7 {
width: 14.28%;
}
}
.mec-fluent-wrap.mec-timetable-wrap .mec-ttt2-title {
background-color: #fff;
border-bottom: 1px solid #e6f7ff;
position: relative;
z-index: 9;
text-align: left;
padding: 30px 15px 7px;
}
.mec-fluent-wrap.mec-timetable-wrap .mec-ttt2-title .mec-day-name {
display: block;
font-size: 15px;
line-height: 15px;
color: #000;
letter-spacing: 0;
}
.mec-fluent-wrap.mec-timetable-wrap .mec-ttt2-title .mec-day-num {
font-size: 12px;
line-height: 12px;
color: #a8acb3;
font-weight: 400;
}
.mec-fluent-wrap.mec-timetable-wrap .mec-cell {
position: relative;
min-height: 89px;
border-bottom: 1px solid #e6f7ff;
border-left: 1px solid #e6f7ff;
}
.mec-fluent-wrap.mec-timetable-wrap .mec-cell:last-of-type {
border-bottom: 0;
}
.mec-fluent-wrap.mec-timetable-wrap .mec-cell .mec-time {
position: absolute;
top: -12px;
left: -44px;
color: #afe7ff;
font-size: 12px;
}
.mec-fluent-wrap.mec-timetable-wrap .mec-cell .mec-time.mec-time-end {
top: auto;
bottom: -5px;
}
.mec-fluent-wrap.mec-timetable-wrap .mec-more-events-icon {
margin-left: 18px;
margin-bottom: 10px;
}
.mec-fluent-wrap.mec-events-agenda-container {
max-width: 1026px !important;
}
.mec-fluent-wrap.mec-events-agenda-container .mec-calendar {
background-image: none;
min-height: 410px;
}
.mec-fluent-wrap.mec-events-agenda-container .mec-events-agenda-wrap {
border-color: #c7ebfb;
border-radius: 3px;
box-shadow: 0 5px 33px #ddf2fb;
padding: 0;
background-color: #fff;
margin: 0;
max-height: 733px;
overflow: hidden;
}
.mec-fluent-wrap.mec-events-agenda-container .mec-month-divider {
margin: 27px;
text-align: left;
}
.mec-fluent-wrap.mec-events-agenda-container .mec-month-divider span {
font-size: 24px;
line-height: 24px;
font-weight: 700; border: 0;
padding: 0;
}
.mec-fluent-wrap.mec-events-agenda-container .mec-month-divider span:before,
.mec-fluent-wrap.mec-events-agenda-container .mec-month-divider i {
display: none;
}
.mec-fluent-wrap.mec-events-agenda-container .mec-events-agenda {
display: flex;
border-top: 1px solid #e6f7ff;
border-bottom: 1px solid #e6f7ff;
margin-top: -1px;
padding: 0;
}
.mec-fluent-wrap.mec-events-agenda-container .mec-agenda-date-wrap {
width: 190px;
padding-top: 32px;
padding-bottom: 32px;
padding-left: 25px;
}
.mec-fluent-wrap.mec-events-agenda-container span.mec-agenda-day {
display: block;
color: #898a8c;
font-size: 16px;
line-height: 16px;
font-weight: 700;
margin-bottom: 4px;
}
.mec-fluent-wrap.mec-events-agenda-container span.mec-agenda-date {
font-size: 12px;
line-height: 12px;
font-weight: 400;
color: #a8acb3;
display: block;
}
.mec-fluent-wrap.mec-events-agenda-container .mec-agenda-events-wrap {
background-color: #fff;
border-left: 1px solid #e6f7ff;
padding-top: 32px;
padding-bottom: 32px;
padding-left: 25px;
width: calc(100% - 190px);
}
.mec-fluent-wrap.mec-events-agenda-container .mec-agenda-event i {
color: #afe7ff;
font-size: 14px;
margin-left: 0;
display: inline-block;
}
.mec-fluent-wrap.mec-events-agenda-container .mec-agenda-event > i {
margin-right: 6px;
margin-top: 8px;
vertical-align: top;
margin-bottom: 6px;
}
.mec-fluent-wrap.mec-events-agenda-container .mec-agenda-time {
color: #898a8c;
font-size: 12px;
line-height: 12px; width: 151px;
}
.mec-fluent-wrap.mec-events-agenda-container
.mec-agenda-event
> .mec-agenda-time {
vertical-align: top;
margin-top: 8px;
margin-bottom: 6px;
}
.mec-fluent-wrap.mec-events-agenda-container .mec-calendar .mec-event-article {
display: inline-block;
padding-left: 15px;
padding-right: 15px;
max-width: calc(100% - 180px);
min-width: 120px;
}
.mec-fluent-wrap.mec-events-agenda-container
.mec-calendar
.mec-event-article
+ span.mec-event-title-soldout {
display: inline-block;
vertical-align: top;
margin-top: 7px;
}
.mec-fluent-wrap.mec-events-agenda-container
.mec-calendar
.mec-event-article
.mec-event-title
a {
display: inline-block;
font-size: 12px;
font-weight: 400; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.mec-fluent-wrap.mec-events-agenda-container
.mec-skin-agenda-no-events-container {
padding: 20px 25px;
}
@media (max-width: 992px) {
.mec-fluent-wrap.mec-events-agenda-container .mec-agenda-date-wrap,
.mec-fluent-wrap.mec-events-agenda-container .mec-agenda-events-wrap {
float: none;
width: 100%;
}
.mec-fluent-wrap.mec-events-agenda-container .mec-agenda-events-wrap {
padding-top: 0;
}
}
.mec-fluent-wrap.mec-skin-masonry-container {
max-width: 1026px !important;
}
.mec-fluent-wrap.mec-skin-available-spot-container,
.mec-fluent-wrap.mec-skin-cover-container,
.mec-fluent-wrap.mec-skin-countdown-container,
.mec-fluent-wrap.mec-skin-carousel-container,
.mec-fluent-wrap.mec-skin-slider-container,
.mec-fluent-wrap.mec-skin-masonry-container {
background-color: transparent;
box-shadow: none;
border-radius: 0;
overflow: initial;
}
.mec-fluent-wrap.mec-skin-available-spot-container p:empty,
.mec-fluent-wrap.mec-skin-countdown-container p:empty,
.mec-fluent-wrap.mec-skin-carousel-container p:empty,
.mec-fluent-wrap.mec-skin-masonry-container p:empty {
margin: 0;
}
.mec-fluent-wrap.mec-skin-masonry-container .mec-events-masonry-cats {
margin-bottom: 51px;
}
.mec-fluent-wrap.mec-skin-masonry-container .mec-events-masonry-cats a {
font-size: 14px;
color: #414244;
font-weight: 400;
padding: 8px 15px;
margin: 0 1px;
border-radius: 5px;
border: 0; }
.mec-fluent-wrap.mec-skin-masonry-container .mec-events-masonry-cats a:hover,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-events-masonry-cats
a.mec-masonry-cat-selected {
background-color: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03);
color: #00acf8;
}
.mec-fluent-wrap.mec-skin-masonry-container .mec-masonry-item-wrap {
margin-bottom: 60px;
}
.mec-fluent-wrap.mec-skin-carousel-container .event-carousel-type2-head,
.mec-fluent-wrap.mec-skin-masonry-container .mec-masonry {
border: 0;
border-bottom: 5px solid #c7ebfb;
border-radius: 3px;
overflow: hidden;
background-color: transparent;
box-shadow: 0 4px 10px rgba(23, 102, 232, 0.07);
padding: 0;
margin: 0;
}
.mec-fluent-wrap.mec-skin-carousel-container .mec-event-article {
margin-left: 15px;
margin-right: 15px;
}
.mec-fluent-wrap.mec-skin-carousel-container .event-carousel-type2-head {
position: relative;
}
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-event-img {
position: relative;
}
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-event-img
img,
.mec-fluent-wrap.mec-skin-masonry-container .mec-masonry .mec-masonry-img img {
border-radius: 4px 4px 0 0;
}
.mec-fluent-wrap.mec-skin-masonry-container .mec-masonry .mec-masonry-img a {
display: -webkit-box;
display: flex;
-webkit-box-align: stretch;
align-items: stretch;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-date-wrap,
.mec-fluent-wrap.mec-skin-cover-container .mec-date-wrap,
.mec-fluent-wrap.mec-skin-countdown-container .mec-date-wrap,
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-date-wrap,
.mec-fluent-wrap.mec-skin-slider-container .mec-date-wrap,
.mec-fluent-wrap.mec-skin-masonry-container .mec-masonry .mec-date-wrap {
background-color: #f7fcff;
min-height: 72px;
border-bottom: 1px solid #e6f7ff;
padding: 20px 25px 12px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-date-wrap
.mec-event-date,
.mec-fluent-wrap.mec-skin-cover-container .mec-date-wrap .mec-event-date,
.mec-fluent-wrap.mec-skin-countdown-container .mec-date-wrap .mec-event-date,
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-date-wrap
.mec-event-date,
.mec-fluent-wrap.mec-skin-slider-container .mec-date-wrap .mec-event-date,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-masonry
.mec-date-wrap
.mec-event-date {
text-align: left;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-date-wrap
.mec-event-date
span,
.mec-fluent-wrap.mec-skin-cover-container .mec-date-wrap .mec-event-date span,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-date-wrap
.mec-event-date
span,
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-date-wrap
.mec-event-date
span,
.mec-fluent-wrap.mec-skin-slider-container .mec-date-wrap .mec-event-date span,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-masonry
.mec-date-wrap
.mec-event-date
span {
color: #898a8c;
font-size: 14px;
line-height: 14px;
font-weight: 400;
display: inline-block;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-date-wrap
span.mec-event-day-num,
.mec-fluent-wrap.mec-skin-cover-container .mec-date-wrap span.mec-event-day-num,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-date-wrap
span.mec-event-day-num,
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-date-wrap
span.mec-event-day-num,
.mec-fluent-wrap.mec-skin-slider-container
.mec-date-wrap
span.mec-event-day-num,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-masonry
.mec-date-wrap
span.mec-event-day-num {
font-size: 27px;
line-height: 27px;
font-weight: 700;
margin-right: 1px;
color: #00acf8;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-date-wrap
.mec-event-day
span,
.mec-fluent-wrap.mec-skin-cover-container .mec-date-wrap .mec-event-day span,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-date-wrap
.mec-event-day
span,
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-date-wrap
.mec-event-day
span,
.mec-fluent-wrap.mec-skin-slider-container .mec-date-wrap .mec-event-day span,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-masonry
.mec-date-wrap
.mec-event-day
span {
font-size: 16px;
line-height: 16px;
display: block;
color: #000;
}
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-date-wrap.mec-event-has-img,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-masonry
.mec-date-wrap.mec-masonry-has-img {
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 0 35px 0 0;
padding: 16px 33px 17px 27px;
border: 0;
}
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-date-wrap.mec-event-has-img
span,
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-date-wrap.mec-event-has-img
span.mec-event-day-num,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-masonry
.mec-date-wrap.mec-masonry-has-img
span,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-masonry
.mec-date-wrap.mec-masonry-has-img
span.mec-event-day-num {
color: #fff;
}
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-date-wrap.mec-event-has-img
.mec-event-day,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-masonry
.mec-date-wrap.mec-masonry-has-img
.mec-event-day {
margin-top: -3px;
}
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-date-wrap.mec-event-has-img
.mec-event-day
span,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-masonry
.mec-date-wrap.mec-masonry-has-img
.mec-event-day
span {
color: rgba(255, 255, 255, 0.47);
}
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-carousel-content,
.mec-fluent-wrap.mec-skin-masonry-container .mec-masonry .mec-masonry-content {
padding: 23px 25px 6px;
border-right: 1px solid #e6f7ff;
border-left: 1px solid #e6f7ff;
}
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-carousel-content {
background-color: #fff;
padding-bottom: 1px;
}
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-carousel-content
.mec-event-content,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-masonry
.mec-masonry-content
.mec-event-content {
padding: 0;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-event-content
.mec-event-title,
.mec-fluent-wrap.mec-skin-cover-container .mec-event-content .mec-event-title,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-content
.mec-event-title,
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-carousel-content
.mec-event-content
.mec-event-title,
.mec-fluent-wrap.mec-skin-slider-container .mec-event-content .mec-event-title,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-masonry
.mec-masonry-content
.mec-event-content
.mec-event-title {
margin-top: 0;
margin-bottom: 7px;
line-height: 24px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-event-content
.mec-event-title
a,
.mec-fluent-wrap.mec-skin-cover-container .mec-event-content .mec-event-title a,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-content
.mec-event-title
a,
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-carousel-content
.mec-event-content
.mec-event-title
a,
.mec-fluent-wrap.mec-skin-slider-container
.mec-event-content
.mec-event-title
a,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-masonry
.mec-masonry-content
.mec-event-content
.mec-event-title
a {
color: #000;
font-weight: 700; font-size: 18px;
line-height: 24px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-event-content
.mec-event-title
a:hover,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-content
.mec-event-title
a:hover,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-content
.mec-event-title
a:hover,
.mec-fluent-wrap.mec-skin-carousel-container
.event-carousel-type2-head
.mec-carousel-content
.mec-event-content
.mec-event-title
a:hover,
.mec-fluent-wrap.mec-skin-slider-container
.mec-event-content
.mec-event-title
a:hover,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-masonry
.mec-masonry-content
.mec-event-content
.mec-event-title
a:hover {
text-decoration: none;
color: #00acf8;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-price-details i,
.mec-fluent-wrap.mec-skin-slider-container .mec-available-tickets-details i {
margin-right: 0;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-event-location i:before,
.mec-fluent-wrap.mec-skin-available-spot-container .mec-time-details:before,
.mec-fluent-wrap.mec-skin-available-spot-container .mec-date-details i:before,
.mec-fluent-wrap.mec-skin-cover-container .mec-event-location i,
.mec-fluent-wrap.mec-skin-cover-container .mec-time-details:before,
.mec-fluent-wrap.mec-skin-countdown-container .mec-event-location i,
.mec-fluent-wrap.mec-skin-countdown-container .mec-time-details:before,
.mec-fluent-wrap.mec-skin-carousel-container .mec-event-location i,
.mec-fluent-wrap.mec-skin-carousel-container .mec-time-details:before,
.mec-fluent-wrap.mec-skin-slider-container .mec-event-location i:before,
.mec-fluent-wrap.mec-skin-slider-container .mec-time-details:before,
.mec-fluent-wrap.mec-skin-slider-container .mec-price-details i:before,
.mec-fluent-wrap.mec-skin-slider-container
.mec-available-tickets-details
i:before,
.mec-fluent-wrap.mec-skin-masonry-container .mec-event-location i,
.mec-fluent-wrap.mec-skin-masonry-container .mec-time-details:before,
.mec-fluent-wrap.mec-skin-masonry-container .mec-sl-folder:before {
color: #afe7ff;
font-size: 14px !important;
line-height: 13px;
vertical-align: middle;
margin-right: 3px;
}
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-location
+ .mec-time-details,
.mec-fluent-wrap.mec-skin-carousel-container
.mec-event-location
+ .mec-time-details,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-event-location
+ .mec-time-details {
margin-top: -3px;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-event-location address,
.mec-fluent-wrap.mec-skin-available-spot-container .mec-time-details span,
.mec-fluent-wrap.mec-skin-available-spot-container .mec-date-details span,
.mec-fluent-wrap.mec-skin-cover-container .mec-event-location address,
.mec-fluent-wrap.mec-skin-cover-container .mec-time-details span,
.mec-fluent-wrap.mec-skin-countdown-container .mec-event-location address,
.mec-fluent-wrap.mec-skin-countdown-container .mec-time-details span,
.mec-fluent-wrap.mec-skin-carousel-container .mec-event-location address,
.mec-fluent-wrap.mec-skin-carousel-container .mec-time-details span,
.mec-fluent-wrap.mec-skin-slider-container .mec-event-location address,
.mec-fluent-wrap.mec-skin-slider-container .mec-time-details span,
.mec-fluent-wrap.mec-skin-slider-container .mec-price-details span,
.mec-fluent-wrap.mec-skin-slider-container .mec-available-tickets-details span,
.mec-fluent-wrap.mec-skin-masonry-container .mec-event-location address,
.mec-fluent-wrap.mec-skin-masonry-container .mec-time-details span {
display: inline-block;
color: #898a8c;
font-size: 12px;
line-height: 12px; margin-bottom: 0;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-time-details span,
.mec-fluent-wrap.mec-skin-cover-container .mec-time-details span,
.mec-fluent-wrap.mec-skin-countdown-container .mec-time-details span,
.mec-fluent-wrap.mec-skin-carousel-container .mec-time-details span,
.mec-fluent-wrap.mec-skin-slider-container .mec-time-details span,
.mec-fluent-wrap.mec-skin-masonry-container .mec-time-details span { }
.mec-fluent-wrap.mec-skin-slider-container
.mec-price-details
span.mec-price-number {
color: #5ad162;
font-weight: 700;
}
.mec-fluent-wrap.mec-skin-slider-container
.mec-available-tickets-details
span.mec-available-tickets-number {
color: #558dfe;
font-weight: 700;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-time-details:before,
.mec-fluent-wrap.mec-skin-cover-container .mec-time-details:before,
.mec-fluent-wrap.mec-skin-countdown-container .mec-time-details:before,
.mec-fluent-wrap.mec-skin-carousel-container .mec-time-details:before,
.mec-fluent-wrap.mec-skin-slider-container .mec-time-details:before,
.mec-fluent-wrap.mec-skin-masonry-container .mec-time-details:before {
font-family: simple-line-icons;
content: '\e081';
margin-right: 7px;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-event-footer,
.mec-fluent-wrap.mec-skin-countdown-container .mec-event-footer,
.mec-fluent-wrap.mec-skin-carousel-container .mec-event-footer,
.mec-fluent-wrap.mec-skin-masonry-container .mec-event-footer {
padding: 28px 0 0;
margin: 0;
background-color: #fff;
border: 0;
}
.mec-fluent-wrap.mec-skin-carousel-container .mec-event-footer {
padding-top: 25px;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-footer .mec-booking-button,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-footer
.mec-booking-button,
.mec-fluent-wrap.mec-skin-carousel-container
.mec-event-footer
.mec-booking-button,
.mec-fluent-wrap.mec-skin-masonry-container
.mec-event-footer
.mec-booking-button {
line-height: 12px;
padding: 0px 16px;
height: 38px;
line-height: 38px;
}
.mec-fluent-wrap.mec-skin-slider-container {
max-width: 1026px !important;
}
@media only screen and (max-width: 992px) {
.mec-fluent-wrap.mec-skin-carousel-container .mec-owl-theme .owl-nav {
display: none;
}
}
@media only screen and (max-width: 480px) {
.mec-fluent-wrap .mec-event-grid-modern .mec-event-sharing {
top: auto;
left: -6px;
}
}
.mec-fluent-wrap.mec-skin-slider-container .mec-slider-t1-wrap {
padding: 0;
background-color: transparent;
min-height: 501px;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-slider-t1 {
height: 447px;
box-shadow: 0 0 70px rgba(27, 69, 91, 0.16);
}
@media (min-width: 961px) {
.mec-fluent-wrap.mec-skin-slider-container .mec-slider-t1 {
margin: 0 auto;
max-width: 1026px !important;
}
}
.mec-fluent-wrap.mec-skin-slider-container .mec-slider-t1 .mec-event-article {
border-left: 7px solid #e6f7ff;
border-radius: 3px;
min-height: 447px;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-slider-t1 .mec-slider-t1-img {
width: calc(100% - 383px);
border-radius: 0 3px 3px 0;
}
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1
.mec-slider-t1-content {
width: 383px;
border-top: 1px solid #e6f7ff;
border-bottom: 1px solid #e6f7ff;
padding: 53px 50px;
margin-bottom: 0;
}
.mec-fluent-wrap.mec-skin-slider-container .event-grid-modern-head {
padding: 0;
margin: 0;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-event-content .mec-event-title {
margin-bottom: 15px;
letter-spacing: 0;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-date-wrap {
background-color: #fff;
border-bottom: 1px solid #e6f7ff;
padding: 0;
padding-bottom: 25px;
margin-bottom: 25px;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-date-wrap i {
font-size: 45px;
line-height: 45px;
color: #afe6ff;
display: inline-block;
float: left;
margin-right: 11px;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-date-wrap-inner {
float: left;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-date-wrap .mec-event-date {
margin-right: 0;
margin-bottom: 2px;
display: block;
float: none;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-date-wrap .mec-event-day {
margin-top: 0;
font-weight: 400;
font-family: inherit; letter-spacing: 0;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-event-date span {
float: left;
}
.mec-fluent-wrap.mec-skin-slider-container
.mec-event-date
span.mec-event-day-num {
margin-right: 9px;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-event-date span:last-child {
margin-top: 8px;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-event-content {
padding: 0;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-event-meta > div {
margin-bottom: 4px;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-event-footer {
padding-top: 38px;
padding-bottom: 0;
margin: 0;
}
.mec-fluent-wrap.mec-skin-slider-container
.mec-event-footer
.mec-booking-button {
height: auto;
line-height: 12px;
padding: 12px 16px 11px;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-slider-t1-wrap .owl-nav {
position: relative;
margin-top: 20px;
}
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1-wrap
.mec-owl-theme
.owl-nav
.owl-next,
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1-wrap
.mec-owl-theme
.owl-nav
.owl-prev {
opacity: 1;
width: auto;
height: auto;
font-size: 12px;
line-height: 12px;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06);
top: auto;
margin: 0;
color: #00acf8;
letter-spacing: 0;
font-weight: 600;
padding: 12px 0;
border: 1px solid #00acf8;
width: 80px;
}
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1-wrap
.mec-owl-theme
.owl-nav
.owl-prev {
left: 0;
}
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1-wrap
.mec-owl-theme
.owl-nav
.owl-next {
left: 94px;
right: unset;
}
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1-wrap
.mec-owl-theme
.owl-nav
.owl-next:hover,
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1-wrap
.mec-owl-theme
.owl-nav
.owl-prev:hover {
background-color: #00acf8;
color: #fff;
}
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1-wrap
.mec-owl-theme
.owl-nav
.owl-next
i,
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1-wrap
.mec-owl-theme
.owl-nav
.owl-prev
i {
color: #00acf8;
font-size: 9px;
font-weight: 400;
margin: 0 9px;
line-height: 9px;
display: inline-block;
-webkit-transform: translate(0, -1px);
transform: translate(0, -1px);
}
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1-wrap
.mec-owl-theme
.owl-nav
.owl-prev
i {
margin-left: 0;
}
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1-wrap
.mec-owl-theme
.owl-nav
.owl-next
i {
margin-right: 0;
}
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1-wrap
.mec-owl-theme
.owl-nav
.owl-next:hover
i,
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1-wrap
.mec-owl-theme
.owl-nav
.owl-prev:hover
i {
color: #fff;
}
@media (max-width: 992px) {
.mec-fluent-wrap.mec-skin-slider-container .mec-slider-t1 .mec-slider-t1-img {
height: 100%;
float: right;
}
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1
.mec-slider-t1-content {
float: left;
}
}
@media (max-width: 767px) {
.mec-fluent-wrap.mec-skin-slider-container .mec-slider-t1-wrap,
.mec-fluent-wrap.mec-skin-slider-container .mec-slider-t1,
.mec-fluent-wrap.mec-skin-slider-container .mec-slider-t1 .mec-event-article {
height: auto;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-slider-t1 {
padding-bottom: 60px;
}
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1
.mec-slider-t1-content {
border-right: 1px solid #e6f7ff;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-slider-t1 .mec-slider-t1-img,
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1
.mec-slider-t1-content {
width: 100%;
float: none;
}
.mec-fluent-wrap.mec-skin-slider-container .mec-slider-t1 .mec-slider-t1-img {
height: 300px;
}
}
@media (max-width: 480px) {
.mec-fluent-wrap.mec-skin-slider-container
.mec-slider-t1
.mec-slider-t1-content {
padding: 30px;
padding-bottom: 20px;
}
}
.mec-fluent-wrap.mec-skin-carousel-container {
max-width: 1154px;
}
.mec-fluent-wrap.mec-skin-carousel-container
.mec-event-carousel-type2
.owl-next,
.mec-fluent-wrap.mec-skin-carousel-container
.mec-event-carousel-type2
.owl-prev {
position: absolute;
background-color: #fff !important;
width: 39px;
height: 39px;
line-height: 39px;
border-radius: 50%;
text-align: center;
padding: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid #c7ebfb;
}
.mec-fluent-wrap.mec-skin-carousel-container
.mec-event-carousel-type2
.owl-next:hover,
.mec-fluent-wrap.mec-skin-carousel-container
.mec-event-carousel-type2
.owl-prev:hover {
background-color: #00acf8;
border-color: #00acf8;
}
.mec-fluent-wrap.mec-skin-carousel-container
.mec-event-carousel-type2
.owl-next
i,
.mec-fluent-wrap.mec-skin-carousel-container
.mec-event-carousel-type2
.owl-prev
i {
font-size: 15px;
line-height: 37px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #00acf8;
}
.mec-fluent-wrap.mec-skin-carousel-container
.mec-event-carousel-type2
.owl-next:hover
i,
.mec-fluent-wrap.mec-skin-carousel-container
.mec-event-carousel-type2
.owl-prev:hover
i {
color: #fff;
}
.mec-fluent-wrap.mec-skin-carousel-container
.mec-event-carousel-type2
.owl-next
i {
padding-left: 2px;
}
.mec-fluent-wrap.mec-skin-carousel-container .mec-owl-theme .owl-dots {
margin-top: 20px;
}
.mec-fluent-wrap.mec-skin-carousel-container .mec-owl-theme .owl-dots .owl-dot {
padding: 0;
margin: 0 3px;
display: inline-block;
width: auto;
}
.mec-fluent-wrap.mec-skin-carousel-container
.mec-owl-theme
.owl-dots
.owl-dot
span {
margin: 0;
background-color: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03);
border: 1px solid #c7ebfb;
width: 7px;
height: 7px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 50%;
}
.mec-fluent-wrap.mec-skin-carousel-container
.mec-owl-theme
.owl-dots
.owl-dot:hover
span {
background-color: #00acf8;
border-color: #00acf8;
}
.mec-fluent-wrap.mec-skin-carousel-container
.mec-owl-theme
.owl-dots
.owl-dot.active
span {
width: 25px;
border-radius: 4px;
background-color: #00acf8;
border-color: #00acf8;
}
.mec-fluent-wrap.mec-skin-carousel-container .mec-localtime-details,
.mec-fluent-wrap.mec-skin-carousel-container .mec-local-time-details {
padding-top: 2px;
}
.mec-fluent-wrap.mec-skin-countdown-container {
max-width: 1026px !important;
}
.mec-fluent-wrap.mec-skin-countdown-container .mec-event-countdown-style3 {
background-color: #fff;
border-radius: 3px;
overflow: hidden;
border-left: 7px solid #e6f7ff;
box-shadow: 0 0 70px rgba(0, 0, 0, 0.17);
display: -webkit-box;
display: flex;
color: #000;
}
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown-part2 {
width: 495px;
display: initial;
}
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown-part2
.mec-event-image,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown-part2
a,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown-part2
img {
display: block;
height: 100%;
object-fit: cover;
}
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown-part1 {
-webkit-box-flex: 1;
flex: 1;
width: auto;
display: initial;
padding: 47px 60px 40px 53px;
}
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown-part-details {
padding-top: 40px;
margin-bottom: 0;
}
.mec-fluent-wrap.mec-skin-countdown-container .mec-event-countdown-part-title {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
align-items: self-start;
}
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown-part1
.mec-event-upcoming {
font-size: 24px;
color: #000;
font-weight: 700;
letter-spacing: 0;
margin-top: 14px; -webkit-box-flex: 1;
flex: 1;
margin-right: 10px;
}
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown-part1
.mec-event-upcoming
span {
font-weight: 700;
margin-bottom: 5px;
display: block;
}
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-content
.mec-event-title {
text-align: left;
margin-bottom: 24px;
}
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-content
.mec-event-title
a {
font-size: 17px;
line-height: 23px;
font-weight: 500;
}
.mec-fluent-wrap.mec-skin-countdown-container .mec-date-wrap {
background-color: #e6f7ff;
border-radius: 3px;
min-height: 76px;
padding-top: 17px;
padding-bottom: 15px;
white-space: nowrap;
}
.mec-fluent-wrap.mec-skin-countdown-container .mec-event-date {
width: auto;
height: auto;
background: initial;
color: initial;
font-size: initial;
position: static;
}
.mec-fluent-wrap.mec-skin-countdown-container .mec-event-date:before,
.mec-fluent-wrap.mec-skin-countdown-container .mec-event-date:after {
display: none;
}
.mec-fluent-wrap.mec-skin-countdown-container
.mec-date-wrap
span.mec-event-day-num {
font-size: 26px;
color: #1766e8;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-event-countdown,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown {
position: static;
margin: 0;
margin-bottom: 21px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-event-countdown
.clockdiv,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown
.clockdiv {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-event-countdown
.block-w,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown
.block-w {
margin: 0;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-event-countdown li,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown
li {
border: 1px solid #c7ebfb;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
border-radius: 2px;
margin-right: 10px;
padding: 11px 18px 12px;
margin-left: 0;
}
.mec-fluent-wrap.mec-skin-countdown-container .mec-local-time-details:before,
.mec-fluent-wrap.mec-skin-countdown-container .mec-localtime-details i:before {
top: 6px;
}
@media (max-width: 480px) {
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-part-title {
flex-wrap: wrap;
flex-direction: column;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-event-countdown li,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown
li {
margin-bottom: 10px;
}
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown-part1
.mec-event-upcoming {
margin-bottom: 15px;
}
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-event-countdown li span,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown
li
span {
font-size: 20px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-event-countdown
li
.label-w,
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown
li
.label-w {
font-size: 12px;
line-height: 12px;
color: #898a8c;
margin-top: 0;
letter-spacing: 0;
margin-bottom: 0;
}
.mec-fluent-wrap.mec-skin-countdown-container .mec-event-footer {
padding-top: 45px;
}
@media (max-width: 960px) {
.mec-fluent-wrap.mec-skin-countdown-container .mec-event-countdown-style3 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
flex-direction: column-reverse;
}
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown-part2 {
width: 100%;
}
}
@media (max-width: 480px) {
.mec-fluent-wrap.mec-skin-countdown-container
.mec-event-countdown-style3
.mec-event-countdown-part1 {
padding: 27px 40px 20px 33px;
}
}
.mec-fluent-wrap.mec-skin-countdown-container .mec-localtime-details,
.mec-fluent-wrap.mec-skin-countdown-container .mec-local-time-details {
padding-top: 3px;
}
.mec-fluent-wrap.mec-skin-cover-container {
max-width: 1026px !important;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-local-time-details:before,
.mec-fluent-wrap.mec-skin-cover-container .mec-localtime-details i:before,
.mec-fluent-wrap.mec-skin-cover-container .mec-time-details:before {
color: #00acf8;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-time-details {
margin-top: -4px;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-time-details:before {
line-height: 13px;
}
.mec-fluent-wrap.mec-skin-cover-container article {
border: 0;
padding: 0;
border-radius: 3px;
overflow: hidden;
box-shadow: 0 0 70px rgba(27, 69, 91, 0.16);
min-height: 400px;
display: -webkit-box;
display: flex;
-webkit-box-align: stretch;
align-items: stretch;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-image {
-webkit-box-flex: 1;
flex: 1;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-image img {
height: 100%;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-date-wrap {
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
border: 0;
border-radius: 0 0 40px 0;
padding: 30px 46px 30px 40px;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-date-wrap i {
display: inline-block;
width: 53px;
height: 53px;
line-height: 53px;
font-size: 17px;
text-align: center;
background-color: #00acf8;
color: #fff;
float: left;
margin-right: 14px;
border-radius: 7px;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-date-wrap-inner {
float: left;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-date-wrap .mec-event-date {
margin-right: 0;
display: block;
float: none;
white-space: nowrap;
position: static;
width: auto;
padding: 0;
padding-top: 7px;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-date-wrap .mec-event-day {
margin-top: 0;
font-weight: 400;
font-family: inherit; letter-spacing: 0;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-date span {
float: left;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-date
span.mec-event-day-num {
margin-right: 9px;
color: #fff;
font-size: 26px;
line-height: 26px;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-date span:last-child {
margin-top: 8px;
color: #fff;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-date-wrap .mec-event-day span {
color: rgba(255, 255, 255, 0.75);
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-content {
bottom: 0;
left: 0;
width: 90%;
background-color: rgba(255, 255, 255, 0.92);
border-radius: 0 40px 0 0;
border-left: 7px solid #c7ebfb;
display: -webkit-box;
display: flex;
padding: 40px 32px 40px 35px;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-location i {
color: #00acf8;
}
@media (max-width: 960px) {
.mec-fluent-wrap.mec-skin-cover-container img {
height: 100%;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-col {
padding: 0 40px;
}
@media (max-width: 1200px) {
.mec-fluent-wrap.mec-skin-cover-container .mec-event-col {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 960px) {
.mec-fluent-wrap.mec-skin-cover-container .mec-event-col {
padding-left: 0;
padding-right: 0;
padding-bottom: 20px;
}
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-col:first-of-type {
padding-left: 0;
border-right: 1px solid #e3e4e6;
max-width: 359px;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-col:last-of-type {
padding-right: 0;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type1
.mec-event-col:last-of-type {
margin-left: auto;
}
@media (max-width: 960px) {
.mec-fluent-wrap.mec-skin-cover-container .mec-event-col:first-of-type {
border-right: 0;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-col:last-of-type {
padding-bottom: 0;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type1
.mec-event-col:last-of-type {
margin-left: 0;
}
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-location,
.mec-fluent-wrap.mec-skin-cover-container .mec-time-details {
white-space: nowrap;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-booking-button {
background-color: #00acf8;
color: #fff;
padding: 16px 32px;
font-size: 14px;
line-height: 14px;
border: 0;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-booking-button:hover {
background-color: #000;
color: #fff;
box-shadow: 0 4px 10px rgba(1, 2, 4, 0.32);
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-date-wrap {
left: auto;
right: 0;
top: 30px;
border-radius: 15px 0 0 15px;
background-color: #00acf8;
padding-left: 30px;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-date-wrap
i {
background-color: #fff;
color: #00acf8;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-event-content {
width: 365px;
background-color: rgba(0, 0, 0, 0.8);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
padding: 38px 40px 28px 35px;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-localtime-details
span,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-localtime-details
span,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-local-time-details
span,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-local-time-details
span,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-localtime-details
div,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-localtime-details
div,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-local-time-details
div,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-local-time-details
div {
color: #fff !important;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-event-col {
padding: 0;
border: 0;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-event-col:nth-of-type(1) {
-webkit-box-ordinal-group: 3;
order: 2;
margin-bottom: 20px;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-event-col:nth-of-type(2) {
-webkit-box-ordinal-group: 2;
order: 1;
padding-bottom: 6px;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-event-col:nth-of-type(3) {
-webkit-box-ordinal-group: 4;
order: 3;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-event-location
i {
color: #00acf8;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-event-location
address {
color: #a2a3a6;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-event-content
.mec-event-title
a {
color: #fff;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-booking-button {
padding: 12px 16px 11px;
background-color: #fff;
color: #00acf8;
border: 1px solid #c7ebfb;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-booking-button:hover {
background-color: #00acf8;
border-color: #00acf8;
color: #fff;
box-shadow: 0 4px 10px rgba(0, 172, 248, 0.2);
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-event-sharing-wrap:hover
> li:first-of-type {
background-color: #00acf8;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-event-sharing-wrap
> li:first-of-type
i {
color: #fff;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-date-wrap,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type4
.mec-date-wrap {
left: auto;
right: 30px;
top: 30px;
border-radius: 12px;
padding-left: 30px;
padding-right: 35px;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-date-wrap {
background-color: #fff;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-event-date
span {
color: #000;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-date-wrap
.mec-event-day
span {
color: #898a8c;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-event-content,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type4
.mec-event-content {
width: 572px;
padding-top: 32px;
padding-bottom: 30px;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-event-content {
background-color: rgba(0, 0, 0, 0.8);
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-event-col:first-of-type,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type4
.mec-event-col:first-of-type {
padding-right: 22px;
border: 0;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-event-col:last-of-type,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type4
.mec-event-col:last-of-type {
padding-left: 22px;
border: 0;
margin-left: auto;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-event-location
i {
color: #00acf8;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-event-location
address {
color: #a2a3a6;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-event-content
.mec-event-title
a {
color: #fff;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-event-location,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type4
.mec-event-location {
padding-bottom: 5px;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-booking-button,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type4
.mec-booking-button {
margin-top: 24px;
}
@media (max-width: 960px) {
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-event-content,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type4
.mec-event-content {
width: auto;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-event-col,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type4
.mec-event-col {
padding: 0;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-event-col:last-of-type,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type4
.mec-event-col:last-of-type {
padding-left: 0;
margin-left: 0;
}
}
@media (max-width: 480px) {
.mec-fluent-wrap.mec-skin-cover-container .mec-date-wrap,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-date-wrap,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-date-wrap,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type4
.mec-date-wrap {
top: 0;
right: 0;
left: 0;
border-radius: 0;
padding: 20px;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-content,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-event-content {
width: 100%;
border-radius: 0;
padding: 20px;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-col:first-of-type {
padding-bottom: 5px;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type3
.mec-booking-button,
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type4
.mec-booking-button {
margin-top: 10px;
}
.mec-fluent-wrap.mec-skin-cover-container
.mec-event-cover-fluent-type2
.mec-event-col:nth-of-type(1) {
margin-bottom: 10px;
}
.mec-fluent-wrap.mec-skin-cover-container .mec-event-image img {
height: auto;
margin-top: 93px;
}
.mec-fluent-wrap.mec-skin-cover-container article {
background: #535b5f;
}
}
.mec-fluent-wrap.mec-skin-available-spot-container {
max-width: 1026px !important;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-av-spot-wrap {
max-width: 1026px !important;
background-color: #fff;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-av-spot {
border: 0;
border-radius: 3px;
overflow: hidden;
box-shadow: 0 0 70px rgba(27, 69, 91, 0.16);
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-av-spot-img {
height: 450px;
background-color: #e6e7e8;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-av-spot-box {
position: absolute;
bottom: 40px;
left: 50px;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 7px;
padding: 30px 40px 30px 30px;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-av-spot-box img {
display: block;
width: 53px;
height: 53px;
line-height: 53px;
padding: 15px;
background-color: #00acf8;
float: left;
margin-right: 17px;
border-radius: 5px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-av-spot-box
.mec-av-spot-box-inner {
float: left;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-av-spot-box
.mec-av-spot-count {
display: block;
white-space: nowrap;
color: #fff;
font-size: 27px;
line-height: 36px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-av-spot-box
.mec-av-spot-text {
color: rgba(255, 255, 255, 0.6);
font-size: 16px;
margin-top: -5px;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-av-spot-content {
border-left: 7px solid #e6f7ff;
display: -webkit-box;
display: flex;
padding: 0;
padding-left: 50px;
padding-right: 50px;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-event-col {
padding-top: 50px;
padding-bottom: 35px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-event-col:first-of-type {
-webkit-box-flex: 1;
flex: 1;
padding-right: 50px;
border-right: 1px solid #e6f7ff;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-event-col:last-of-type {
width: 425px;
padding-left: 50px;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-event-countdown {
text-align: center;
display: table;
table-layout: fixed;
color: #000;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-event-countdown
.block-w {
display: table-cell;
position: relative;
height: 70px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-event-content
.mec-event-title
a {
font-size: 22px;
line-height: 28px;
}
.mec-fluent-wrap .mec-event-description p {
color: #898a8c;
font-size: 16px;
line-height: 23px;
font-weight: 400;
margin-bottom: 0;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-event-content
.mec-event-title {
margin-bottom: 47px;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-event-footer {
padding-top: 42px;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-event-countdown {
margin-bottom: 29px;
display: block;
}
.mec-fluent-wrap.mec-skin-available-spot-container .mec-date-details,
.mec-fluent-wrap.mec-skin-available-spot-container .mec-event-location,
.mec-fluent-wrap.mec-skin-available-spot-container .mec-events-address {
margin-bottom: 2px;
}
@media (max-width: 960px) {
.mec-fluent-wrap.mec-skin-available-spot-container .mec-av-spot-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-event-col:first-of-type {
padding-right: 0;
padding-bottom: 0;
border: 0;
}
.mec-fluent-wrap.mec-skin-available-spot-container
.mec-event-col:last-of-type {
padding-top: 0;
padding-left: 0;
padding-bottom: 45px;
max-width: 100%;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type1
.mec-event-footer {
padding-top: 20px;
}
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2 {
display: -webkit-box;
display: flex;
border-left: 7px solid #e6f7ff;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-event-content
.mec-event-title
a {
font-size: 17px;
line-height: 23px;
font-weight: 500;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-event-col:first-of-type {
padding-top: 75px;
padding-left: 68px;
padding-right: 75px;
padding-bottom: 50px;
border: 0;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-event-col:last-of-type {
padding: 45px;
padding-left: 0;
width: 513px;
display: -webkit-box;
display: flex;
-webkit-box-align: stretch;
align-items: stretch;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-av-spot-box {
position: static;
display: block;
background-color: #fff;
padding: 0;
border-radius: 0;
margin-bottom: 24px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-av-spot-box
img {
border-radius: 3px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-av-spot-box
.mec-av-spot-count {
color: #00acf8;
font-weight: 700;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-av-spot-box
.mec-av-spot-text {
color: #898a8c;
font-size: 14px;
font-weight: 400;
margin-top: 3px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-event-image
img {
border-radius: 3px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-event-content
.mec-event-title,
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-event-content
.mec-event-description
p:not(:empty) {
margin-bottom: 24px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-event-countdown {
margin-bottom: 13px;
}
@media (max-width: 960px) {
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column-reverse;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-event-col:last-of-type,
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-event-image,
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-event-image
img {
width: 100%;
padding-bottom: 0;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-event-image
img {
height: auto;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-event-col:first-of-type {
padding: 0 45px 35px;
}
.mec-fluent-wrap.mec-skin-available-spot-container
article.mec-article-av-spot-fluent-type2
.mec-event-col:last-of-type {
padding: 45px;
}
}
.mec-fluent-wrap.mec-skin-full-calendar-container {
position: relative;
max-width: 1026px !important;
}
.mec-fluent-wrap.mec-skin-full-calendar-container > .mec-totalcal-box {
position: absolute;
top: 30px;
right: 40px;
z-index: 1;
margin-bottom: 0;
}
.mec-fluent-wrap.mec-skin-full-calendar-container
> .mec-totalcal-box
.mec-totalcal-view {
display: -webkit-box;
display: flex;
text-align: center;
float: none;
}
.mec-fluent-wrap.mec-skin-full-calendar-container
> .mec-totalcal-box
.mec-totalcal-view
span {
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
width: auto;
height: 35px;
line-height: 35px;
padding: 0 17px;
background-color: #fff;
border: 0;
color: #4e5158;
margin-top: 0;
border-radius: 5px;
margin: 0;
-webkit-transition: all 0.16s ease;
transition: all 0.16s ease;
white-space: nowrap;
}
.mec-fluent-wrap.mec-skin-full-calendar-container
> .mec-totalcal-box
.mec-totalcal-view
span:hover {
color: #00acf8;
}
.mec-fluent-wrap.mec-skin-full-calendar-container
> .mec-totalcal-box
.mec-totalcal-view
span.mec-totalcalview-selected {
background-color: #f2fcff;
color: #00acf8 !important;
}
.mec-fluent-wrap.mec-skin-full-calendar-container
> .mec-totalcal-box
.mec-totalcal-view
span.mec-fluent-more-views-icon {
color: #00acf8;
letter-spacing: 1px;
font-size: 20px;
line-height: 26px;
position: relative;
}
.mec-fluent-wrap.mec-skin-full-calendar-container
> .mec-totalcal-box
.mec-totalcal-view
span.mec-fluent-more-views-icon.active {
background-color: #f2fcff;
}
.mec-fluent-wrap.mec-skin-full-calendar-container
> .mec-totalcal-box
.mec-totalcal-view
.mec-fluent-more-views-content {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
opacity: 0;
visibility: hidden;
height: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
position: absolute;
left: -11px;
top: calc(100% + 8px);
border: 1px solid #c7ebfb;
border-radius: 3px;
background-color: #fff;
padding: 3px 0;
}
@media (max-width: 768px) {
.mec-skin-full-calendar-container .mec-fluent-wrap .mec-month-navigator,
.mec-skin-full-calendar-container .mec-fluent-wrap .mec-year-navigator {
margin-top: 20px;
}
}
.mec-fluent-wrap.mec-skin-full-calendar-container
> .mec-totalcal-box
.mec-totalcal-view
.mec-fluent-more-views-content
span.mec-totalcalview-selected {
background-color: #fff;
color: #00acf8;
}
.mec-fluent-wrap.mec-skin-full-calendar-container
> .mec-totalcal-box
.mec-totalcal-view
.mec-fluent-more-views-content:before,
.mec-fluent-wrap.mec-skin-full-calendar-container
> .mec-totalcal-box
.mec-totalcal-view
.mec-fluent-more-views-content:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.mec-fluent-wrap.mec-skin-full-calendar-container
> .mec-totalcal-box
.mec-totalcal-view
.mec-fluent-more-views-content:before {
top: -8px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 8px solid #c7ebfb;
}
.mec-fluent-wrap.mec-skin-full-calendar-container
> .mec-totalcal-box
.mec-totalcal-view
.mec-fluent-more-views-content:after {
top: -7px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #fff;
}
.mec-fluent-wrap.mec-skin-full-calendar-container
> .mec-totalcal-box
.mec-totalcal-view
.mec-fluent-more-views-content.active {
display: -webkit-box;
display: flex;
opacity: 1;
visibility: visible;
height: unset;
}
@media (max-width: 767px) {
.mec-fluent-wrap.mec-skin-full-calendar-container
.mec-skin-monthly-view-month-navigator-container,
.mec-fluent-wrap.mec-skin-full-calendar-container .mec-calendar-a-month,
.mec-fluent-wrap.mec-skin-full-calendar-container .mec-yearly-title-sec {
padding-top: 80px;
text-align: center;
}
.mec-fluent-wrap.mec-skin-full-calendar-container > .mec-totalcal-box {
right: 0;
top: 20px;
width: 100%;
padding: 0 10px;
}
.mec-fluent-wrap.mec-skin-full-calendar-container
> .mec-totalcal-box
.mec-totalcal-view {
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
}
}
@media (max-width: 480px) {
.mec-fluent-wrap.mec-skin-full-calendar-container
.mec-skin-monthly-view-month-navigator-container,
.mec-fluent-wrap.mec-skin-full-calendar-container .mec-calendar-a-month,
.mec-fluent-wrap .mec-yearly-title-sec {
padding-left: 20px;
padding-right: 20px;
}
}
.nicescroll-cursors {
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.nicescroll-cursors:hover,
.nicescroll-cursors:focus,
.nicescroll-cursors:active {
width: 8px !important;
cursor: n-resize;
} .mec-fluent-wrap.mec-skin-tile-container {
position: relative;
max-width: 1026px !important;
}
.mec-fluent-wrap.mec-skin-tile-container .mec-calendar {
background-image: none;
max-height: 895px;
min-height: 410px;
}
.mec-fluent-wrap.mec-skin-tile-container
.mec-skin-tile-month-navigator-container {
font-size: unset;
height: unset;
text-align: unset;
margin-bottom: unset;
}
.mec-fluent-wrap.mec-skin-tile-container
.mec-skin-tile-month-navigator-container:before,
.mec-fluent-wrap.mec-skin-tile-container
.mec-skin-tile-month-navigator-container:after {
display: none;
}
.mec-fluent-wrap.mec-skin-tile-container
.mec-skin-tile-month-navigator-container
.mec-next-month,
.mec-fluent-wrap.mec-skin-tile-container
.mec-skin-tile-month-navigator-container
.mec-previous-month {
top: unset;
left: unset;
padding: unset;
line-height: unset;
box-shadow: unset;
right: unset;
}
.mec-fluent-wrap.mec-skin-tile-container .mec-calendar-topsec {
display: block;
background-color: transparent;
}
.mec-fluent-wrap.mec-skin-tile-container .mec-calendar-table {
margin: 0 !important;
}
.mec-fluent-wrap.mec-skin-tile-container .mec-calendar .mec-event-article {
display: block;
border: unset;
min-height: unset;
padding: 35px 25px;
}
.mec-fluent-wrap.mec-skin-tile-container
.mec-calendar
.mec-event-article
.mec-event-time {
color: #fff !important;
padding-top: 0;
}
.mec-fluent-wrap.mec-skin-tile-container
.mec-calendar
.mec-event-article
.mec-event-time:before {
content: '' !important;
}
.mec-fluent-wrap.mec-skin-tile-container
.mec-calendar
.mec-event-article
.mec-event-time
i:before {
color: #fff;
}
.mec-fluent-wrap.mec-skin-tile-container
.mec-event-tile-view
article.mec-tile-item
.mec-event-title {
font-weight: 700;
font-size: 23px;
padding: 0;
padding-top: 12px;
line-height: unset;
margin-bottom: 10px;
}
.mec-fluent-wrap.mec-skin-tile-container
.mec-event-tile-view
article.mec-tile-item
.mec-event-detail {
color: #fff;
}
.mec-fluent-wrap.mec-skin-tile-container
.mec-event-tile-view
article.mec-label-canceled:before,
.mec-fluent-wrap.mec-skin-tile-container
.mec-event-tile-view
article.mec-label-featured:before {
top: 12px !important;
left: 82px !important;
}
.mec-fluent-wrap .mec-event-tile-view article.mec-tile-item .mec-event-content {
height: auto;
bottom: 12px;
width: 100%;
padding: 0 20px 0;
}
@media (max-width: 767px) {
.mec-more-events-wrap .mec-more-events-body,
.mec-fluent-wrap
dl
dt:first-child
.mec-more-events-wrap
.mec-more-events-body,
.mec-fluent-wrap
dl
dt:nth-child(2)
.mec-more-events-wrap
.mec-more-events-body,
.mec-fluent-wrap
.mec-daily-view-events-item
.mec-more-events-wrap
.mec-more-events-body {
max-height: 220px;
overflow: hidden;
}
}
.mec-fluent-wrap .mec-event-sharing-wrap .mec-event-social-icon i,
.mec-fluent-wrap .mec-event-sharing-wrap .mec-event-social-icon svg {
color: rgb(0 172 248 / 0.6);
fill: rgb(0 172 248 / 0.6);
}
.mec-fluent-wrap .mec-event-sharing-wrap .mec-event-social-icon i,
.mec-fluent-wrap .mec-event-sharing-wrap .mec-event-social-icon svg {
color: rgb(0 172 248 / 0.6);
fill: rgb(0 172 248 / 0.6);
}
.mec-fluent-wrap .mec-event-sharing-wrap .mec-event-social-icon:hover i,
.mec-fluent-wrap .mec-event-sharing-wrap .mec-event-social-icon:hover svg {
color: rgb(0 172 248 / 1);
fill: rgb(0 172 248 / 1);
}
.mec-fluent-wrap .mec-event-sharing-wrap .mec-event-social-icon svg {
padding: 0 !important;
width: 16px !important;
height: 25px !important;
display: block !important;
margin: 0 auto !important;
}  .mec-fluent-wrap .mec-booking-calendar-wrapper .mec-calendar {
background: unset;
}
.mec-fluent-wrap
.mec-booking-calendar-wrapper
.mec-booking-calendar-month-navigation {
text-align: center;
width: 100%;
background: #fff;
}
.mec-fluent-wrap
.mec-booking-calendar-wrapper
.mec-booking-calendar
.mec-calendar {
padding: 0;
}
.mec-fluent-wrap
.mec-booking-calendar-wrapper
.mec-calendar.mec-event-calendar-classic
dl
dt,
.mec-fluent-wrap
.mec-booking-calendar-wrapper
.mec-calendar.mec-event-calendar-classic
.mec-calendar-table-head
dt {
padding: 3px;
}
.mec-fluent-wrap
.mec-booking-calendar-wrapper
.mec-calendar.mec-event-calendar-classic
.mec-calendar-table-head {
border: 0;
}
.mec-fluent-wrap
.mec-booking-calendar-wrapper
.mec-booking-calendar
.mec-calendar
dl
dt {
position: relative;
}
.mec-fluent-wrap
.mec-booking-calendar-wrapper
.mec-calendar
.mec-calendar-row
dt:hover {
background: #fff;
}
.mec-fluent-wrap .mec-booking-calendar-wrapper .mec-load-month {
border-radius: 0;
width: fit-content;
height: auto;
padding: 0 7px;
border: 0;
line-height: 34px;
}
.mec-fluent-wrap .mec-booking-calendar-wrapper .mec-previous-month {
float: left;
}
.mec-fluent-wrap .mec-booking-calendar-wrapper .mec-next-month {
float: right;
}
.mec-fluent-wrap .mec-booking-calendar-wrapper .mec-load-month i,
.mec-fluent-wrap .mec-booking-calendar-wrapper .mec-load-year i {
bottom: 0px;
}
.mec-fluent-wrap .mec-booking-calendar-wrapper .mec-calendar-header h2 {
font-size: 12px;
margin: 0;
}
.mec-fluent-wrap
.mec-booking-calendar-wrapper
.mec-calendar
.mec-calendar-row
dt {
padding: 0 !important;
}
.mec-fluent-wrap .mec-next-multiple ul .mec-time,
.mec-fluent-wrap .mec-next-multiple ul .mec-date {
width: 50%;
}
.mec-wrap [id^='mec_skin_events_'] .mec-event-data-fields {
display: inline-block !important;
vertical-align: sub;
}
.mec-wrap .mec-totalcal-box .mec-text-input-search label {
position: absolute;
top: -20px;
}
@media screen and (max-width: 768px) {
.mec-wrap .mec-totalcal-box .mec-search-reset-button .mec-button {
position: relative;
}
}
.mec-fluent-wrap .mec-checkboxes-search {
max-width: 254px;
margin-left: 0;
margin-right: 0;
}
@media screen and (max-width: 768px) {
.mec-fluent-wrap .mec-checkboxes-search {
margin-left: 10px;
margin-right: 10px;
display: unset;
}
}
.mec-fluent-wrap .mec-checkboxes-search .mec-searchbar-category-wrap {
width: calc(100% - 51px) !important;
max-width: calc(100% - 51px) !important;
min-height: 41px;
}
.mec-fluent-wrap .mec-minmax-event-cost {
margin-left: unset;
margin-right: 10px;
}
.mec-fluent-wrap .mec-search-form .with-mec-date-search .mec-timepicker-start,
.mec-fluent-wrap .mec-search-form .with-mec-date-search .mec-timepicker-end,
.mec-fluent-wrap .mec-minmax-event-cost .mec-minmax-price {
width: calc(50% - 20px);
}
.rtl .mec-fluent-wrap .mec-load-month i:before,
.rtl .mec-fluent-wrap .mec-load-year i:before,
.rtl
.mec-fluent-wrap
.mec-calendar.mec-calendar-daily
.mec-calendar-d-table.mec-date-labels-container
a i:before {
display: inline-block;
transform: scaleX(-1);
}
.mec-fluent-wrap .mec-related-event-content {
border: unset !important;
}