27342 lines
642 KiB
CSS
Executable file
27342 lines
642 KiB
CSS
Executable file
/*----------------------------------
|
|
Plug-in Name: Modern Events Calendar
|
|
Author: WEBNUS
|
|
Author URI: https://webnus.net/
|
|
Description: Modern Events Calendar
|
|
License: GNU General Public License
|
|
/*-----------------------------------------------------------------------------------*/
|
|
|
|
/* #CSS Base & Typography
|
|
================================================== */
|
|
/* .mec-wrap,
|
|
.mec-wrap div:not([class^="elementor-"]),
|
|
.lity-container {
|
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
} */
|
|
|
|
.mec-wrap {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-wrap h1,
|
|
.mec-wrap h2,
|
|
.mec-wrap h3,
|
|
.mec-wrap h4,
|
|
.mec-wrap h5,
|
|
.mec-wrap h6,
|
|
.entry-content .mec-wrap h1,
|
|
.entry-content .mec-wrap h2,
|
|
.entry-content .mec-wrap h3,
|
|
.entry-content .mec-wrap h4,
|
|
.entry-content .mec-wrap h5,
|
|
.entry-content .mec-wrap h6 {
|
|
color: #171c24;
|
|
font-weight: 300;
|
|
font-style: inherit;
|
|
letter-spacing: normal;
|
|
clear: none;
|
|
}
|
|
|
|
.mec-wrap h1 {
|
|
font-size: 50px;
|
|
line-height: 1.16;
|
|
margin-bottom: 12px;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.mec-wrap h2 {
|
|
font-size: 36px;
|
|
line-height: 1.14;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-wrap h3 {
|
|
font-size: 28px;
|
|
line-height: 1.2;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.mec-wrap h4 {
|
|
font-size: 24px;
|
|
line-height: 1.2;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-wrap h5 {
|
|
font-size: 18px;
|
|
line-height: 1.3;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.mec-wrap h6 {
|
|
font-size: 16px;
|
|
line-height: 1.3;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.mec-wrap .subheader {
|
|
color: #849098;
|
|
}
|
|
|
|
.mec-wrap h1 strong {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.mec-wrap :not(.elementor-widget-container) > p {
|
|
margin: 0 0 20px 0;
|
|
color: #616161;
|
|
font-size: 14px;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.mec-wrap .read-more-text p span.more-text {
|
|
display: none;
|
|
}
|
|
|
|
.mec-wrap .mec-event-article .mec-color-hover {
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
|
|
.mec-wrap abbr,
|
|
.mec-wrap acronym {
|
|
cursor: auto;
|
|
border: none;
|
|
}
|
|
|
|
.entry-content .mec-wrap a {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-single-event-description.mec-events-content ul li,
|
|
.mec-single-event-description.mec-events-content ol li {
|
|
color: #616161;
|
|
font-size: 14px;
|
|
line-height: 1.8;
|
|
font-weight: 300;
|
|
}
|
|
|
|
/* Buttons Default */
|
|
.mec-wrap .button,
|
|
.mec-wrap
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
):not(.mec-googlemap-details button):not(.mec-googlemap-skin button),
|
|
.mec-wrap input[type="submit"],
|
|
.mec-wrap input[type="reset"],
|
|
.mec-wrap input[type="button"],
|
|
.lity-content .button,
|
|
.lity-content
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
):not(.mec-googlemap-details button):not(.mec-googlemap-skin button),
|
|
.lity-content input[type="submit"],
|
|
.lity-content input[type="reset"],
|
|
.lity-content input[type="button"],
|
|
.lity-content input[type="submit"],
|
|
.mec-nextprev-next-button,
|
|
.mec-nextprev-prev-button {
|
|
position: relative;
|
|
border: 1px solid #ccecf4;
|
|
border-radius: 4px;
|
|
box-shadow: 0 1px 0 0 #fcfcfc;
|
|
color: #07bbe9;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
text-transform: capitalize;
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
margin-bottom: 20px;
|
|
margin-right: 10px;
|
|
padding: 10px 24px 10px;
|
|
background: #ecf9fd;
|
|
-webkit-transition: all 0.21s ease;
|
|
-moz-transition: all 0.21s ease;
|
|
transition: all 0.21s ease;
|
|
}
|
|
|
|
.mec-wrap .button:hover,
|
|
.mec-wrap a.button:hover,
|
|
.mec-wrap
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
):hover,
|
|
.mec-wrap input[type="submit"]:hover,
|
|
.mec-wrap input[type="reset"]:hover,
|
|
.mec-wrap input[type="button"]:hover,
|
|
.lity-content .button:hover,
|
|
.lity-content
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
):hover,
|
|
.lity-content input[type="submit"]:hover,
|
|
.lity-content input[type="reset"]:hover,
|
|
.lity-content input[type="button"]:hover,
|
|
.lity-content input[type="submit"]:hover {
|
|
border: 1px solid #38d5ed;
|
|
box-shadow: 0 1px 0 0 #fafafa;
|
|
}
|
|
|
|
.mec-wrap .button svg,
|
|
.mec-wrap
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
):not(.et-fb-button)
|
|
svg,
|
|
.mec-wrap input[type="submit"] svg,
|
|
.mec-wrap input[type="reset"] svg,
|
|
.mec-wrap input[type="button"] svg,
|
|
.lity-content .button svg,
|
|
.lity-content
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
):not(.et-fb-button)
|
|
svg,
|
|
.lity-content input[type="submit"] svg,
|
|
.lity-content input[type="reset"] svg,
|
|
.lity-content input[type="button"] svg,
|
|
.mec-nextprev-next-button svg,
|
|
.mec-nextprev-prev-button svg {
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.mec-wrap .button svg.back,
|
|
.mec-wrap
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
):not(.et-fb-button)
|
|
svg.back {
|
|
margin-right: 30px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* Form Builder Button */
|
|
.mec-booking-form-container button {
|
|
display: block;
|
|
}
|
|
|
|
/* Distance (Vertical Spaces) */
|
|
.vertical-space,
|
|
.vertical-space1,
|
|
.vertical-space2,
|
|
.vertical-space3,
|
|
.vertical-space4,
|
|
.vertical-space5 {
|
|
display: block;
|
|
width: 100%;
|
|
margin: 0;
|
|
clear: both;
|
|
border: 0 none;
|
|
height: 20px;
|
|
}
|
|
|
|
.vertical-space2 {
|
|
height: 40px;
|
|
}
|
|
|
|
.vertical-space3 {
|
|
height: 60px;
|
|
}
|
|
|
|
.vertical-space4 {
|
|
height: 80px;
|
|
}
|
|
|
|
.vertical-space5 {
|
|
height: 100px;
|
|
}
|
|
|
|
* + html hr.vertical-space,
|
|
* + html hr.vertical-space1,
|
|
* + html hr .vertical-space2,
|
|
* + html hr.vertical-space3,
|
|
* + html hr.vertical-space4,
|
|
* + html hr.vertical-space5 {
|
|
height: 0;
|
|
margin: 10px 0;
|
|
background: #fff;
|
|
border: 1px solid #fff;
|
|
}
|
|
|
|
* + html hr.vertical-space2 {
|
|
margin: 20px 0;
|
|
}
|
|
|
|
* + html hr.vertical-space3 {
|
|
margin: 30px 0;
|
|
}
|
|
|
|
* + html hr.vertical-space4 {
|
|
margin: 40px 0;
|
|
}
|
|
|
|
* + html hr.vertical-space5 {
|
|
margin: 50px 0;
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.vertical-space,
|
|
.vertical-space1 {
|
|
height: 8px;
|
|
}
|
|
|
|
.vertical-space2 {
|
|
height: 14px;
|
|
}
|
|
|
|
.vertical-space3 {
|
|
height: 28px;
|
|
}
|
|
|
|
.vertical-space4 {
|
|
height: 40px;
|
|
}
|
|
|
|
.vertical-space5 {
|
|
height: 60px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
.vertical-space,
|
|
.vertical-space1 {
|
|
height: 12px;
|
|
}
|
|
|
|
.vertical-space2 {
|
|
height: 18px;
|
|
}
|
|
|
|
.vertical-space3 {
|
|
height: 36px;
|
|
}
|
|
|
|
.vertical-space4 {
|
|
height: 50px;
|
|
}
|
|
|
|
.vertical-space5 {
|
|
height: 80px;
|
|
}
|
|
}
|
|
|
|
.mec-wrap abbr {
|
|
cursor: auto;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
/* Rotating Keyframe */
|
|
@-webkit-keyframes rotating {
|
|
from {
|
|
-ms-transform: rotate(0deg);
|
|
-moz-transform: rotate(0deg);
|
|
-webkit-transform: rotate(0deg);
|
|
-o-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
-ms-transform: rotate(360deg);
|
|
-moz-transform: rotate(360deg);
|
|
-webkit-transform: rotate(360deg);
|
|
-o-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes rotating {
|
|
from {
|
|
-ms-transform: rotate(0deg);
|
|
-moz-transform: rotate(0deg);
|
|
-webkit-transform: rotate(0deg);
|
|
-o-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
-ms-transform: rotate(360deg);
|
|
-moz-transform: rotate(360deg);
|
|
-webkit-transform: rotate(360deg);
|
|
-o-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
/* ---------------------
|
|
|
|
|
|
|
|
/* # Modern Events Calendar (WP Plugin) Styles
|
|
================================================== */
|
|
.mec-wrap {
|
|
font: 14px/25px;
|
|
font-weight: 400;
|
|
color: #626262;
|
|
}
|
|
|
|
.mec-wrap .mec-events a {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.mec-wrap .mec-container a {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-event-content p {
|
|
font-weight: 300;
|
|
}
|
|
|
|
.mec-wrap .mec-clear:before,
|
|
.mec-wrap .mec-clear:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.mec-wrap .mec-clear:after {
|
|
clear: both;
|
|
}
|
|
|
|
.mec-events-button {
|
|
background: #fff;
|
|
padding: 12px 28px;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
letter-spacing: 0;
|
|
border: 1px solid #e3e3e3;
|
|
border-radius: 2px;
|
|
text-shadow: none;
|
|
margin-right: 10px;
|
|
box-shadow: 0 2px 0 0 rgb(0 0 0 / 3%);
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.mec-wrap .mec-events-button:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-no-event {
|
|
display: none;
|
|
}
|
|
|
|
/* MEC Current Day Event Toggle
|
|
-------------------------- */
|
|
#mec-active-current {
|
|
display: block;
|
|
}
|
|
|
|
.current-hide #mec-active-current {
|
|
display: none !important;
|
|
}
|
|
|
|
/* MEC Events Grid Classic
|
|
-------------------------- */
|
|
.mec-event-grid-classic .mec-event-article {
|
|
position: relative;
|
|
border: 2px solid #e3e3e3;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
|
|
margin-bottom: 30px;
|
|
max-width: none;
|
|
}
|
|
|
|
.mec-event-grid-classic .mec-event-content {
|
|
color: #767676;
|
|
padding: 0 20px 5px;
|
|
text-align: center;
|
|
min-height: 125px;
|
|
}
|
|
|
|
.mec-event-grid-classic .mec-event-title {
|
|
color: #202020;
|
|
margin: 10px 0;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.mec-event-grid-classic .mec-event-title a {
|
|
color: #202020;
|
|
transition: all 0.24s ease;
|
|
}
|
|
|
|
.mec-event-grid-classic .mec-event-date {
|
|
font-weight: 400;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
color: #fff;
|
|
padding: 3px 20px;
|
|
margin: 0 -20px 20px -20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.widget_mec_mec_widget .mec-event-grid-classic .mec-event-date {
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-event-grid-classic .mec-event-content p {
|
|
font-size: 15px;
|
|
color: #8a8a8a;
|
|
}
|
|
|
|
.mec-event-grid-classic .mec-event-content .mec-grid-event-location {
|
|
margin: 0;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.mec-event-grid-classic .mec-event-detail {
|
|
display: none;
|
|
}
|
|
|
|
.mec-event-grid-classic .mec-price-details {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.mec-event-grid-classic img {
|
|
margin-bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-event-footer {
|
|
position: relative;
|
|
border-top: 1px solid #efefef;
|
|
padding: 20px;
|
|
min-height: 80px;
|
|
margin: 0;
|
|
background: #fafafa;
|
|
}
|
|
|
|
.mec-event-sharing-wrap {
|
|
left: 15px;
|
|
position: absolute;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-event-sharing-wrap .mec-event-sharing {
|
|
position: absolute;
|
|
padding: 8px 0 2px;
|
|
left: -6px;
|
|
bottom: 54px;
|
|
margin: 0;
|
|
margin-top: 6px;
|
|
border-radius: 5px;
|
|
min-width: 50px;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
border: 1px solid #e2e2e2;
|
|
background: #fff;
|
|
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06);
|
|
z-index: 99;
|
|
-webkit-transition: all 0.18s ease;
|
|
transition: all 0.18s ease;
|
|
}
|
|
|
|
.mec-event-sharing-wrap .mec-event-sharing:after,
|
|
.mec-event-sharing-wrap .mec-event-sharing:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
bottom: -10px;
|
|
left: 50%;
|
|
margin-left: -10px;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 10px;
|
|
}
|
|
|
|
.mec-event-sharing-wrap .mec-event-sharing:before {
|
|
bottom: -21px;
|
|
border-color: #e2e2e2 transparent transparent transparent;
|
|
}
|
|
|
|
.mec-event-sharing-wrap .mec-event-sharing:after {
|
|
bottom: -19px;
|
|
border-color: #ffffff transparent transparent transparent;
|
|
}
|
|
|
|
.mec-event-sharing-wrap:hover .mec-event-sharing {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.mec-event-sharing-wrap li {
|
|
text-align: center;
|
|
border: 0;
|
|
display: block;
|
|
margin-right: 2px;
|
|
overflow: hidden;
|
|
margin: 0 auto 6px;
|
|
width: 38px;
|
|
}
|
|
|
|
.mec-event-sharing-wrap li.mec-event-share {
|
|
height: 38px;
|
|
}
|
|
|
|
.mec-event-sharing-wrap:hover > li {
|
|
cursor: pointer;
|
|
background-color: #40d9f1;
|
|
}
|
|
|
|
.mec-event-sharing-wrap:hover li a {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-sharing-wrap > li:first-of-type {
|
|
border: 1px solid #d9d9d9;
|
|
}
|
|
|
|
.mec-event-sharing-wrap:hover li ul li a,
|
|
.mec-event-sharing-wrap li a {
|
|
border: none;
|
|
color: #767676;
|
|
display: block;
|
|
}
|
|
|
|
.mec-event-sharing-wrap li a .mec-social-title {
|
|
padding-right: 10px;
|
|
display: none;
|
|
}
|
|
|
|
.mec-event-sharing-wrap li i {
|
|
width: 36px;
|
|
height: 36px;
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-event-sharing-wrap li svg {
|
|
height: 16px;
|
|
}
|
|
|
|
.mec-event-sharing-wrap .mec-event-sharing li a {
|
|
display: block;
|
|
}
|
|
|
|
.mec-event-sharing-wrap .mec-event-sharing li:hover a {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-event-sharing .mec-event-share:hover .event-sharing-icon {
|
|
background: #40d9f1;
|
|
border-width: 0 1px 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-event-sharing .mec-event-map {
|
|
border-width: 1px 0 1px;
|
|
}
|
|
|
|
.mec-event-footer .mec-booking-button {
|
|
box-shadow: none;
|
|
transition: all 0.21s ease;
|
|
font-size: 11px;
|
|
font-weight: 500;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
background: #fff;
|
|
color: #767676;
|
|
border: 1px solid #e8e8e8;
|
|
position: absolute;
|
|
top: 20px;
|
|
right: 15px;
|
|
padding: 0 16px;
|
|
line-height: 37px;
|
|
height: 38px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.mec-event-footer .mec-booking-button:hover {
|
|
background: #191919;
|
|
color: #fff;
|
|
border-color: #191919;
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
.mec-event-grid-classic {
|
|
margin-bottom: 30px;
|
|
}
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel {
|
|
padding: 36px 0 16px;
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav {
|
|
margin: 5px 0;
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 15px;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Events Grid Widget */
|
|
.mec-skin-grid-container.mec-widget {
|
|
padding-top: 18px;
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel {
|
|
padding: 20px 0 16px;
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav {
|
|
margin: 0;
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav div {
|
|
position: absolute;
|
|
background: #fff;
|
|
line-height: 0;
|
|
width: 34px;
|
|
height: 26px;
|
|
padding: 6px;
|
|
text-align: center;
|
|
margin-top: -17px;
|
|
border-radius: 3px;
|
|
border: 1px solid #e2e2e2;
|
|
text-align: center;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.028);
|
|
transition: all 0.33s ease;
|
|
}
|
|
|
|
.mec-skin-grid-container .mec-categories {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-skin-grid-container .mec-categories li {
|
|
list-style: none;
|
|
}
|
|
|
|
.mec-skin-grid-container .mec-categories li a {
|
|
color: #000;
|
|
text-align: left;
|
|
transition: all 0.23s ease;
|
|
-webkit-transition: all 0.23s ease;
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav i {
|
|
font-size: 12px;
|
|
color: #40d9f1;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav .owl-next {
|
|
right: 0;
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav .owl-prev {
|
|
left: 0;
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel .mec-event-sharing {
|
|
display: none;
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel .mec-event-footer {
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-widget
|
|
.mec-event-grid-classic.mec-owl-carousel
|
|
.mec-event-footer
|
|
.mec-booking-button {
|
|
position: static;
|
|
padding: 11px 16px;
|
|
}
|
|
|
|
.widget .mec-event-footer ul.mec-event-sharing-wrap li a.mec-event-share-icon {
|
|
padding: 0;
|
|
}
|
|
|
|
@media screen and (min-width: 56.875em) {
|
|
.mec-widget .mec-month-container dl {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.owl-carousel .mec-event-footer {
|
|
text-align: right;
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.owl-carousel .mec-event-sharing-wrap {
|
|
left: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.mec-widget
|
|
.mec-event-grid-classic.owl-carousel
|
|
.mec-event-sharing-wrap
|
|
.mec-event-sharing {
|
|
left: 0;
|
|
}
|
|
|
|
.mec-widget .mec-event-sharing-wrap .mec-event-sharing {
|
|
position: absolute;
|
|
top: auto;
|
|
bottom: 52px;
|
|
margin: 0;
|
|
margin-top: 0;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.mec-widget .mec-event-sharing-wrap .mec-event-sharing:after {
|
|
top: auto;
|
|
bottom: -17px;
|
|
border-color: #fff transparent transparent transparent;
|
|
}
|
|
|
|
.mec-widget .mec-event-sharing-wrap .mec-event-sharing:before {
|
|
top: auto;
|
|
bottom: -18px;
|
|
border-color: #e2e2e2 transparent transparent transparent;
|
|
}
|
|
|
|
/* Widgets View List and Grid */
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav button {
|
|
position: absolute;
|
|
background: #fff;
|
|
padding: 6px;
|
|
margin-top: -17px;
|
|
border-radius: 3px;
|
|
border: 1px solid #e2e2e2;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.028);
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav button:hover {
|
|
background: #40d9f1;
|
|
border-color: #40d9f1;
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav button:hover i {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel .mec-booking-button {
|
|
width: 40%;
|
|
float: right;
|
|
color: #202020;
|
|
height: 36px;
|
|
line-height: 14px;
|
|
font-size: 12px;
|
|
width: auto;
|
|
}
|
|
|
|
.mec-widget .mec-event-grid-classic.mec-owl-carousel .mec-booking-button:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-modern .col-md-2.col-sm-2,
|
|
.mec-widget .mec-event-list-modern .col-md-6.col-sm-6 {
|
|
padding: 0;
|
|
width: 100%;
|
|
display: block;
|
|
position: unset;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-modern .col-md-4.col-sm-4 .mec-booking-button {
|
|
width: 80%;
|
|
height: 46px;
|
|
line-height: 22px;
|
|
padding: 11px 20px;
|
|
float: right;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-modern .col-md-4.col-sm-4.mec-btn-wrapper {
|
|
top: auto;
|
|
bottom: 5%;
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-widget .mec-event-list-modern .col-md-4.col-sm-4 {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-modern .col-md-4.col-sm-4 .mec-booking-button {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.mec-widget .mec-event-list-modern .mec-month-divider {
|
|
margin: 30px 0 10px 0;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-minimal .mec-event-date span {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-minimal .mec-event-date:after {
|
|
height: 29px;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-minimal .col-md-9,
|
|
.mec-widget .mec-event-list-minimal .col-md-3 {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-modern .col-md-4.col-sm-4.mec-btn-wrapper {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-modern .col-md-4.col-sm-4 .mec-booking-button {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-minimal .mec-event-date:first-child {
|
|
margin-right: 24px;
|
|
}
|
|
|
|
/* MEC Events Grid Clean
|
|
-------------------------- */
|
|
.mec-event-grid-clean {
|
|
margin-bottom: 10px;
|
|
max-width: none;
|
|
}
|
|
|
|
.mec-event-grid-clean .mec-event-article {
|
|
margin-bottom: 30px;
|
|
position: relative;
|
|
border: 1px solid #e2e2e2;
|
|
text-align: center;
|
|
padding: 15px 15px 0;
|
|
background: #fff;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
|
|
}
|
|
|
|
.mec-event-grid-clean .mec-event-content {
|
|
background: #fff;
|
|
color: #767676;
|
|
padding: 25px 16px 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-event-grid-clean .mec-event-title {
|
|
color: #202020;
|
|
margin: 0 0 10px 0;
|
|
font-weight: bold;
|
|
font-size: 21px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.mec-event-grid-clean .mec-event-title a {
|
|
color: #202020;
|
|
transition: all 0.24s ease;
|
|
}
|
|
|
|
.mec-event-grid-clean .mec-event-date {
|
|
font-weight: 400;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
background-color: #40d9f1;
|
|
color: #fff;
|
|
padding: 3px 0;
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-event-grid-clean .mec-event-content p {
|
|
font-size: 15px;
|
|
color: #9a9a9a;
|
|
line-height: 1.54;
|
|
}
|
|
|
|
.mec-event-grid-clean img {
|
|
margin-bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-event-grid-clean .event-grid-t2-head {
|
|
margin-bottom: 10px;
|
|
color: #fff;
|
|
padding: 9px 14px 6px;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-event-grid-clean .event-grid-t2-head .mec-event-date {
|
|
font-size: 50px;
|
|
line-height: 50px;
|
|
float: left;
|
|
margin-right: 11px;
|
|
}
|
|
|
|
.mec-event-grid-clean .event-grid-t2-head .mec-event-month {
|
|
text-transform: uppercase;
|
|
font-size: 17px;
|
|
line-height: 20px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.mec-event-grid-clean .event-grid-t2-head .mec-event-detail {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.mec-event-grid-clean .event-grid-t2-head .mec-categories li a {
|
|
margin-bottom: 10px;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-grid-clean .event-grid-t2-head .mec-categories li a:hover {
|
|
color: #000;
|
|
}
|
|
|
|
.mec-event-grid-clean .mec-event-sharing-wrap {
|
|
left: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-event-grid-clean .mec-event-footer {
|
|
position: relative;
|
|
border-top: 2px solid;
|
|
padding: 20px 0;
|
|
margin: 0 14px;
|
|
text-align: left;
|
|
background: none;
|
|
}
|
|
|
|
.mec-event-grid-clean .mec-event-footer .mec-booking-button {
|
|
right: 0;
|
|
}
|
|
|
|
.mec-event-grid-clean .row {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
/* MEC Events Grid Modern
|
|
-------------------------- */
|
|
.mec-event-grid-modern {
|
|
margin-bottom: 10px;
|
|
max-width: none;
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-article {
|
|
position: relative;
|
|
border: 1px solid #e2e2e2;
|
|
text-align: center;
|
|
margin-bottom: 30px;
|
|
padding: 45px 15px 10px;
|
|
background: #fff;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-content {
|
|
color: #767676;
|
|
padding: 0 15px 10px;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-title {
|
|
color: #202020;
|
|
margin: 0 0 10px 0;
|
|
font-weight: bold;
|
|
font-size: 24px;
|
|
text-transform: none;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-title a {
|
|
color: #202020;
|
|
transition: all 0.24s ease;
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-content .mec-categories-wrapper,
|
|
.mec-event-grid-modern .mec-event-content .mec-shortcode-organizers {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-content p,
|
|
.mec-event-grid-modern .mec-event-content .mec-categories-wrapper,
|
|
.mec-event-grid-modern .mec-event-content .mec-shortcode-organizers {
|
|
font-size: 15px;
|
|
color: #9a9a9a;
|
|
line-height: 1.54;
|
|
}
|
|
|
|
.mec-event-grid-modern img {
|
|
margin-bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-event-grid-modern .event-grid-modern-head {
|
|
margin-bottom: 0;
|
|
padding: 9px 14px 6px;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-event-grid-modern .event-grid-modern-head .mec-event-date {
|
|
font-size: 50px;
|
|
line-height: 50px;
|
|
float: left;
|
|
margin-right: 11px;
|
|
}
|
|
|
|
.mec-event-grid-modern .event-grid-modern-head .mec-event-month {
|
|
text-transform: uppercase;
|
|
font-size: 17px;
|
|
line-height: 20px;
|
|
padding-top: 4px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.mec-event-grid-modern .event-grid-modern-head .mec-event-detail {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.mec-event-grid-modern .event-grid-modern-head .mec-event-day {
|
|
margin-top: 9px;
|
|
color: #c0c0c0;
|
|
font-size: 35px;
|
|
font-weight: 100;
|
|
text-transform: uppercase;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-footer {
|
|
position: relative;
|
|
height: 90px;
|
|
padding: 20px 0;
|
|
border: none;
|
|
margin: 0 14px;
|
|
text-align: left;
|
|
background: none;
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-footer .mec-booking-button {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-sharing-wrap {
|
|
left: auto;
|
|
right: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-sharing {
|
|
left: auto;
|
|
right: -6px;
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-sharing-wrap li {
|
|
border-radius: 55px;
|
|
}
|
|
|
|
.mec-event-grid-modern .row {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-event-grid-modern .mec-event-article {
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-sharing {
|
|
top: 60px;
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-footer .mec-booking-button {
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
/* MEC Events Sold Out
|
|
------------------------------------ */
|
|
span.mec-event-title-soldout {
|
|
font-size: 8px;
|
|
font-weight: 700;
|
|
letter-spacing: 0.5px;
|
|
text-transform: uppercase;
|
|
background: #e63360;
|
|
color: #fff;
|
|
padding: 3px 8px;
|
|
line-height: 1;
|
|
border-radius: 15px;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* MEC Repeating Label
|
|
------------------------------------ */
|
|
.mec-repeating-label {
|
|
background: #222;
|
|
color: #fff;
|
|
padding: 3px 8px;
|
|
font-size: 8px;
|
|
font-weight: 700;
|
|
letter-spacing: 0.5px;
|
|
border-radius: 40px;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* MEC Events Grid Modern Colorful
|
|
------------------------------------ */
|
|
.mec-event-grid-colorful .mec-event-article {
|
|
min-height: 400px;
|
|
border: none;
|
|
box-shadow: none;
|
|
background: #40d9f1;
|
|
padding-top: 25px;
|
|
margin: 0;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-grid-colorful .mec-event-content {
|
|
background: none;
|
|
}
|
|
|
|
.mec-event-grid-colorful .mec-event-content p,
|
|
.mec-event-grid-colorful .event-grid-modern-head,
|
|
.mec-event-grid-colorful .mec-event-sharing-wrap > li > a,
|
|
.mec-event-grid-colorful .event-grid-modern-head .mec-event-day,
|
|
.mec-event-grid-colorful .mec-event-title a,
|
|
.mec-event-grid-colorful .event-grid-modern-head .mec-event-date,
|
|
.mec-event-grid-colorful ul.mec-categories li.mec-category a {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-grid-colorful .mec-event-footer .mec-booking-button,
|
|
.mec-event-grid-colorful .mec-event-footer .mec-modal-booking-button {
|
|
border: none;
|
|
}
|
|
|
|
.mec-event-grid-colorful .mec-event-sharing-wrap > li {
|
|
border-color: #fff;
|
|
}
|
|
|
|
.mec-event-grid-colorful .mec-event-sharing-wrap:hover > li {
|
|
background: #333;
|
|
border-color: #333;
|
|
}
|
|
|
|
.mec-event-grid-colorful .mec-event-title a.mec-color-hover:hover {
|
|
color: #fff;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.mec-event-grid-colorful .mec-event-title .event-color {
|
|
display: none;
|
|
}
|
|
|
|
.mec-event-grid-colorful div[class^="col-md-"] {
|
|
padding: 0 1px 1px 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-event-grid-colorful .mec-event-article .mec-time-details,
|
|
.mec-event-grid-colorful .mec-event-article .mec-price-details {
|
|
color: #fff;
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
.mec-wrap.mec-sm959.mec-event-grid-colorful
|
|
.event-grid-modern-head
|
|
.mec-event-day {
|
|
font-size: 26px;
|
|
}
|
|
|
|
.mec-wrap.mec-sm959.mec-event-grid-colorful
|
|
.event-grid-modern-head
|
|
.mec-event-month {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.mec-wrap.mec-sm959.mec-event-grid-colorful
|
|
.event-grid-modern-head
|
|
.mec-event-date {
|
|
font-size: 50px;
|
|
}
|
|
|
|
.mec-wrap.mec-sm959.mec-event-grid-colorful .mec-event-title {
|
|
font-size: 21px;
|
|
}
|
|
|
|
.mec-wrap.mec-sm959.mec-event-grid-colorful .mec-event-content p {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-event-grid-colorful
|
|
.col-md-3.col-sm-3
|
|
.mec-event-sharing-wrap {
|
|
bottom: 100px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) and (max-width: 1200px) {
|
|
.mec-wrap.mec-sm959.mec-event-grid-colorful div[class^="col-md-"] {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
/* MEC Event-list Minimal
|
|
-------------------------- */
|
|
.mec-event-list-minimal .mec-event-article {
|
|
border-bottom: 1px solid #efefef;
|
|
padding: 24px 0 16px;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-wrap .col-md-9 {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-event-date {
|
|
position: relative;
|
|
float: left;
|
|
margin-right: 30px;
|
|
color: #fff;
|
|
width: 52px;
|
|
padding: 6px 4px 3px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-event-date {
|
|
min-width: 52px;
|
|
width: fit-content;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-event-date:nth-child(2) {
|
|
margin: 0 30px 0 -20px;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-event-date span {
|
|
display: block;
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
text-align: center;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-event-date:after {
|
|
display: block;
|
|
content: "";
|
|
position: absolute;
|
|
width: 50px;
|
|
left: 1px;
|
|
top: 1px;
|
|
height: 34px;
|
|
background: rgba(255, 255, 255, 0.1);
|
|
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.02);
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-event-date:after {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-event-title {
|
|
margin-top: 0;
|
|
margin-bottom: 10px;
|
|
font-weight: 700;
|
|
font-size: 18px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-time-details,
|
|
.mec-event-list-minimal .mec-event-detail,
|
|
.mec-event-list-minimal .mec-price-details,
|
|
.mec-event-list-minimal .mec-categories-wrapper,
|
|
.mec-event-list-minimal .mec-shortcode-organizers {
|
|
font-size: 15px;
|
|
font-weight: 300;
|
|
line-height: 1;
|
|
letter-spacing: 0;
|
|
color: #9a9a9a;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-event-list-minimal .btn-wrapper {
|
|
text-align: right;
|
|
padding-right: 0;
|
|
padding-top: 6px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-event-list-minimal .btn-wrapper .mec-detail-button {
|
|
border-bottom: 0;
|
|
margin-bottom: 14px;
|
|
margin-right: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-event-list-minimal a.mec-detail-button {
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: #ededed;
|
|
color: #191919;
|
|
padding: 12px;
|
|
border-radius: 2px;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
letter-spacing: 2px;
|
|
transition: all 0.24s ease;
|
|
}
|
|
|
|
.mec-event-list-minimal a.mec-detail-button:hover {
|
|
background: #292929;
|
|
color: #fff;
|
|
}
|
|
|
|
.vc_col-sm-4 .mec-event-list-minimal .mec-event-date,
|
|
.vc_col-sm-6 .mec-event-list-minimal .mec-event-date {
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.vc_col-sm-4 .mec-event-list-minimal .mec-event-title,
|
|
.vc_col-sm-6 .mec-event-list-minimal .mec-event-title {
|
|
font-size: 15px;
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
|
.mec-event-list-minimal .btn-wrapper {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-event-date {
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-event-list-minimal .btn-wrapper .mec-detail-button {
|
|
display: block;
|
|
text-align: center;
|
|
margin: 0;
|
|
margin-top: 16px;
|
|
padding: 8px;
|
|
}
|
|
|
|
.mec-event-list-minimal .btn-wrapper {
|
|
margin: 12px 0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-event-list-minimal .mec-event-date {
|
|
float: none;
|
|
width: 160px;
|
|
margin: 8px auto;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-event-date span {
|
|
display: inline;
|
|
padding-right: 25px;
|
|
margin-right: 7px;
|
|
font-size: inherit;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-event-date:after {
|
|
width: 45%;
|
|
box-shadow: 4px 0 4px rgba(0, 0, 0, 0.02);
|
|
}
|
|
|
|
.mec-event-list-minimal .btn-wrapper {
|
|
text-align: center;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-event-list-minimal {
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-event-detail {
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 479px) {
|
|
.mec-event-list-minimal .mec-event-article {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
/* MEC Event-list Modern
|
|
-------------------------- */
|
|
.mec-wrap .mec-event-list-modern .mec-event-title {
|
|
margin-top: 0;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-article {
|
|
border-bottom: 1px solid #efefef;
|
|
padding: 30px 0 10px;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-article:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-title a {
|
|
color: #191919;
|
|
transition: all 0.24s ease;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-date {
|
|
text-transform: uppercase;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-date .event-d {
|
|
font-size: 48px;
|
|
display: table-cell;
|
|
padding: 10px 0 0;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-date .event-d.mec-multiple-dates {
|
|
font-size: 20px;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-date.mec-multiple-date-event:first-child {
|
|
padding: 10px 0 6px 0;
|
|
position: relative;
|
|
width: fit-content;
|
|
}
|
|
|
|
.mec-event-list-modern
|
|
.mec-event-date.mec-multiple-date-event:first-child:after {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 1px;
|
|
background: silver;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-date.mec-multiple-date-event:last-child {
|
|
padding: 5px 0 10px 0;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-date.mec-multiple-date-event .event-d {
|
|
font-size: 20px;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-date.mec-multiple-date-event .event-da {
|
|
font-size: 20px;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-date .event-f {
|
|
font-size: 13px;
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
padding-left: 7px;
|
|
font-weight: 500;
|
|
letter-spacing: 3px;
|
|
color: #777;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-detail {
|
|
font-weight: 300;
|
|
color: #8a8a8a;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-detail .mec-time-details {
|
|
display: inline;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-date .event-da {
|
|
margin-top: 9px;
|
|
color: silver;
|
|
font-size: 28px;
|
|
font-weight: 100;
|
|
text-transform: uppercase;
|
|
letter-spacing: -1px;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-btn-wrapper .mec-booking-button {
|
|
border-radius: 1px;
|
|
letter-spacing: 2px;
|
|
border: 1px solid #e6e6e6;
|
|
color: #333;
|
|
background-color: #fff;
|
|
padding: 13px 20px;
|
|
font-weight: 700;
|
|
font-size: 11px;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
|
|
transition: all 0.28s ease;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-btn-wrapper .mec-booking-button:hover {
|
|
border-color: #222;
|
|
background: #222;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-title {
|
|
font-weight: 700;
|
|
font-size: 20px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-detail,
|
|
.mec-event-list-modern .mec-price-details,
|
|
.mec-event-list-modern .mec-shortcode-organizers,
|
|
.mec-event-list-modern .mec-categories-wrapper {
|
|
color: #9a9a9a;
|
|
font-size: 15px;
|
|
font-weight: 300;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-btn-wrapper {
|
|
text-align: right;
|
|
padding: 10px 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing {
|
|
position: relative;
|
|
margin: 10px 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing > li {
|
|
display: inline-block;
|
|
border: none;
|
|
border-radius: 50%;
|
|
margin-right: 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/*
|
|
.mec-event-list-modern .mec-event-sharing .telegram {
|
|
min-width: 36px;
|
|
min-height: 36px;
|
|
line-height: 36px;
|
|
padding: 9px 1px 10px;
|
|
border-radius: 60px;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing>li .telegram {
|
|
padding-top: 8px;
|
|
padding-bottom: 9px;
|
|
border-radius: 50%;
|
|
border: 1px solid #ddd;
|
|
} */
|
|
|
|
/* .mec-event-list-modern .mec-event-sharing .telegram .svg-inline--fa.fa-telegram.fa-w-16 {
|
|
width: 3.246rem;
|
|
padding: 2px 10px 0 10px;
|
|
margin-bottom: -2px;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing .telegram .svg-inline--fa.fa-telegram.fa-w-16 path {
|
|
fill: #767676;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing li:hover .telegram {
|
|
background-color: #40d9f1;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing li:hover .telegram .svg-inline--fa.fa-telegram.fa-w-16 path {
|
|
fill: #fff;
|
|
} */
|
|
|
|
.mec-event-list-modern .mec-event-sharing > li:hover {
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing > li:hover a i {
|
|
color: #fff;
|
|
background: #40d9f1;
|
|
border-color: #40d9f1;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing > li i {
|
|
width: 36px;
|
|
display: inline-block;
|
|
line-height: 35px;
|
|
color: #767676;
|
|
text-align: center;
|
|
border-radius: 50%;
|
|
border: 1px solid #ddd;
|
|
font-size: 14px;
|
|
margin-right: 3px;
|
|
transition: all ease 300ms;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing > li i svg {
|
|
height: 16px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing > li .mec-social-title {
|
|
color: #767676;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.mec-event-list-modern
|
|
.mec-event-sharing
|
|
.mec-event-share:hover
|
|
.mec-event-sharing-icon {
|
|
background: #40d9f1;
|
|
border-color: #40d9f1;
|
|
cursor: pointer;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing li:hover a i {
|
|
background: #40d9f1;
|
|
}
|
|
|
|
/*
|
|
.mec-event-list-modern .mec-event-sharing li .fa-telegram {
|
|
fill: #000;
|
|
max-width: 20px !important;
|
|
width: 20px !important;
|
|
max-height: 20px !important;
|
|
height: 20px;
|
|
position: relative;
|
|
padding: 0 !important;
|
|
margin-bottom: -4px !important;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing li .fa-telegram * {
|
|
transform: scale(0.04);
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing li .svg-inline--fa.fa-telegram.fa-w-16 path {
|
|
fill: #767676;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing li .telegram {
|
|
width: 36px !important;
|
|
height: 36px !important;
|
|
padding: 9px 7px 9px;
|
|
} */
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
.mec-event-list-modern .mec-event-article {
|
|
position: relative;
|
|
min-height: 160px;
|
|
overflow: visible;
|
|
}
|
|
|
|
.mec-event-list-modern .col-md-2.col-sm-2 {
|
|
width: 210px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 20px;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-event-list-modern .col-md-4.col-sm-4.mec-btn-wrapper {
|
|
padding: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 30%;
|
|
}
|
|
|
|
.mec-event-list-modern .col-md-6.col-sm-6 {
|
|
width: 100%;
|
|
padding-left: 225px;
|
|
padding-right: 195px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-event-list-modern .mec-btn-wrapper .mec-booking-button {
|
|
letter-spacing: 1px;
|
|
border: 1px solid #e1e1e1;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-btn-wrapper {
|
|
padding: 0 0 12px;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing li {
|
|
margin-bottom: 7px;
|
|
}
|
|
}
|
|
|
|
/* MEC Event-grid Minimal
|
|
-------------------------- */
|
|
.mec-event-grid-minimal .mec-event-article {
|
|
margin: 15px 0;
|
|
min-height: 80px;
|
|
display: table;
|
|
}
|
|
|
|
.mec-event-grid-minimal .event-detail-wrap {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-event-grid-minimal .mec-event-date {
|
|
width: 70px;
|
|
float: left;
|
|
margin-right: 20px;
|
|
padding: 12px 16px 10px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
border-radius: 4px;
|
|
border: 1px solid #e6e6e6;
|
|
transition: all 0.37s ease-in-out;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
|
|
}
|
|
|
|
.mec-event-grid-minimal .mec-event-date span {
|
|
display: block;
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
text-align: center;
|
|
margin-bottom: 4px;
|
|
color: #2a2a2a;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.mec-event-grid-minimal .mec-event-title {
|
|
margin-top: 0;
|
|
margin-bottom: 10px;
|
|
font-weight: 700;
|
|
line-height: 21px;
|
|
font-size: 16px;
|
|
text-transform: uppercase;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.mec-event-grid-minimal .mec-event-title a {
|
|
color: #191919;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.mec-event-grid-minimal .mec-time-details,
|
|
.mec-event-grid-minimal .mec-event-detail .mec-event-loc-place,
|
|
.mec-event-grid-minimal .mec-event-detail .mec-categories-wrapper,
|
|
.mec-event-grid-minimal
|
|
.mec-event-detail
|
|
.mec-categories-wrapper
|
|
ul.mec-categories
|
|
li.mec-category
|
|
a,
|
|
.mec-event-grid-minimal .mec-event-detail .mec-shortcode-organizers,
|
|
.mec-event-grid-minimal .mec-event-detail .mec-price-details {
|
|
font-size: 15px;
|
|
font-weight: 300;
|
|
line-height: 1;
|
|
letter-spacing: 0;
|
|
color: #9a9a9a;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-event-grid-minimal .mec-event-date:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-grid-minimal .mec-event-date:hover span {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-wrap .mec-event-grid-minimal .mec-event-date:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
/* MEC Event-list Classic
|
|
-------------------------- */
|
|
.mec-event-list-classic .mec-event-article {
|
|
padding: 12px 0;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-event-list-classic .mec-event-image {
|
|
float: left;
|
|
width: 86px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.mec-event-list-classic .mec-event-date,
|
|
.mec-event-list-classic .mec-event-time {
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
letter-spacing: 0;
|
|
line-height: 18px;
|
|
text-align: left;
|
|
display: initial;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.mec-event-list-classic .mec-event-time .mec-time-details,
|
|
.mec-event-list-classic .mec-event-time i {
|
|
display: inline;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.mec-event-list-classic .mec-event-date span {
|
|
font-weight: 500;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.mec-event-list-classic .mec-event-title {
|
|
font-size: 15px;
|
|
margin: 10px 0 12px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.mec-event-list-classic .mec-event-title a {
|
|
color: #494949;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.mec-event-list-classic .mec-event-detail,
|
|
.mec-event-list-classic .mec-price-details {
|
|
color: #777;
|
|
font-weight: 400;
|
|
line-height: 12px;
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
.mec-event-list-classic .mec-event-detail {
|
|
float: right;
|
|
width: calc(100% - 104px);
|
|
}
|
|
}
|
|
|
|
.mec-event-list-classic a.magicmore {
|
|
padding: 10px 16px;
|
|
color: #fff;
|
|
background: #222;
|
|
letter-spacing: 2px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.mec-event-list-classic a.magicmore:after {
|
|
content: "";
|
|
display: none;
|
|
}
|
|
|
|
.mec-event-list-classic a.magicmore:hover {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
/* MEC Event-grid Simple
|
|
-------------------------- */
|
|
.mec-event-grid-simple .mec-event-article {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.mec-event-grid-simple .mec-event-article:after {
|
|
border-right: 1px solid #e6e6e6;
|
|
height: 60px;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -30px;
|
|
right: -1px;
|
|
}
|
|
|
|
.mec-event-grid-simple .row div:last-child .mec-event-article:after {
|
|
border: none;
|
|
}
|
|
|
|
.mec-event-grid-simple .row {
|
|
margin: 15px 0 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-event-grid-simple .mec-event-date {
|
|
padding: 0;
|
|
margin: 0;
|
|
text-transform: capitalize;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.mec-event-grid-simple .mec-event-title {
|
|
margin-top: 0;
|
|
margin-bottom: 10px;
|
|
font-weight: 700;
|
|
line-height: 21px;
|
|
font-size: 15px;
|
|
padding-top: 5px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
text-transform: uppercase;
|
|
transition: color 0.37s ease;
|
|
}
|
|
|
|
.mec-event-grid-simple .mec-event-title a {
|
|
color: #494949;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.mec-event-grid-simple .mec-event-detail {
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
letter-spacing: 0;
|
|
font-size: 13px;
|
|
color: #777;
|
|
}
|
|
|
|
.mec-event-grid-simple .mec-event-detail .mec-time-details {
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.mec-event-grid-simple .mec-event-title:hover {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-event-grid-simple .mec-event-date:hover {
|
|
background: transparent;
|
|
}
|
|
|
|
.event-last:after {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-event-grid-simple .mec-event-article {
|
|
padding-bottom: 20px;
|
|
margin-bottom: 20px;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.mec-event-grid-simple .mec-event-article:after {
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
/* MEC Event-grid Novel */
|
|
.mec-event-grid-novel .mec-event-article {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
padding: 60px 5% 60px 7%;
|
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
border-radius: 10px;
|
|
background-color: #0050fd;
|
|
-webkit-transition: all 0.3s ease;
|
|
-o-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
z-index: 1;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-article .novel-grad-bg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 10px;
|
|
opacity: 0;
|
|
z-index: -1;
|
|
-webkit-transition: all 0.3s ease;
|
|
-o-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-article:hover {
|
|
-webkit-box-shadow: 0 13px 36px 0 rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 13px 36px 0 rgba(0, 0, 0, 0.23);
|
|
border-color: transparent;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-article:hover .novel-grad-bg {
|
|
background-image: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
right top,
|
|
from(rgb(38, 46, 50)),
|
|
to(rgb(14, 16, 21))
|
|
);
|
|
background-image: -webkit-linear-gradient(
|
|
left,
|
|
rgb(38, 46, 50) 0%,
|
|
rgb(14, 16, 21) 100%
|
|
);
|
|
background-image: -o-linear-gradient(
|
|
left,
|
|
rgb(38, 46, 50) 0%,
|
|
rgb(14, 16, 21) 100%
|
|
);
|
|
background-image: linear-gradient(
|
|
90deg,
|
|
rgb(38, 46, 50) 0%,
|
|
rgb(14, 16, 21) 100%
|
|
);
|
|
opacity: 1;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-image {
|
|
float: left;
|
|
width: 150px;
|
|
height: 150px;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-image img {
|
|
width: 150px;
|
|
height: 150px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-detail-wrap {
|
|
margin-left: 200px;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-content h4 {
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-content h4 a {
|
|
font-size: 24px;
|
|
line-height: 35px;
|
|
color: #fafcff;
|
|
}
|
|
|
|
.mec-event-grid-novel
|
|
.mec-event-content
|
|
h4.mec-gCalendar-search-text-wrap
|
|
input[type="text"]:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 8px;
|
|
left: -30px;
|
|
width: 17px;
|
|
height: 17px;
|
|
background: #5cd0ed;
|
|
opacity: 0.4;
|
|
border-radius: 50%;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.mec-skin-grid-container .mec-event-grid-novel .mec-categories li a {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-local-time-details,
|
|
.mec-event-grid-novel .mec-event-month,
|
|
.mec-event-grid-novel .mec-event-detail,
|
|
.mec-event-grid-novel .mec-event-address {
|
|
position: relative;
|
|
padding-left: 35px;
|
|
font-size: 15px;
|
|
line-height: 30px;
|
|
color: rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-price-details {
|
|
position: relative;
|
|
padding-left: 7px;
|
|
font-size: 15px;
|
|
line-height: 30px;
|
|
color: rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-price-details i {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-local-time-details:before,
|
|
.mec-event-grid-novel .mec-event-month::before,
|
|
.mec-event-grid-novel .mec-event-detail::before,
|
|
.mec-event-grid-novel .mec-event-address::before,
|
|
.mec-event-grid-novel .mec-categories-wrapper::before {
|
|
position: absolute;
|
|
top: 6px;
|
|
left: 6px;
|
|
font-size: 17px;
|
|
font-family: "simple-line-icons";
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-local-time-details::before {
|
|
content: "\e007";
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-month::before {
|
|
content: "\e075";
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-detail::before {
|
|
content: "\e081";
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-address::before {
|
|
content: "\e096";
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-categories-wrapper::before {
|
|
content: "\e089";
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-footer {
|
|
clear: both;
|
|
padding: 20px 0;
|
|
border-top: none;
|
|
background: transparent;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-footer .mec-booking-button {
|
|
right: 0;
|
|
left: auto;
|
|
height: 38px;
|
|
width: 148px;
|
|
padding: 0 20px;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
line-height: 38px;
|
|
text-align: center;
|
|
color: #fff;
|
|
background: transparent;
|
|
border-color: rgba(255, 255, 255, 0.1);
|
|
border-radius: 50px;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-footer .mec-booking-button:hover {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap {
|
|
left: 0;
|
|
cursor: pointer;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap > li {
|
|
border-color: rgba(255, 255, 255, 0.1);
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap li.mec-event-share {
|
|
position: absolute;
|
|
z-index: 2;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing {
|
|
top: -6px;
|
|
left: 0;
|
|
padding: 5px 10px 2px 50px;
|
|
min-width: 150px;
|
|
width: inherit;
|
|
height: 38px;
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
border-radius: 50px;
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap:hover > li {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing::before,
|
|
.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing::after {
|
|
display: none;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing .mec-event-social-icon,
|
|
.mec-event-grid-novel .mec-event-sharing .mec-event-social-icon a,
|
|
.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing li i {
|
|
display: inline;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing .mec-event-social-icon a {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap > li a {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing li a {
|
|
color: rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing li a:hover {
|
|
color: rgba(255, 255, 255, 1);
|
|
}
|
|
|
|
/* Fix Icons */
|
|
.mec-event-grid-novel .mec-event-sharing-wrap li.mec-event-social-icon {
|
|
margin: 0;
|
|
width: auto;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing {
|
|
display: flex;
|
|
align-items: center;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing li a {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 31px;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap li.mec-event-social-icon a i {
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap li.mec-event-social-icon a svg {
|
|
fill: rgba(255, 255, 255, 0.4);
|
|
padding: 0;
|
|
width: 36px;
|
|
height: 36px;
|
|
border-radius: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.mec-event-grid-novel .row .col-md-6.col-sm-6 {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-image {
|
|
float: none;
|
|
margin-top: -20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-detail-wrap {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-footer {
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-event-grid-novel .mec-event-footer {
|
|
margin-top: 0;
|
|
padding-top: 30px;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-footer .mec-booking-button {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap {
|
|
left: 0;
|
|
bottom: -55px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-content h4 a {
|
|
font-size: 20px;
|
|
line-height: 1.3;
|
|
}
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing {
|
|
width: fit-content;
|
|
z-index: 1;
|
|
}
|
|
|
|
@media (min-width: 1280px) {
|
|
.mec-event-grid-novel .col-md-4.col-sm-4 .mec-event-article img {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
.mec-event-grid-novel .col-md-4.col-sm-4 .mec-event-detail-wrap {
|
|
margin-left: 150px;
|
|
}
|
|
|
|
.mec-event-grid-novel .col-md-3.col-sm-3 .mec-event-content .mec-event-image,
|
|
.mec-event-grid-novel
|
|
.col-md-3.col-sm-3
|
|
.mec-event-content
|
|
.mec-event-detail-wrap {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-event-grid-novel
|
|
.col-md-3.col-sm-3
|
|
.mec-event-content
|
|
.mec-event-detail-wrap {
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 760px) and (max-width: 1024px) {
|
|
.mec-event-grid-novel .col-md-4.col-sm-4 {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-image {
|
|
float: left;
|
|
}
|
|
|
|
.mec-event-grid-novel .col-md-4.col-sm-4 .mec-event-article img {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
}
|
|
|
|
/* MEC Event Cover Modern
|
|
-------------------------- */
|
|
.mec-event-cover-modern {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-event-cover-modern .mec-event-cover-a {
|
|
background: transparent;
|
|
position: absolute;
|
|
color: #fff;
|
|
bottom: 0;
|
|
left: 0;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.mec-event-cover-modern .mec-event-cover-a .mec-event-overlay {
|
|
transition: all 0.5s;
|
|
opacity: 0.8;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
}
|
|
|
|
.mec-event-cover-modern .mec-event-cover-a:hover .mec-event-overlay {
|
|
opacity: 1;
|
|
}
|
|
|
|
.mec-event-cover-modern .mec-event-detail {
|
|
padding: 40px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-event-cover-modern .mec-event-cover-a:hover .mec-event-tag {
|
|
color: #333;
|
|
transition: all 0.5s;
|
|
}
|
|
|
|
.mec-event-cover-modern .mec-event-cover-a .mec-event-title:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.mec-event-cover-modern .mec-event-tag {
|
|
background: #fff;
|
|
display: inline-block;
|
|
padding: 5px 9px;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.mec-event-cover-modern .mec-event-date {
|
|
text-transform: uppercase;
|
|
font-size: 17px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.mec-event-cover-modern .mec-event-title {
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
font-size: 40px;
|
|
font-weight: 700;
|
|
margin: 6px 0;
|
|
}
|
|
|
|
.mec-event-cover-modern .mec-event-place {
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-event-cover-modern .mec-event-cover-a {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* MEC Event Cover Classic
|
|
-------------------------- */
|
|
.mec-event-cover-classic {
|
|
position: relative;
|
|
overflow: hidden;
|
|
background: #fff;
|
|
padding: 6px;
|
|
border: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-overlay {
|
|
position: absolute;
|
|
left: 6px;
|
|
right: 6px;
|
|
bottom: 6px;
|
|
top: 6px;
|
|
width: auto;
|
|
height: auto;
|
|
background-color: rgba(36, 36, 36, 0.4);
|
|
transition: all 0.33s ease-in-out;
|
|
}
|
|
|
|
.mec-event-cover-classic:hover .mec-event-overlay {
|
|
background-color: rgba(36, 36, 36, 0.6);
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-content {
|
|
font-size: 15px;
|
|
color: #fff;
|
|
position: absolute;
|
|
bottom: 0;
|
|
padding: 50px 35px;
|
|
transition: all 0.33s ease-in-out;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-date {
|
|
font-size: 14px;
|
|
text-transform: uppercase;
|
|
font-weight: 400;
|
|
line-height: 1.6;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-date span {
|
|
display: block;
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-title {
|
|
color: #fff;
|
|
margin: 20px 0 38px;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
font-style: normal;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-btn-wrapper {
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-icon {
|
|
font-size: 18px;
|
|
float: left;
|
|
margin-right: 14px;
|
|
color: #fff;
|
|
padding: 13px;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-button {
|
|
color: #fff;
|
|
background-color: #191919;
|
|
border: 2px #191919 solid;
|
|
padding: 12px 20px;
|
|
letter-spacing: 3px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
transition: all 0.22s ease;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-button:hover {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-image img {
|
|
min-width: 100%;
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
.mec-event-cover-classic .mec-event-content {
|
|
padding: 20px;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-button {
|
|
font-size: 11px;
|
|
padding: 7px 10px;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-title {
|
|
font-size: 19px;
|
|
margin: 15px 0 25px;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-date {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-event-cover-classic {
|
|
margin-bottom: 30px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-event-cover-classic .mec-event-content {
|
|
padding: 15px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-title {
|
|
font-size: 15px;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-button {
|
|
font-size: 10px;
|
|
padding: 6px;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-event-icon {
|
|
padding: 10px;
|
|
}
|
|
}
|
|
|
|
/* MEC LOAD MORE BUTTON
|
|
-------------------------- */
|
|
.mec-load-more-wrap {
|
|
text-align: center;
|
|
display: block;
|
|
width: 100%;
|
|
padding-top: 20px;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-load-more-button {
|
|
box-shadow: none;
|
|
transition: all 0.21s ease;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
background: #fff;
|
|
color: #767676;
|
|
border: 2px solid #e8e8e8;
|
|
border-radius: 50px;
|
|
padding: 0 28px;
|
|
margin-bottom: 20px;
|
|
cursor: pointer;
|
|
line-height: 40px;
|
|
height: 42px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-load-more-button:hover {
|
|
background: #191919;
|
|
color: #fff;
|
|
border-color: #191919;
|
|
}
|
|
|
|
.mec-load-more-loading {
|
|
content: url("../img/ajax-loader.gif");
|
|
cursor: wait;
|
|
background: transparent;
|
|
border-style: none;
|
|
}
|
|
|
|
.mec-load-more-loading:hover {
|
|
background: transparent;
|
|
}
|
|
|
|
.mec-modal-preloader,
|
|
.mec-month-navigator-loading {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: no-repeat rgba(255, 255, 255, 0.88) url("../img/ajax-loader.gif")
|
|
center;
|
|
border-style: none;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
top: 0;
|
|
z-index: 9;
|
|
}
|
|
|
|
.mec-event-calendar-classic .mec-calendar-side .mec-calendar-table {
|
|
min-height: 1024px;
|
|
}
|
|
|
|
.mec-calendar-side .mec-calendar-table {
|
|
min-height: 450px;
|
|
}
|
|
|
|
.mec-skin-weekly-view-events-container.mec-month-navigator-loading {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic .mec-calendar-side {
|
|
display: block;
|
|
}
|
|
|
|
.mec-skin-daily-view-events-container.mec-month-navigator-loading {
|
|
margin-top: 0;
|
|
}
|
|
|
|
@media only screen and (min-width: 961px) {
|
|
.mec-wrap.mec-sm959 .mec-calendar-side .mec-calendar-table {
|
|
min-height: 1px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-calendar-side .mec-calendar-table {
|
|
min-height: 1px;
|
|
}
|
|
}
|
|
|
|
/* MEC Event Cover Clean
|
|
-------------------------- */
|
|
.mec-event-cover-clean {
|
|
position: relative;
|
|
border: 1px solid #e6e6e6;
|
|
padding: 8px;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-overlay {
|
|
height: 100%;
|
|
background-color: rgba(36, 36, 36, 0.4);
|
|
position: absolute;
|
|
width: 100%;
|
|
left: 0;
|
|
border: 8px solid #fff;
|
|
top: 0;
|
|
transition: all 0.5s ease-in-out;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-content {
|
|
color: #fff;
|
|
position: absolute;
|
|
bottom: 20px;
|
|
padding: 40px 60px;
|
|
transition: all 0.5s ease-in-out;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-title {
|
|
color: #fff;
|
|
font-weight: 700;
|
|
margin: 46px 0 19px;
|
|
font-size: 29px;
|
|
text-transform: uppercase;
|
|
text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-title a {
|
|
color: #fff;
|
|
transition: all 0.5s;
|
|
text-decoration: none;
|
|
outline: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-title a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-date {
|
|
position: absolute;
|
|
top: -20px;
|
|
right: 60px;
|
|
color: #fff;
|
|
width: 60px;
|
|
padding: 14px 10px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-date div {
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-date .dday {
|
|
padding-bottom: 15px;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
|
|
margin-bottom: 13px;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-date .dmonth {
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-place {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-image img {
|
|
width: 100%;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.mec-event-cover-clean .mec-event-content {
|
|
padding: 20px;
|
|
bottom: 5px;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-title {
|
|
font-size: 23px;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-date {
|
|
right: 20px;
|
|
padding: 10px;
|
|
width: 50px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-event-cover-clean .mec-event-content {
|
|
padding: 10px;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-title {
|
|
font-size: 19px;
|
|
padding-right: 25px;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-date {
|
|
right: -20px;
|
|
top: -10px;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-event-detail {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
/* MEC Events List Default Loop
|
|
--------------------------------- */
|
|
.mec-month-divider {
|
|
text-align: center;
|
|
margin: 60px 0 40px 0;
|
|
}
|
|
|
|
.widget .mec-month-divider {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.mec-month-divider span {
|
|
text-transform: uppercase;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
padding-bottom: 5px;
|
|
color: #313131;
|
|
border-bottom: 4px solid #ebebeb;
|
|
width: 100%;
|
|
display: block;
|
|
padding-bottom: 10px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-month-divider span:before {
|
|
border-bottom: 4px solid #40d9f1;
|
|
font-size: 6px;
|
|
content: "";
|
|
text-align: center;
|
|
position: absolute;
|
|
bottom: -4px;
|
|
margin-left: -30px;
|
|
left: 50%;
|
|
width: 60px;
|
|
}
|
|
|
|
.widget .mec-month-divider span {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-events-pagination {
|
|
margin-top: 60px;
|
|
border-top: 4px solid #ebebeb;
|
|
min-height: 80px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-events-pagination .mec-events-pag-previous {
|
|
float: left;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-events-pagination .mec-events-pag-next {
|
|
float: right;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-event-article {
|
|
position: relative;
|
|
display: block;
|
|
margin-bottom: 25px;
|
|
background-color: #fff;
|
|
border: 1px solid #e9e9e9;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
|
|
}
|
|
|
|
.mec-event-list-standard .mec-topsec {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-event-list-standard .col-md-3.mec-event-image-wrap {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-event-content {
|
|
padding-top: 15px;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.mec-event-list-standard ul.mec-event-status-icons {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-event-list-standard ul.mec-event-status-icons li {
|
|
display: inline-flex;
|
|
align-items: inherit;
|
|
justify-content: center;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 16px;
|
|
border-radius: 5px;
|
|
padding: 2px 5px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.mec-event-list-standard ul.mec-event-status-icons li img {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.mec-event-list-standard
|
|
ul.mec-event-status-icons
|
|
li.mec-event-status-scheduled {
|
|
color: #58aa22;
|
|
background: #e9f8d7;
|
|
}
|
|
|
|
.mec-event-list-standard ul.mec-event-status-icons li.mec-event-status-ongoing {
|
|
color: #1aa82a;
|
|
background: #e4f6df;
|
|
}
|
|
|
|
.mec-event-list-standard
|
|
ul.mec-event-status-icons
|
|
li.mec-event-status-postponed {
|
|
color: #a1830d;
|
|
background: #fff3b7;
|
|
}
|
|
|
|
.mec-event-list-standard
|
|
ul.mec-event-status-icons
|
|
li.mec-event-status-cancelled {
|
|
color: #bb1313;
|
|
background: #fed8d8;
|
|
}
|
|
|
|
.mec-event-list-standard
|
|
ul.mec-event-status-icons
|
|
li.mec-event-status-movedonline {
|
|
color: #f35e04;
|
|
background: #feebd7;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-event-title {
|
|
font-size: 29px;
|
|
font-weight: 600;
|
|
letter-spacing: -1px;
|
|
margin: 0 0 10px;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-event-title a {
|
|
color: #292929;
|
|
text-decoration: none;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-col-table-c {
|
|
display: table-cell;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
float: none !important;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-col-table-c.mec-event-meta-wrap {
|
|
padding: 20px;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-col-table-c.mec-event-image-wrap {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.mec-topsec .mec-event-image {
|
|
line-height: 1px;
|
|
}
|
|
|
|
.mec-topsec .mec-event-image a {
|
|
display: block;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-event-meta-wrap {
|
|
border-left: 1px solid #eee;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-time-details {
|
|
text-transform: uppercase;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 17px;
|
|
color: #707070;
|
|
padding-top: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-event-meta .mec-venue-details span {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 17px;
|
|
color: #707070;
|
|
padding-top: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-event-list-standard
|
|
.mec-event-meta
|
|
.mec-venue-details
|
|
.mec-event-address
|
|
span {
|
|
font-style: normal;
|
|
letter-spacing: 0;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #707172;
|
|
margin-left: 29px;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-event-meta span.mec-event-d,
|
|
.mec-event-list-standard .mec-event-meta span.mec-event-m {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
line-height: 17px;
|
|
padding-right: 6px;
|
|
color: #414243;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-event-meta span.mec-event-d .mec-start-date-label,
|
|
.mec-event-list-standard .mec-event-meta .mec-time-details .mec-start-time,
|
|
.mec-event-list-standard .mec-event-meta .mec-time-details .mec-end-time,
|
|
.mec-event-list-standard .mec-event-meta .mec-venue-details span {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-event-meta svg {
|
|
vertical-align: middle;
|
|
margin-right: 12px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-local-time-details,
|
|
.mec-event-list-standard .mec-venue-details,
|
|
.mec-event-list-standard .mec-date-details,
|
|
.mec-event-list-standard .mec-time-details,
|
|
.mec-event-list-standard .mec-categories-wrapper,
|
|
.mec-event-list-standard .mec-shortcode-organizers {
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-local-time-details .mec-local-title {
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
line-height: 17px;
|
|
color: #414243;
|
|
margin-left: -3px;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-local-time-details .mec-local-date,
|
|
.mec-event-list-standard .mec-local-time-details .mec-local-time {
|
|
font-style: normal;
|
|
letter-spacing: 0;
|
|
font-size: 11px;
|
|
color: #8a8a8a;
|
|
font-weight: 300;
|
|
line-height: 1.6;
|
|
margin-left: 29px;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-date-details i,
|
|
.mec-event-list-standard .mec-categories-wrapper i,
|
|
.mec-event-list-standard .mec-shortcode-organizers i {
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-categories-wrapper i:before,
|
|
.mec-event-list-standard
|
|
.mec-event-meta-wrap
|
|
.mec-event-meta
|
|
.mec-price-details
|
|
i:before {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-event-title .mec-labels-normal {
|
|
line-height: 18px;
|
|
height: 18px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-event-title .mec-labels-normal .mec-label-normal {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-event-description {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-event-title a {
|
|
color: #292929;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.mec-event-meta-wrap .mec-price-details {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-price-details i {
|
|
margin-right: 4px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.mec-event-meta-wrap .mec-event-meta .mec-price-details i:before {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-price-details {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 17px;
|
|
color: #707070;
|
|
padding-top: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-price-details i {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.mec-month-side .mec-price-details {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active)
|
|
.tooltipster-content
|
|
.mec-price-details
|
|
i,
|
|
.mec-month-side .mec-price-details i {
|
|
padding-top: 4px;
|
|
vertical-align: unset;
|
|
}
|
|
|
|
.mec-event-list-standard ul.mec-categories {
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* .mec-event-list-standard ul.mec-categories li.mec-category a:before {
|
|
font-size: 16px !important;
|
|
content: "\f105";
|
|
position: absolute;
|
|
font-family: fontawesome;
|
|
left: 8px;
|
|
font-size: 15px;
|
|
} */
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
.mec-event-list-standard .mec-topsec {
|
|
display: block;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-col-table-c.mec-event-image-wrap {
|
|
display: block;
|
|
width: 40%;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-col-table-c.mec-event-content-wrap {
|
|
display: block;
|
|
min-height: 230px;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-event-meta-wrap {
|
|
display: block;
|
|
border-left: none;
|
|
border-top: 1px solid #eee;
|
|
width: 100%;
|
|
float: none;
|
|
padding-top: 20px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 480px) and (max-width: 960px) {
|
|
.mec-event-list-standard .mec-col-table-c.mec-event-image-wrap,
|
|
.mec-event-list-standard .mec-col-table-c.mec-event-content-wrap {
|
|
display: table-cell;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-event-list-standard .mec-col-table-c.mec-event-image-wrap,
|
|
.mec-event-list-standard .mec-col-table-c.mec-event-image-wrap img {
|
|
float: none;
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-col-table-c.mec-event-content-wrap {
|
|
padding: 10px 10px 10px 30px;
|
|
}
|
|
}
|
|
|
|
/* Local Time
|
|
-------------------------- */
|
|
.mec-localtime-details {
|
|
color: #777;
|
|
font-weight: 400;
|
|
line-height: 12px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.mec-localtime-details .mec-localtitle,
|
|
.mec-localtime-details .mec-localdate,
|
|
.mec-localtime-details .mec-localtime {
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-localtime-details .mec-start-date-label {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.mec-localtime-details .mec-localtime {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-localtime-details {
|
|
display: inline-flex;
|
|
font-size: 15px;
|
|
font-weight: 300;
|
|
line-height: 1;
|
|
letter-spacing: 0;
|
|
color: #9a9a9a;
|
|
padding-left: 9px;
|
|
}
|
|
|
|
.mec-event-grid-clean .mec-localtime-details,
|
|
.mec-event-grid-classic .mec-localtime-details {
|
|
color: #fff;
|
|
font-weight: 400;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
letter-spacing: -0.02em;
|
|
color: #fff;
|
|
padding: 0 0;
|
|
line-height: 18px;
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.tooltipster-box .mec-localtime-details,
|
|
.mec-event-grid-colorful .mec-localtime-details,
|
|
.mec-event-grid-clean .mec-localtime-details {
|
|
line-height: 22px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.mec-event-grid-colorful .mec-localtime-details {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-grid-classic .mec-localtime-details {
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-event-grid-minimal .mec-localtime-details {
|
|
line-height: 22px;
|
|
}
|
|
|
|
.mec-wrap .mec-yearly-view-wrap .mec-localtime-wrap i {
|
|
display: inline-block;
|
|
margin-left: -1px;
|
|
}
|
|
|
|
.mec-timetable-t2-content .mec-local-time-details {
|
|
padding-left: 19px;
|
|
}
|
|
|
|
.mec-timetable-t2-content .mec-local-time-details {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-timetable-t2-content .mec-local-time-details:before {
|
|
content: "\e007";
|
|
font-family: "simple-line-icons";
|
|
position: absolute;
|
|
font-size: 12px;
|
|
margin-right: 4px;
|
|
left: 0;
|
|
}
|
|
|
|
.mec-masonry .mec-masonry-col6 .mec-localtime-details {
|
|
margin-top: 10px;
|
|
line-height: 21px;
|
|
}
|
|
|
|
.mec-masonry .mec-masonry-col6 .mec-localtime-details i {
|
|
height: auto;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-localtime-details {
|
|
color: #fff;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.mec-event-cover-classic .mec-localtime-details i {
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.mec-event-cover-clean .mec-localtime-details {
|
|
color: #fff;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-event-cover-modern .mec-localtime-details {
|
|
color: #fff;
|
|
margin: 10px 0;
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-localtime-details,
|
|
.mec-event-countdown-style2 .mec-localtime-details,
|
|
.mec-event-countdown-style1 .mec-localtime-details {
|
|
color: #fff;
|
|
padding: 8px 5px 0;
|
|
font-size: 14px;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.mec-event-countdown-style1 .mec-localtime-details {
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-event-hover-carousel-type4 .mec-localtime-details {
|
|
display: block;
|
|
color: #fff;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.mec-event-footer-carousel-type3 .mec-localtime-details span,
|
|
.mec-event-footer-carousel-type3 .mec-localtime-details .mec-localdate,
|
|
.mec-event-footer-carousel-type3 .mec-localtime-details .mec-localtime,
|
|
.mec-event-footer-carousel-type3 .mec-localtime-details .mec-localtitle {
|
|
display: inline-flex;
|
|
line-height: 20px;
|
|
text-align: left;
|
|
margin: 0 !important;
|
|
font-size: 12px;
|
|
color: #777;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.mec-owl-crousel-skin-type1 .mec-localtime-details {
|
|
margin-top: -7px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.mec-wrap .mec-slider-t5 .mec-localtime-details {
|
|
margin-top: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.mec-wrap .mec-slider-t5 .mec-localtime-details i {
|
|
font-size: 18px;
|
|
height: 20px;
|
|
}
|
|
|
|
.mec-timeline-event-local-time .mec-localtime-details {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
vertical-align: middle;
|
|
margin-left: 6px;
|
|
color: inherit;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.mec-timeline-event-local-time .mec-localtime-details i {
|
|
font-size: 17px;
|
|
vertical-align: middle;
|
|
margin-left: -7px;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
/* Register Button for Shortcodes + Modal Booking
|
|
-------------------------- */
|
|
.mec-booking-modal {
|
|
background-color: #e6f7ff;
|
|
}
|
|
|
|
.mec-booking-modal
|
|
.mec-booking-shortcode
|
|
.mec-book-form-gateway-label
|
|
input[type="radio"]:before {
|
|
top: -1px;
|
|
}
|
|
|
|
.mec-modal-booking-button {
|
|
box-shadow: none;
|
|
transition: all 0.21s ease;
|
|
font-size: 11px;
|
|
font-weight: 500;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
background: #fff;
|
|
color: #767676;
|
|
border: 1px solid #e8e8e8;
|
|
padding: 12px 16px;
|
|
line-height: 37px;
|
|
height: 38px;
|
|
margin: 12px 0;
|
|
}
|
|
|
|
.mec-modal-booking-button:hover {
|
|
background: #191919;
|
|
color: #fff;
|
|
border-color: #191919;
|
|
}
|
|
|
|
.mec-modal-booking-button.mec-mb-icon i {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* Custom Style */
|
|
.mec-event-list-classic .mec-modal-booking-button {
|
|
height: 0;
|
|
line-height: 1;
|
|
margin: 7px 0 0;
|
|
display: inline-table;
|
|
letter-spacing: 0;
|
|
padding: 12px 14px;
|
|
}
|
|
|
|
/* Category on Griv view Novel style */
|
|
.mec-event-grid-novel .mec-categories-wrapper {
|
|
position: relative;
|
|
color: rgba(255, 255, 255, 0.4);
|
|
padding-left: 35px;
|
|
}
|
|
|
|
.mec-event-grid-novel ul.mec-categories {
|
|
line-height: 30px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-categories-wrapper i {
|
|
display: none;
|
|
}
|
|
|
|
.mec-event-grid-novel ul.mec-categories li.mec-category a {
|
|
color: rgba(255, 255, 255, 0.4);
|
|
line-height: 30px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.mec-event-grid-novel ul.mec-organizers li.mec-organizer-item span {
|
|
padding-left: 35px;
|
|
color: rgba(255, 255, 255, 0.4);
|
|
line-height: 30px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.mec-timetable-t2-col .mec-modal-booking-button,
|
|
.mec-event-container-classic .mec-modal-booking-button,
|
|
.mec-calendar-events-side .mec-modal-booking-button,
|
|
.mec-event-grid-minimal .mec-modal-booking-button,
|
|
.mec-event-list-minimal .mec-modal-booking-button {
|
|
margin: 0;
|
|
color: #282828;
|
|
font-size: 12px;
|
|
transition: all 0.5s ease;
|
|
-webkit-transition: all 0.5s ease;
|
|
position: relative;
|
|
padding: 0 0 0 24px;
|
|
background: 0 0;
|
|
text-align: left;
|
|
display: inline;
|
|
border: 0;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.mec-timetable-t2-col .mec-modal-booking-button {
|
|
color: #fff;
|
|
padding-left: 19px;
|
|
}
|
|
|
|
.mec-timetable-t2-col .mec-modal-booking-button:hover {
|
|
color: #282828;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-modal-booking-button {
|
|
margin: 0 4px 0 84px;
|
|
}
|
|
|
|
.mec-event-container-classic .mec-modal-booking-button:before,
|
|
.mec-calendar-events-side .mec-modal-booking-button:before,
|
|
.mec-event-grid-minimal .mec-modal-booking-button:before,
|
|
.mec-event-list-minimal .mec-modal-booking-button:before {
|
|
content: "";
|
|
position: absolute;
|
|
background: #7a7272;
|
|
width: 18px;
|
|
height: 1px;
|
|
left: 0;
|
|
top: 45%;
|
|
transition: all 0.1s ease;
|
|
-webkit-transition: all 0.1s ease;
|
|
}
|
|
|
|
.mec-skin-carousel-container .mec-modal-booking-button {
|
|
line-height: 70px;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-modal-booking-button.mec-mb-icon {
|
|
border-radius: 1px;
|
|
letter-spacing: 2px;
|
|
border: 1px solid #e6e6e6;
|
|
color: #333;
|
|
background-color: #fff;
|
|
padding: 13px 12px 13px 14px;
|
|
font-weight: 700;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
|
|
transition: all 0.28s ease;
|
|
line-height: unset;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-modal-booking-button.mec-mb-icon:hover {
|
|
border-color: #222;
|
|
background: #222;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-footer .mec-modal-booking-button {
|
|
position: absolute;
|
|
top: 20px;
|
|
right: 125px;
|
|
margin: 0;
|
|
padding: 0 16px;
|
|
line-height: 37px;
|
|
border-radius: 2px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.mec-skin-carousel-container
|
|
.mec-event-footer-carousel-type2
|
|
.mec-modal-booking-button {
|
|
font-size: 12px;
|
|
line-height: 17px;
|
|
height: 41px;
|
|
}
|
|
|
|
.mec-skin-carousel-container
|
|
.mec-event-footer-carousel-type3
|
|
.mec-modal-booking-button {
|
|
line-height: 36px;
|
|
font-size: 12px;
|
|
padding: 0 10px;
|
|
letter-spacing: 0;
|
|
float: right;
|
|
margin: 0 5px 0 0;
|
|
height: unset;
|
|
}
|
|
|
|
.mec-skin-carousel-container
|
|
.mec-owl-crousel-skin-type4
|
|
.mec-modal-booking-button {
|
|
color: #fff;
|
|
background-color: #191919;
|
|
border: 2px #191919 solid;
|
|
padding: 10px 14px;
|
|
letter-spacing: 1.5px;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
transition: all 0.22s ease;
|
|
text-decoration: none;
|
|
margin: 0 0 0 12px;
|
|
}
|
|
|
|
.mec-skin-carousel-container
|
|
.mec-owl-crousel-skin-type4
|
|
.mec-modal-booking-button:hover {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border: 2px #fff solid;
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-footer .mec-modal-booking-button {
|
|
right: auto;
|
|
left: 110px;
|
|
}
|
|
|
|
.mec-events-agenda .mec-modal-booking-button,
|
|
.mec-event-grid-simple .mec-modal-booking-button {
|
|
margin: 0;
|
|
font-size: 12px;
|
|
transition: all 0.5s ease;
|
|
-webkit-transition: all 0.5s ease;
|
|
position: relative;
|
|
padding: 0;
|
|
background: 0 0;
|
|
text-align: left;
|
|
display: inline;
|
|
border: 0;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.mec-events-agenda .mec-modal-booking-button {
|
|
display: block;
|
|
height: unset;
|
|
padding-left: 173px;
|
|
line-height: 14px;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-modal-booking-button {
|
|
margin: 0;
|
|
padding-left: 14px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.mec-event-grid-novel .mec-event-footer .mec-modal-booking-button.mec-mb-icon {
|
|
right: auto;
|
|
left: 50px;
|
|
width: 36px;
|
|
height: 36px;
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
padding: 0 10px;
|
|
border-color: rgba(255, 255, 255, 0.1);
|
|
background-color: rgba(0, 0, 0, 0);
|
|
color: #fff;
|
|
border-radius: 36px;
|
|
}
|
|
|
|
.mec-event-grid-novel
|
|
.mec-event-footer
|
|
.mec-modal-booking-button.mec-mb-icon:hover {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.mec-events-yearlu .mec-modal-booking-button:hover,
|
|
.mec-events-agenda .mec-modal-booking-button:hover,
|
|
.mec-event-grid-simple .mec-modal-booking-button:hover {
|
|
color: #191919;
|
|
}
|
|
|
|
.mec-event-masonry .mec-event-footer .mec-modal-booking-button {
|
|
font-size: 12px;
|
|
padding: 0 31px;
|
|
line-height: 49px;
|
|
height: 50px;
|
|
top: 0;
|
|
box-shadow: 0 5px 11px -3px rgba(0, 0, 0, 0.05);
|
|
right: auto;
|
|
left: 155px;
|
|
}
|
|
|
|
.mec-timeline-event .mec-modal-booking-button {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
display: inline-block;
|
|
padding: 7px 20px 7px;
|
|
line-height: 22px;
|
|
height: unset;
|
|
border: unset;
|
|
text-transform: capitalize;
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
letter-spacing: 0;
|
|
margin: 0;
|
|
border-radius: 0 0 0 10px;
|
|
}
|
|
|
|
.mec-timeline-event .mec-modal-booking-button:hover {
|
|
background: #191919;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-skin-daily-view-events-container .mec-modal-booking-button,
|
|
.mec-weekly-view-dates-events .mec-event-article .mec-modal-booking-button {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
right: 15px;
|
|
line-height: 26px;
|
|
height: 49px;
|
|
border: unset;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: #ededed;
|
|
color: #191919;
|
|
padding: 12px;
|
|
border-radius: 2px;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
letter-spacing: 2px;
|
|
transition: all 0.24s ease;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-skin-daily-view-events-container .mec-modal-booking-button:hover,
|
|
.mec-weekly-view-dates-events
|
|
.mec-event-article
|
|
.mec-modal-booking-button:hover {
|
|
background: #292929;
|
|
color: #fff;
|
|
}
|
|
|
|
@media (max-width: 1023px) {
|
|
.mec-skin-daily-view-events-container .mec-modal-booking-button,
|
|
.mec-weekly-view-dates-events .mec-event-article .mec-modal-booking-button {
|
|
position: relative;
|
|
top: unset;
|
|
transform: unset;
|
|
margin: 14px 16px 0;
|
|
padding: 8px;
|
|
line-height: 20px;
|
|
height: 35px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.featherlight .featherlight-inner {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-events-agenda .mec-modal-booking-button {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-booking-modal .mec-events-meta-group-booking-shortcode {
|
|
padding: 20px;
|
|
}
|
|
|
|
.mec-booking-modal .mec-booking-shortcode .mec-book-reg-field-name,
|
|
.mec-booking-modal .mec-booking-shortcode .mec-book-reg-field-mec_email {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-booking-modal .mec-booking-shortcode button#mec-book-form-btn-step-2 {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.mec-booking-modal
|
|
.mec-booking-shortcode
|
|
.mec-click-pay
|
|
button[type="submit"] {
|
|
bottom: 22px;
|
|
}
|
|
|
|
.mec-calendar-events-side .mec-modal-booking-button:before,
|
|
.mec-event-container-classic .mec-modal-booking-button:before,
|
|
.mec-event-grid-minimal .mec-modal-booking-button:before,
|
|
.mec-event-list-minimal .mec-modal-booking-button:before {
|
|
display: none;
|
|
}
|
|
|
|
.mec-calendar-events-side .mec-modal-booking-button,
|
|
.mec-event-container-classic .mec-modal-booking-button,
|
|
.mec-event-grid-minimal .mec-modal-booking-button,
|
|
.mec-event-list-minimal .mec-modal-booking-button,
|
|
.mec-timetable-t2-col .mec-modal-booking-button {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-event-grid-modern .mec-event-footer .mec-booking-button {
|
|
top: 20px;
|
|
}
|
|
}
|
|
|
|
/* MEC Event- Single
|
|
-------------------------- */
|
|
.mec-wrap .mec-events-cal-links {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-single-event #mec-wrap {
|
|
padding: 0;
|
|
margin-top: 35px;
|
|
}
|
|
|
|
.single-mec-events .mec-wrap.mec-no-access-error h1,
|
|
.mec-wrap .mec-single-title {
|
|
margin-top: 0;
|
|
margin-bottom: 30px;
|
|
font-weight: 700;
|
|
font-size: 33px;
|
|
}
|
|
|
|
.mec-single-event .mec-event-content {
|
|
padding: 40px 0 30px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-single-event .mec-frontbox,
|
|
.mec-single-event .mec-events-meta-group-booking,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode {
|
|
margin-bottom: 30px;
|
|
padding: 40px;
|
|
background: #fff;
|
|
border: 1px solid #e6e7e8;
|
|
}
|
|
|
|
.mec-events-meta-group.mec-events-meta-group-gmap {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking {
|
|
padding: 40px;
|
|
background: #fff;
|
|
border: 1px solid #e6e7e8;
|
|
}
|
|
|
|
.mec-single-event .mec-frontbox,
|
|
.lity-content .mec-events-meta-group-booking,
|
|
.mec-single-event .mec-events-meta-group-booking,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode,
|
|
.mec-single-event .mec-events-meta-group-countdown,
|
|
.mec-single-event .mec-events-meta-group-gmap,
|
|
.mec-single-modern .mec-single-event-bar {
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.mec-wrap #main-content {
|
|
overflow: hidden;
|
|
padding-top: 35px;
|
|
}
|
|
|
|
.mec-single-event .mec-map-get-direction-address-cnt {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-map-get-direction-address-cnt
|
|
input.mec-map-get-direction-address {
|
|
width: 100%;
|
|
height: 46px;
|
|
padding: 13px 10px;
|
|
margin-bottom: 0;
|
|
background: #fcfcfc;
|
|
border: 1px solid #e0e0e0;
|
|
border-radius: 0;
|
|
box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.081);
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-map-get-direction-address-cnt
|
|
input.mec-map-get-direction-address:focus {
|
|
color: #444;
|
|
background: #fff;
|
|
border-color: #b0b0b0;
|
|
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.mec-single-event .mec-map-get-direction-btn-cnt input {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-single-event .mec-map-get-direction-reset {
|
|
position: absolute;
|
|
z-index: 2;
|
|
top: 5px;
|
|
right: 10px;
|
|
font-size: 11px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Tags */
|
|
.mec-events-meta-group-tags {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.mec-events-meta-group-tags a {
|
|
display: inline-block;
|
|
color: #444;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1.5px;
|
|
font-weight: 500;
|
|
padding: 3px 7px;
|
|
border: 1px solid #ddd;
|
|
border-radius: 2px;
|
|
background: #fff;
|
|
margin: 1px 3px;
|
|
}
|
|
|
|
.mec-events-meta-group-tags a:hover {
|
|
text-decoration: underline;
|
|
background: #f9f9f9;
|
|
}
|
|
|
|
.mec-local-time-details li {
|
|
list-style: none;
|
|
font-size: 14px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.mec-single-event:not(.mec-single-modern) .mec-local-time-details {
|
|
padding: 12px 14px 8px;
|
|
margin-bottom: 12px;
|
|
vertical-align: baseline;
|
|
position: relative;
|
|
border: none;
|
|
}
|
|
|
|
.mec-single-event:not(.mec-single-modern) .mec-local-time-details ul {
|
|
margin: 0;
|
|
padding-left: 35px;
|
|
}
|
|
|
|
.mec-single-event:not(.mec-single-modern) .mec-local-time-details h3 {
|
|
border: none;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.mec-single-event:not(.mec-single-modern) .mec-local-time-details h3:before {
|
|
display: none;
|
|
}
|
|
|
|
.mec-single-event.mec-single-modern i.mec-sl-speedometer {
|
|
display: none;
|
|
}
|
|
|
|
.mec-single-modern .mec-local-time-details.mec-frontbox i {
|
|
display: none;
|
|
}
|
|
|
|
/* Booking */
|
|
.lity-content .mec-events-meta-group-booking,
|
|
.mec-single-event .mec-events-meta-group-booking,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode {
|
|
z-index: 1;
|
|
overflow: visible;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
ul.mec-book-tickets-reg-fields-container,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
ul.mec-book-tickets-reg-fields-container,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
ul.mec-book-tickets-reg-fields-container,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-paypal-credit-card-payment-fields,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-paypal-credit-card-payment-fields,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-paypal-credit-card-payment-fields {
|
|
margin: 0px -41.835px;
|
|
overflow: hidden;
|
|
clear: both;
|
|
}
|
|
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
ul.mec-book-tickets-reg-fields-container
|
|
li,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-paypal-credit-card-payment-fields
|
|
li,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-paypal-credit-card-payment-fields
|
|
li {
|
|
margin-left: 41.835px;
|
|
margin-right: 41.835px;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking ul,
|
|
.mec-single-event .mec-events-meta-group-booking ul,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode ul {
|
|
list-style: none;
|
|
padding-left: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
ul.mec-book-tickets-reg-fields-container {
|
|
margin: 0;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
ul.mec-book-tickets-reg-fields-container
|
|
.col-md-6 {
|
|
float: left;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking ul li,
|
|
.mec-single-event .mec-events-meta-group-booking ul li,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-book-ticket-variation-wrapper,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode ul li:not(.option),
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-book-ticket-variation-wrapper {
|
|
padding: 0;
|
|
list-style: none;
|
|
margin-top: 0;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking ul li.col-md-6:first-child,
|
|
.mec-single-event .mec-events-meta-group-booking ul li.col-md-6:first-child {
|
|
width: calc(50% - 10px);
|
|
margin-right: 10px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking ul li.col-md-6:nth-child(2),
|
|
.mec-single-event .mec-events-meta-group-booking ul li.col-md-6:nth-child(2) {
|
|
width: calc(50% - 10px);
|
|
margin-right: 0;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-form-container
|
|
> .col-md-12,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode .col-md-12,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-form-container
|
|
> .col-md-12 {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 0 30px 0;
|
|
margin-bottom: 30px;
|
|
border-bottom: 1px solid #f0f1f2;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.col-md-12
|
|
.mec-ticket-icon-wrapper,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.col-md-12
|
|
.mec-ticket-icon-wrapper,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.col-md-12
|
|
.mec-ticket-icon-wrapper {
|
|
margin-right: 25px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.col-md-12
|
|
.mec-ticket-name-description-wrapper
|
|
.mec-ticket-price-wrapper
|
|
span,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.col-md-12
|
|
.mec-ticket-name-description-wrapper
|
|
.mec-ticket-price-wrapper
|
|
span,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.col-md-12
|
|
.mec-ticket-name-description-wrapper
|
|
.mec-ticket-price-wrapper
|
|
span {
|
|
display: block;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
color: #606367;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.col-md-12
|
|
.mec-ticket-name-description-wrapper
|
|
.mec-ticket-price-wrapper
|
|
span.mec-ticket-price,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.col-md-12
|
|
.mec-ticket-name-description-wrapper
|
|
.mec-ticket-price-wrapper
|
|
span.mec-ticket-price,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.col-md-12
|
|
.mec-ticket-name-description-wrapper
|
|
.mec-ticket-price-wrapper
|
|
span.mec-ticket-price {
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
line-height: 24px;
|
|
color: #212224;
|
|
margin: 0;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
[id*="mec_booking_quantity_wrapper_"],
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
[id*="mec_booking_quantity_wrapper_"],
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
[id*="mec_booking_quantity_wrapper_"] {
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
line-height: 16px;
|
|
color: #8e9195;
|
|
display: block;
|
|
margin-bottom: 5px;
|
|
text-align: end;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking .mec-first-for-all-wrapper,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-first-for-all-wrapper,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-first-for-all-wrapper {
|
|
clear: both;
|
|
margin-bottom: 26px;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking li h4,
|
|
.mec-single-event .mec-events-meta-group-booking li h4,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode li h4 {
|
|
font-size: 19px;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking input,
|
|
.mec-single-event .mec-events-meta-group-booking input,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input,
|
|
.lity-content .mec-events-meta-group-booking button,
|
|
.mec-single-event .mec-events-meta-group-booking button,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode button {
|
|
border-radius: 0;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-2,
|
|
.mec-wrap
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-2,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-2,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-3,
|
|
.mec-wrap
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-3,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-3 {
|
|
color: #636f72;
|
|
background: #f6f7f8;
|
|
border: 1px solid #e7e8e9;
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-2:hover,
|
|
.mec-wrap
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-2:hover,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-2:hover,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-2:hover,
|
|
.mec-wrap
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-2:hover,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-3:hover {
|
|
border: 1px solid #d9dadc;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-2
|
|
img.mec-svg-icon,
|
|
.mec-wrap
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-2
|
|
img.mec-svg-icon,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-2
|
|
img.mec-svg-icon,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-3
|
|
img.mec-svg-icon,
|
|
.mec-wrap
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-3
|
|
img.mec-svg-icon,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
button.mec-book-form-back-button#mec-book-form-back-btn-step-3
|
|
img.mec-svg-icon,
|
|
.mec-nextprev-prev-button svg {
|
|
margin-left: unset;
|
|
margin-right: 30px;
|
|
}
|
|
|
|
mec-book-form-pay-button button#mec-book-form-back-btn-step-3 {
|
|
float: none;
|
|
}
|
|
|
|
/* Booking Occurrences list */
|
|
.mec-next-occ-booking,
|
|
.mec-next-occ-booking-p {
|
|
padding-left: 15px;
|
|
}
|
|
|
|
/* Sell all occurrences by one booking */
|
|
.mec-events-meta-group-booking .mec-next-occ-booking-p,
|
|
.mec-events-meta-group-booking .mec-next-occ-booking {
|
|
padding: 0;
|
|
font-size: 12px;
|
|
letter-spacing: 0;
|
|
margin: 3px 0;
|
|
padding: 5px 1em 3px 0;
|
|
}
|
|
|
|
/* Registration */
|
|
.mec-book-username-password-wrapper {
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.lity-container .mec-next-occ-booking,
|
|
.lity-container .mec-next-occ-booking-p {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-ssl-protection-message {
|
|
display: none;
|
|
}
|
|
|
|
/* Pay Buttons Position */
|
|
.lity-content .mec-events-meta-group-booking .mec-click-pay,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-click-pay,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode .mec-click-pay {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-click-pay
|
|
#mec_woo_add_to_cart_btn_r,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-click-pay
|
|
#mec_woo_add_to_cart_btn_r,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-click-pay
|
|
#mec_woo_add_to_cart_btn_r,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-click-pay
|
|
button.mec-book-form-next-button,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-click-pay
|
|
button.mec-book-form-next-button,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-click-pay
|
|
button.mec-book-form-next-button {
|
|
float: right;
|
|
margin: 30px 0 0 0 !important;
|
|
background: #47dc6e !important;
|
|
border-color: #47dc6e !important;
|
|
color: #fff !important;
|
|
font-weight: 700 !important;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-click-pay
|
|
#mec_woo_add_to_cart_btn_r:hover,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-click-pay
|
|
#mec_woo_add_to_cart_btn_r:hover,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-click-pay
|
|
#mec_woo_add_to_cart_btn_r:hover,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-click-pay
|
|
button.mec-book-form-next-button:hover,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-click-pay
|
|
button.mec-book-form-next-button:hover,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-click-pay
|
|
button.mec-book-form-next-button:hover {
|
|
background: #54d274;
|
|
}
|
|
|
|
.lity-container .mec-click-pay {
|
|
max-width: 400px;
|
|
}
|
|
|
|
.lity-container .mec-click-pay #mec_woo_add_to_cart_btn_r,
|
|
.lity-container .mec-book-form-btn-wrap button.mec-book-form-next-button {
|
|
float: right;
|
|
}
|
|
|
|
.lity-container button.mec-book-form-next-button {
|
|
float: right;
|
|
}
|
|
|
|
.lity-container .mec-click-pay #mec_woo_add_to_cart_btn_r:hover,
|
|
.lity-container .mec-click-pay button.mec-book-form-next-button:hover {
|
|
background: #000;
|
|
}
|
|
|
|
/* Free booking with coupon */
|
|
.lity-content .mec-events-meta-group-booking .mec-click-next,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-click-next,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode .mec-click-next {
|
|
float: right;
|
|
position: relative;
|
|
width: calc(100% - 186px);
|
|
}
|
|
|
|
.lity-container .mec-click-next {
|
|
float: right;
|
|
position: relative;
|
|
width: calc(100% - 186px);
|
|
}
|
|
|
|
.mec-single-event .mec-book-form-coupon button {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.mec-single-event .mec-book-form-gateway-checkout button {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.mec-single-event .mec-single-event .mec-book-form-gateway-checkout button {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
/* .mec-single-event button#mec-book-form-back-btn-step-3 {
|
|
margin-left: 0;
|
|
} */
|
|
|
|
/* MEC Progress */
|
|
.lity-content .mec-booking-progress-bar,
|
|
.mec-booking-shortcode .mec-booking-progress-bar,
|
|
.mec-single-event .mec-booking-progress-bar,
|
|
.mec-booking-progress-bar {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: 60px 0 25px;
|
|
position: relative;
|
|
padding: 0;
|
|
}
|
|
|
|
.lity-content .mec-booking-progress-bar li,
|
|
.mec-booking-shortcode .mec-booking-progress-bar li,
|
|
.mec-wrap .mec-booking-progress-bar li {
|
|
margin: 28px 0 15px !important;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
color: #000;
|
|
position: relative;
|
|
flex: 1;
|
|
align-items: center;
|
|
justify-content: center;
|
|
list-style: none;
|
|
z-index: 99999;
|
|
}
|
|
|
|
.lity-content .mec-booking-progress-bar li .progress-index,
|
|
.mec-booking-shortcode .mec-booking-progress-bar li .progress-index,
|
|
.mec-wrap .mec-booking-progress-bar li .progress-index {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 24px;
|
|
color: var(--mec-color-skin);
|
|
position: absolute;
|
|
width: 24px;
|
|
height: 24px;
|
|
background: var(--mec-color-skin-rgba-1);
|
|
border-radius: 50%;
|
|
top: -39px;
|
|
left: calc(50% - 12px);
|
|
z-index: 1;
|
|
}
|
|
|
|
.lity-content .mec-booking-progress-bar li.mec-active .progress-index,
|
|
.mec-booking-shortcode .mec-booking-progress-bar li.mec-active .progress-index,
|
|
.mec-wrap .mec-booking-progress-bar li.mec-active .progress-index {
|
|
background: #54d274;
|
|
border-color: #54d274;
|
|
color: #fff;
|
|
}
|
|
|
|
.lity-content .mec-booking-progress-bar li:before,
|
|
.mec-booking-shortcode .mec-booking-progress-bar li:before,
|
|
.mec-wrap .mec-booking-progress-bar li:before {
|
|
content: "";
|
|
position: absolute;
|
|
width: calc(50% - 12px);
|
|
height: 2px;
|
|
background: var(--mec-color-skin-rgba-1);
|
|
top: -28px;
|
|
left: 0;
|
|
}
|
|
|
|
.lity-content .mec-booking-progress-bar li:after,
|
|
.mec-booking-shortcode .mec-booking-progress-bar li:after,
|
|
.mec-wrap .mec-booking-progress-bar li:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: calc(50% - 12px);
|
|
height: 2px;
|
|
background: var(--mec-color-skin-rgba-1);
|
|
top: -28px;
|
|
left: calc(50% + 12px);
|
|
}
|
|
|
|
.lity-content .mec-booking-progress-bar li.mec-active,
|
|
.mec-booking-shortcode .mec-booking-progress-bar li.mec-active,
|
|
.mec-wrap .mec-booking-progress-bar li.mec-active {
|
|
color: #54d274;
|
|
}
|
|
|
|
.lity-content .mec-booking-progress-bar li.mec-active:before,
|
|
.mec-booking-shortcode .mec-booking-progress-bar li.mec-active:before,
|
|
.mec-wrap .mec-booking-progress-bar li.mec-active:before,
|
|
.lity-content .mec-booking-progress-bar li.mec-active:after,
|
|
.mec-booking-shortcode .mec-booking-progress-bar li.mec-active:after,
|
|
.mec-wrap .mec-booking-progress-bar li.mec-active:after {
|
|
background: #54d274;
|
|
}
|
|
|
|
.mec-single-event .row-done .mec-booking-progress-bar:after {
|
|
background: #54d274;
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.lity-content .mec-booking-progress-bar li,
|
|
.mec-booking-shortcode .mec-booking-progress-bar li,
|
|
.mec-wrap .mec-booking-progress-bar li {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 390px) {
|
|
.lity-content .mec-booking-progress-bar li,
|
|
.mec-booking-shortcode .mec-booking-progress-bar li,
|
|
.mec-wrap .mec-booking-progress-bar li {
|
|
font-size: 8px;
|
|
}
|
|
|
|
.lity-content .mec-booking-progress-bar li.mec-active:after,
|
|
.mec-booking-shortcode .mec-booking-progress-bar li.mec-active:after,
|
|
.mec-wrap .mec-booking-progress-bar li.mec-active:after {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
.mec-wrap .mec-booking-progress-bar li.mec-active:last-child:before {
|
|
width: 50%;
|
|
}
|
|
|
|
.mec-booking .mec-event-tickets-list .mec-event-ticket-available {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
input[type="number"] {
|
|
display: block;
|
|
margin: 0 0 10px auto;
|
|
box-shadow: unset;
|
|
border: 1px solid #e3e5e7;
|
|
border-radius: 4px;
|
|
background: #fff;
|
|
min-width: 80px;
|
|
width: 80px !important;
|
|
min-height: 40px;
|
|
height: 40px;
|
|
}
|
|
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
input::-webkit-outer-spin-button,
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
.mec-ticket-style-row-section-3 {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
.mec-event-ticket-input-wrapper {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.mec-booking .mec-event-tickets-list .mec-ticket-style-row .plus,
|
|
.mec-booking .mec-event-tickets-list .mec-ticket-style-row .minus {
|
|
position: absolute;
|
|
right: 5px;
|
|
line-height: 1;
|
|
height: 14px;
|
|
}
|
|
|
|
.mec-booking .mec-event-tickets-list .mec-ticket-style-row .plus {
|
|
top: 5px;
|
|
}
|
|
|
|
.mec-booking .mec-event-tickets-list .mec-ticket-style-row .minus {
|
|
top: auto;
|
|
bottom: 5px;
|
|
}
|
|
|
|
.mec-booking .mec-event-tickets-list .mec-ticket-style-row .plus:hover,
|
|
.mec-booking .mec-event-tickets-list .mec-ticket-style-row .minus:hover {
|
|
background: #dbdbdb;
|
|
}
|
|
|
|
.mec-booking .mec-event-tickets-list .mec-ticket-style-row a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.mec-booking .mec-event-tickets-list .mec-ticket-style-row {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.mec-ticket-style-row.mec-ticket-available-spots {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
align-content: stretch;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.mec-booking .mec-event-tickets-list .mec-ticket-style-row > div {
|
|
width: unset;
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-ticket-style-row.mec-ticket-available-spots {
|
|
max-width: 100%;
|
|
display: flex;
|
|
flex-direction: unset;
|
|
align-items: unset;
|
|
justify-content: unset;
|
|
align-content: unset;
|
|
flex-wrap: unset;
|
|
}
|
|
|
|
.mec-wrap .mec-booking .mec-event-tickets-list .mec-ticket-style-row > div {
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
.mec-ticket-style-row-section-1 {
|
|
width: unset;
|
|
margin: 5px 25px 0 0;
|
|
}
|
|
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
.mec-event-ticket-available,
|
|
.mec-booking .mec-event-tickets-list .mec-ticket-style-row > div {
|
|
border: 0;
|
|
display: block;
|
|
box-shadow: unset;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
.mec-event-ticket-available {
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
line-height: 16px;
|
|
color: #8e9195;
|
|
text-align: right;
|
|
}
|
|
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
.mec-event-ticket-name {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
color: #606367;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
.mec-event-ticket-price {
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
line-height: 24px;
|
|
color: #212224;
|
|
}
|
|
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
.mec-ticket-style-row-section-3
|
|
div,
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
.mec-event-ticket-description,
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
.mec-event-ticket-price {
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-single-event .mec-book-form-price,
|
|
.mec-single-event .mec-book-form-gateways,
|
|
.mec-single-event form.mec-click-next,
|
|
.mec-single-event .mec-book-first,
|
|
.mec-single-event .mec-event-tickets-list {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.lity-content .mec-book-first .mec-booking-calendar-wrapper,
|
|
.mec-booking-calendar-wrapper,
|
|
.mec-single-fluent-wrap .mec-booking-calendar-wrapper,
|
|
.mec-booking-shortcode .mec-book-first .mec-booking-calendar-wrapper {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding-bottom: 30px;
|
|
margin-bottom: 30px;
|
|
border-bottom: 1px solid #f0f1f2;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.lity-content .mec-events-meta-group-booking select,
|
|
.mec-single-event .mec-events-meta-group-booking select,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode select {
|
|
width: unset !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.lity-content .mec-book-first .mec-booking-calendar-wrapper,
|
|
.mec-single-event .mec-book-first .mec-booking-calendar-wrapper,
|
|
.mec-single-fluent-wrap .mec-book-first .mec-booking-calendar-wrapper,
|
|
.mec-booking-shortcode .mec-book-first .mec-booking-calendar-wrapper {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.mec-booking
|
|
.mec-event-tickets-list
|
|
.mec-ticket-style-row
|
|
.mec-ticket-style-row-section-1 {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.lity-content
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-label,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-label,
|
|
.mec-single-fluent-wrap
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-label,
|
|
.mec-booking-shortcode
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-label {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #606367;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-label
|
|
span.mec-required,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-label
|
|
span.mec-required,
|
|
.mec-single-fluent-wrap
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-label
|
|
span.mec-required,
|
|
.mec-booking-shortcode
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-label
|
|
span.mec-required {
|
|
color: #ec3365;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown,
|
|
.mec-single-fluent-wrap
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown,
|
|
.mec-booking-shortcode
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown,
|
|
.lity-content
|
|
.mec-book-first
|
|
.mec-select-date-dropdown-wrapper
|
|
.mec-select-date-dropdown,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-select-date-dropdown-wrapper
|
|
.mec-select-date-dropdown,
|
|
.mec-booking-shortcode
|
|
.mec-book-first
|
|
.mec-select-date-dropdown-wrapper
|
|
.mec-select-date-dropdown {
|
|
border: 1px solid #e3e5e7;
|
|
border-radius: 3px;
|
|
max-width: 300px;
|
|
width: auto;
|
|
height: 42px;
|
|
display: flex;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown
|
|
span.mec-select-date-calendar-icon,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown
|
|
span.mec-select-date-calendar-icon,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown
|
|
span.mec-select-date-calendar-icon,
|
|
.mec-booking-shortcode
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown
|
|
span.mec-select-date-calendar-icon,
|
|
.lity-content
|
|
.mec-book-first
|
|
.mec-select-date-dropdown-wrapper
|
|
.mec-select-date-dropdown
|
|
span.mec-select-date-calendar-icon,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-select-date-dropdown-wrapper
|
|
.mec-select-date-dropdown
|
|
span.mec-select-date-calendar-icon,
|
|
.mec-booking-shortcode
|
|
.mec-book-first
|
|
.mec-select-date-dropdown-wrapper
|
|
.mec-select-date-dropdown
|
|
span.mec-select-date-calendar-icon {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-right: 1px solid #e3e5e7;
|
|
background: #fafafa;
|
|
min-width: 40px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-book-first
|
|
.mec-select-date-dropdown-wrapper
|
|
.mec-select-date-dropdown
|
|
.mec-custom-nice-select,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-select-date-dropdown-wrapper
|
|
.mec-select-date-dropdown
|
|
.mec-custom-nice-select,
|
|
.mec-booking-shortcode
|
|
.mec-book-first
|
|
.mec-select-date-dropdown-wrapper
|
|
.mec-select-date-dropdown
|
|
.mec-custom-nice-select {
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown
|
|
.mec-select-date-calendar-formatted-date,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown
|
|
.mec-select-date-calendar-formatted-date,
|
|
.mec-single-fluent-wrap
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown
|
|
.mec-select-date-calendar-formatted-date,
|
|
.mec-booking-shortcode
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown
|
|
.mec-select-date-calendar-formatted-date {
|
|
font-size: 13px;
|
|
line-height: 40px;
|
|
padding: 0 12px;
|
|
width: 240px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown
|
|
span.mec-select-date-calendar-icons,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown
|
|
span.mec-select-date-calendar-icons,
|
|
.mec-single-fluent-wrap
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown
|
|
span.mec-select-date-calendar-icons,
|
|
.mec-booking-shortcode
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-dropdown
|
|
span.mec-select-date-calendar-icons {
|
|
cursor: pointer;
|
|
line-height: 33px;
|
|
position: relative;
|
|
right: 10px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container,
|
|
.mec-single-fluent-wrap
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container,
|
|
.mec-booking-shortcode
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container {
|
|
position: absolute;
|
|
right: 40px;
|
|
z-index: 99;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container
|
|
.mec-booking-calendar.mec-wrap,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container
|
|
.mec-booking-calendar.mec-wrap,
|
|
.mec-single-fluent-wrap
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container
|
|
.mec-booking-calendar.mec-wrap,
|
|
.mec-booking-shortcode
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container
|
|
.mec-booking-calendar.mec-wrap {
|
|
border: 1px solid #e3e5e7;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-next-month,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-next-month,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-select-date-express-calendar-wrapper
|
|
.mec-select-date-calendar-container
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-next-month,
|
|
.mec-single-fluent-wrap
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-next-month,
|
|
.mec-booking-shortcode
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-next-month,
|
|
.lity-content
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-previous-month,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-previous-month,
|
|
.mec-single-event
|
|
.mec-book-first
|
|
.mec-select-date-express-calendar-wrapper
|
|
.mec-select-date-calendar-container
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-next-month,
|
|
.mec-single-fluent-wrap
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-previous-month,
|
|
.mec-booking-shortcode
|
|
.mec-book-first
|
|
.mec-booking-calendar-wrapper
|
|
.mec-select-date-calendar-container
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-previous-month {
|
|
border: none;
|
|
box-shadow: none;
|
|
line-height: 40px;
|
|
margin: 0;
|
|
border-radius: 5px;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.mec-single-event label.mec-fill-attendees {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.lity-content .mec-booking .mec-book-form-btn-wrap,
|
|
.mec-wrap .mec-booking .mec-book-form-btn-wrap {
|
|
padding-top: 30px;
|
|
border-top: 1px solid #f0f1f2;
|
|
}
|
|
|
|
.lity-content .mec-booking .mec-book-form-btn-wrap:after,
|
|
.mec-wrap .mec-booking .mec-book-form-btn-wrap:after {
|
|
content: "";
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
|
|
.mec-events-meta-group-booking #mec-book-form-btn-step-1,
|
|
.mec-events-meta-group-booking #mec-book-form-btn-step-2 {
|
|
margin: 0;
|
|
float: right;
|
|
}
|
|
|
|
.mec-wrap .mec-booking-form-container .col-md-12 {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-wrap .mec-events-meta-group-booking .mec-wrap-checkout.row {
|
|
margin: 0;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-title,
|
|
.mec-wrap
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-title,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-title {
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
line-height: 24px;
|
|
color: #212224;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons,
|
|
.mec-wrap
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option,
|
|
.mec-wrap
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option {
|
|
flex: calc(50% - 20px);
|
|
max-width: calc(50% - 10px);
|
|
border: 1px solid #e6e7e8;
|
|
border-radius: 3px;
|
|
margin-bottom: 20px;
|
|
padding: 14.5px 20px 14.5px 15px;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option:has(input:checked),
|
|
.mec-wrap
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option:has(input:checked),
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option:has(input:checked) {
|
|
border: 1px solid var(--mec-color-skin-rgba-2);
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option,
|
|
.mec-wrap
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option {
|
|
flex: 100%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option:nth-child(2n + 1),
|
|
.mec-wrap
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option:nth-child(2n + 1),
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option:nth-child(2n + 1) {
|
|
margin-right: 0 !important;
|
|
}
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option:nth-child(2n + 1),
|
|
.mec-wrap
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option:nth-child(2n + 1),
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option:nth-child(2n + 1) {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option
|
|
.mec-book-form-gateway-option-svg,
|
|
.mec-wrap
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option
|
|
.mec-book-form-gateway-option-svg,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option
|
|
.mec-book-form-gateway-option-svg {
|
|
display: flex;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option
|
|
.mec-book-form-gateway-option-title,
|
|
.mec-wrap
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option
|
|
.mec-book-form-gateway-option-title,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option
|
|
.mec-book-form-gateway-option-title {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option
|
|
.mec-book-form-gateway-option-radio,
|
|
.mec-wrap
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option
|
|
.mec-book-form-gateway-option-radio,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option
|
|
.mec-book-form-gateway-option-radio {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option
|
|
.mec-book-form-gateway-option-radio
|
|
input,
|
|
.mec-wrap
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option
|
|
.mec-book-form-gateway-option-radio
|
|
input,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout.row
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateways-radio-buttons
|
|
.mec-book-form-gateway-option
|
|
.mec-book-form-gateway-option-radio
|
|
input {
|
|
left: -2px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-wrap-checkout
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateway-label,
|
|
.mec-wrap
|
|
.mec-wrap-checkout
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateway-label,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout
|
|
.mec-book-form-gateways
|
|
.mec-book-form-gateway-label {
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.mec-events-progress-bar {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.mec-event-list-standard .mec-events-progress-bar {
|
|
position: absolute;
|
|
margin-top: 15px;
|
|
left: calc(50% - 210px);
|
|
}
|
|
|
|
.mec-single-modern .mec-events-progress-bar {
|
|
justify-content: flex-end;
|
|
padding: 0 20px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.mec-events-progress-bar .mec-progress-bar-time-passed,
|
|
.mec-events-progress-bar .mec-progress-bar-time-remained {
|
|
font-size: 10px;
|
|
line-height: 14px;
|
|
margin: 0 10px 0 0;
|
|
color: #959ca7;
|
|
width: 50px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-events-progress-bar .mec-progress-bar-time-remained {
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
.mec-events-progress-bar progress {
|
|
width: 300px;
|
|
height: 4px;
|
|
border-radius: 3px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-events-progress-bar progress:after {
|
|
content: "";
|
|
width: 12px;
|
|
height: 12px;
|
|
display: block;
|
|
border-radius: 100%;
|
|
background-color: #38d5ed;
|
|
position: absolute;
|
|
top: -4px;
|
|
}
|
|
|
|
.mec-events-progress-bar progress::-webkit-progress-bar {
|
|
background-color: #e6e7e8;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.mec-events-progress-bar progress::-webkit-progress-value {
|
|
background-color: #38d5ed;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking .mec-event-ticket-available,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-event-ticket-available,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-event-ticket-available {
|
|
display: block;
|
|
margin-bottom: 20px;
|
|
margin-top: -17px;
|
|
font-size: 11px;
|
|
color: #8a8a8a;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-checkout-coupon-total-wrapper {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: 30px 0 40px;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-checkout-coupon-total-wrapper {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
span.mec-booking-coupon-field-wrapper
|
|
input,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
span.mec-booking-coupon-field-wrapper
|
|
input,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-book-form-coupon
|
|
form
|
|
span.mec-booking-coupon-field-wrapper
|
|
input {
|
|
width: 100%;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
button,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
button,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-book-form-coupon
|
|
form
|
|
button {
|
|
left: unset !important;
|
|
right: 5px;
|
|
}
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li {
|
|
margin-bottom: 0;
|
|
text-align: right;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li {
|
|
padding-left: 30px;
|
|
margin-left: 30px;
|
|
border-left: 1px dashed #e6e7e8;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li:first-child,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li:first-child,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li:first-child {
|
|
padding-left: unset;
|
|
margin-left: unset;
|
|
border-left: none;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li
|
|
span,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li
|
|
span,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li
|
|
span {
|
|
display: block;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
color: #606367;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li
|
|
span:last-child,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li
|
|
span:last-child,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li
|
|
span:last-child {
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
line-height: 24px;
|
|
color: #212224;
|
|
margin: 0;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li
|
|
span.mec-book-price-total,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li
|
|
span.mec-book-price-total,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li
|
|
span.mec-book-price-total {
|
|
font-weight: 700;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul {
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking .mec-book-form-coupon form,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-book-form-coupon form,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-book-form-coupon
|
|
form {
|
|
margin: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-wrapper,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-wrapper,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-checkout-coupon-wrapper {
|
|
width: 330px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
span.mec-booking-coupon-field-wrapper,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
span.mec-booking-coupon-field-wrapper,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-book-form-coupon
|
|
form
|
|
span.mec-booking-coupon-field-wrapper {
|
|
display: flex;
|
|
border: 1px solid #e3e5e7;
|
|
border-radius: 3px;
|
|
max-width: 330px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
span.mec-booking-coupon-field-wrapper
|
|
.mec-booking-coupon-field-icon,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
span.mec-booking-coupon-field-wrapper
|
|
.mec-booking-coupon-field-icon,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-book-form-coupon
|
|
form
|
|
span.mec-booking-coupon-field-wrapper
|
|
.mec-booking-coupon-field-icon {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-right: 1px solid #e3e5e7;
|
|
background: #fafafa;
|
|
min-width: 40px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
span.mec-booking-coupon-field-wrapper
|
|
input,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
span.mec-booking-coupon-field-wrapper
|
|
input,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-book-form-coupon
|
|
form
|
|
span.mec-booking-coupon-field-wrapper
|
|
input {
|
|
border: none;
|
|
line-height: 48px;
|
|
height: unset;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking .mec-book-form-coupon form button,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
button,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-book-form-coupon
|
|
form
|
|
button {
|
|
margin: 0 !important;
|
|
position: absolute !important;
|
|
top: 6px;
|
|
left: auto;
|
|
right: 6px;
|
|
padding: 9px 18px 10px !important;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
button.loading,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
button.loading,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-book-form-coupon
|
|
form
|
|
button.loading {
|
|
color: #ecf9fd !important;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
button.loading:after,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-book-form-coupon
|
|
form
|
|
button.loading:after,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-book-form-coupon
|
|
form
|
|
button.loading:after {
|
|
position: absolute;
|
|
left: calc(50% - 10px);
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking label,
|
|
.mec-single-event .mec-events-meta-group-booking label,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode label,
|
|
.lity-content .mec-events-meta-group-booking h5,
|
|
.mec-single-event .mec-events-meta-group-booking h5,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode h5 {
|
|
color: #606367;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
letter-spacing: 0;
|
|
margin: 0 0 4px 0;
|
|
display: block;
|
|
clear: none;
|
|
padding: 0 1em 5px 0;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking h5 span,
|
|
.mec-single-event .mec-events-meta-group-booking h5 span,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode h5 span {
|
|
display: inline-block;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking h5 span.mec-ticket-variation-name,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
h5
|
|
span.mec-ticket-variation-name,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
h5
|
|
span.mec-ticket-variation-name {
|
|
padding-right: 5px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking input::-webkit-input-placeholder,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
input::-webkit-input-placeholder,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
input::-webkit-input-placeholder {
|
|
color: #aaa;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking input:-moz-placeholder,
|
|
.mec-single-event .mec-events-meta-group-booking input:-moz-placeholder,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input:-moz-placeholder {
|
|
color: #aaa;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking input[type="text"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="text"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="text"],
|
|
.lity-content .mec-events-meta-group-booking input[type="date"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="date"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="date"],
|
|
.lity-content .mec-events-meta-group-booking input[type="number"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="number"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="number"],
|
|
.lity-content .mec-events-meta-group-booking input[type="email"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="email"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="email"],
|
|
.lity-content .mec-events-meta-group-booking input[type="password"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="password"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="password"],
|
|
.lity-content .mec-events-meta-group-booking input[type="tel"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="tel"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="tel"],
|
|
.lity-content .mec-events-meta-group-booking textarea,
|
|
.mec-single-event .mec-events-meta-group-booking textarea,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode textarea,
|
|
.lity-content .mec-events-meta-group-booking select,
|
|
.mec-single-event .mec-events-meta-group-booking select,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode select {
|
|
display: block;
|
|
background: #fff;
|
|
min-height: 40px;
|
|
min-width: 180px;
|
|
font-size: 13px;
|
|
line-height: 38px;
|
|
color: #606367;
|
|
border: 1px solid #e3e5e7;
|
|
border-radius: 3px;
|
|
padding: 0 12px;
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
box-shadow: unset;
|
|
clear: both;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
select:not(#mec_paypal_credit_card_card_type),
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
select:not(#mec_paypal_credit_card_card_type),
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
select:not(#mec_paypal_credit_card_card_type) {
|
|
width: 100%;
|
|
-webkit-appearance: none;
|
|
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS40MjQiIGhlaWdodD0iNi40MiIgdmlld0JveD0iMCAwIDExLjQyNCA2LjQyIj4NCiAgPGcgaWQ9Ikdyb3VwXzY1NjI3IiBkYXRhLW5hbWU9Ikdyb3VwIDY1NjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjIxMiAwLjIxMikiPg0KICAgIDxwYXRoIGlkPSJhbmdsZS1sZWZ0IiBkPSJNLjk5LDUuNWw1LDUuMDA1LS41LjVMMCw1LjUsNS41LDAsNiwuNS45OSw1LjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDUuOTk1KSByb3RhdGUoLTkwKSIgZmlsbD0iIzYzNmY3MiIgc3Ryb2tlPSIjNjM2ZjcyIiBzdHJva2Utd2lkdGg9IjAuMyIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
|
|
background-position: calc(100% - 12px) center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
ul.mec-book-tickets-reg-fields-container
|
|
li {
|
|
width: calc(100% - 83.665px);
|
|
float: left;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking .mec-book-ticket-variation-wrapper,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-book-ticket-variation-wrapper,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-book-ticket-variation-wrapper {
|
|
width: 100%;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-paypal-credit-card-payment-fields
|
|
li,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-paypal-credit-card-payment-fields
|
|
li,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-paypal-credit-card-payment-fields
|
|
li {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-paypal-credit-card-payment-fields
|
|
li,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
ul.mec-book-tickets-reg-fields-container
|
|
li:first-child,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
ul.mec-book-tickets-reg-fields-container
|
|
li:nth-child(2),
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-paypal-credit-card-payment-fields
|
|
li {
|
|
width: calc(50% - 83.665px);
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-paypal-credit-card-payment-fields,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-paypal-credit-card-payment-fields,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-paypal-credit-card-payment-fields {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-paypal-credit-card-payment-fields
|
|
li.mec-paypal-credit-card-expiration-date-month
|
|
select,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-paypal-credit-card-payment-fields
|
|
li.mec-paypal-credit-card-expiration-date-month
|
|
select,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-paypal-credit-card-payment-fields
|
|
li.mec-paypal-credit-card-expiration-date-month
|
|
select {
|
|
width: calc(50% - 24px) !important;
|
|
display: inline-block;
|
|
min-width: unset;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
ul.mec-book-tickets-reg-fields-container
|
|
li:first-child,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-paypal-credit-card-payment-fields
|
|
li:nth-child(2n + 1),
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-paypal-credit-card-payment-fields
|
|
li:nth-child(2n + 1),
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-paypal-credit-card-payment-fields
|
|
li:nth-child(2n + 1),
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
ul.mec-book-tickets-reg-fields-container
|
|
li:nth-child(2) {
|
|
width: calc(100% - 83.665px);
|
|
max-width: unset;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
ul.mec-book-tickets-reg-fields-container
|
|
li
|
|
input,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-book-ticket-variation-wrapper
|
|
input,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
ul.mec-book-tickets-reg-fields-container
|
|
li
|
|
input,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-book-ticket-variation-wrapper
|
|
input,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
ul.mec-book-tickets-reg-fields-container
|
|
li
|
|
input,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-book-ticket-variation-wrapper
|
|
input {
|
|
max-width: unset !important;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
ul.mec-book-tickets-reg-fields-container
|
|
li:nth-child(2n)
|
|
input,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-book-ticket-variation-wrapper:nth-child(2n)
|
|
input,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
ul.mec-book-tickets-reg-fields-container
|
|
li:nth-child(2n)
|
|
input,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-book-ticket-variation-wrapper:nth-child(2n)
|
|
input,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
ul.mec-book-tickets-reg-fields-container
|
|
li:nth-child(2n)
|
|
input,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-book-ticket-variation-wrapper:nth-child(2n)
|
|
input {
|
|
margin-left: 0px;
|
|
}
|
|
}
|
|
|
|
.wbmec-mandatory {
|
|
padding-left: 5px;
|
|
font-size: 14px;
|
|
color: red;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking .mec-booking-email-field-wrapper,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-email-field-wrapper,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-email-field-wrapper,
|
|
.lity-content .mec-events-meta-group-booking .mec-booking-name-field-wrapper,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-name-field-wrapper,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-name-field-wrapper,
|
|
.lity-content .mec-events-meta-group-booking .mec-stripe-name-and-email-wrapper,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-stripe-name-and-email-wrapper,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-stripe-name-and-email-wrapper,
|
|
.lity-content .mec-events-meta-group-booking .mec-field-wrapper,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-field-wrapper,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode .mec-field-wrapper {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-email-field-wrapper
|
|
span.mec-booking-email-field-icon,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-email-field-wrapper
|
|
span.mec-booking-email-field-icon,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-email-field-wrapper
|
|
span.mec-booking-email-field-icon,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-name-field-wrapper
|
|
span.mec-booking-name-field-icon,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-name-field-wrapper
|
|
span.mec-booking-name-field-icon,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-name-field-wrapper
|
|
span.mec-booking-name-field-icon,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-stripe-name-and-email-wrapper
|
|
span.mec-booking-email-field-icon,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-stripe-name-and-email-wrapper
|
|
span.mec-booking-email-field-icon,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-stripe-name-and-email-wrapper
|
|
span.mec-booking-email-field-icon,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-field-wrapper
|
|
span.mec-field-icon,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-field-wrapper
|
|
span.mec-field-icon,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-field-wrapper
|
|
span.mec-field-icon {
|
|
border: 1px solid #e3e5e7;
|
|
background: #fafafa;
|
|
border-radius: 3px 0 0 3px;
|
|
min-width: 40px;
|
|
height: 40px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-email-field-wrapper
|
|
input,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-email-field-wrapper
|
|
input,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-email-field-wrapper
|
|
input,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-stripe-name-and-email-wrapper
|
|
input,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-stripe-name-and-email-wrapper
|
|
input,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-stripe-name-and-email-wrapper
|
|
input {
|
|
border-left: none;
|
|
border-radius: 0 3px 3px 0;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-name-field-wrapper
|
|
input,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-name-field-wrapper
|
|
input,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-name-field-wrapper
|
|
input,
|
|
.lity-content .mec-events-meta-group-booking .mec-field-wrapper input,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-field-wrapper input,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode .mec-field-wrapper input {
|
|
border-left: none;
|
|
border-radius: 0 3px 3px 0;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking .mec-red-notification input,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-red-notification input,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-red-notification
|
|
input,
|
|
.lity-content .mec-events-meta-group-booking .mec-red-notification textarea,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-red-notification textarea,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-red-notification
|
|
textarea,
|
|
.lity-content .mec-events-meta-group-booking .mec-red-notification select,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-red-notification select,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-red-notification
|
|
select {
|
|
border: 1px solid #ff3c3c !important;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-red-notification
|
|
input[type="radio"],
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-red-notification
|
|
input[type="radio"],
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-red-notification
|
|
input[type="checkbox"],
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-red-notification
|
|
input[type="checkbox"],
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-red-notification
|
|
input[type="checkbox"],
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-red-notification
|
|
input[type="radio"] {
|
|
outline: 1px solid #ff3c3c !important;
|
|
}
|
|
|
|
/* Modal booking - required forms */
|
|
.lity-content .mec-book-ticket-container .mec-red-notification input,
|
|
.lity-content .mec-book-ticket-container .mec-red-notification select,
|
|
.lity-content .mec-book-ticket-container .mec-red-notification textarea {
|
|
border: 1px solid #ff3c3c !important;
|
|
}
|
|
|
|
.mec-booking .woocommerce-notices-wrapper .woocommerce-message {
|
|
color: #089740;
|
|
background-color: #effdef;
|
|
margin: 0;
|
|
line-height: 40px;
|
|
border: 0;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.mec-booking .woocommerce-notices-wrapper .woocommerce-message a {
|
|
margin: 0;
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.lity-content .mec-events-meta-group-booking input[type="text"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="text"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="text"],
|
|
.lity-content .mec-events-meta-group-booking input[type="date"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="date"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="date"],
|
|
.lity-content .mec-events-meta-group-booking input[type="number"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="number"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="number"],
|
|
.lity-content .mec-events-meta-group-booking input[type="email"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="email"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="email"],
|
|
.lity-content .mec-events-meta-group-booking input[type="password"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="password"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="password"],
|
|
.lity-content .mec-events-meta-group-booking input[type="tel"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="tel"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="tel"],
|
|
.lity-content .mec-events-meta-group-booking textarea,
|
|
.mec-single-event .mec-events-meta-group-booking textarea,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode textarea,
|
|
.lity-content .mec-events-meta-group-booking select,
|
|
.mec-single-event .mec-events-meta-group-booking select,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode select {
|
|
width: 100%;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking,
|
|
.mec-single-event .mec-events-meta-group-booking,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode {
|
|
padding: 20px 10px;
|
|
}
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking input[type="text"]:focus,
|
|
.mec-single-event .mec-events-meta-group-booking input[type="text"]:focus,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="text"]:focus,
|
|
.lity-content .mec-events-meta-group-booking input[type="number"]:focus,
|
|
.mec-single-event .mec-events-meta-group-booking input[type="number"]:focus,
|
|
.mec-events-meta-group-booking .mec-booking-shortcodec,
|
|
.lity-content .mec-events-meta-group-booking input[type="number"]:focus,
|
|
.mec-single-event .mec-events-meta-group-booking input[type="number"]:focus,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
input[type="number"]:focus,
|
|
.lity-content .mec-events-meta-group-booking input[type="email"]:focus,
|
|
.mec-single-event .mec-events-meta-group-booking input[type="email"]:focus,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="email"]:focus,
|
|
.lity-content .mec-events-meta-group-booking input[type="password"]:focus,
|
|
.mec-single-event .mec-events-meta-group-booking input[type="password"]:focus,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
input[type="password"]:focus,
|
|
.lity-content .mec-events-meta-group-booking input[type="tel"]:focus,
|
|
.mec-single-event .mec-events-meta-group-booking input[type="tel"]:focus,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="tel"]:focus,
|
|
.lity-content .mec-events-meta-group-booking textarea:focus,
|
|
.mec-single-event .mec-events-meta-group-booking textarea:focus,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode textarea:focus,
|
|
.lity-content .mec-events-meta-group-booking select:focus,
|
|
.mec-single-event .mec-events-meta-group-booking select:focus,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode select:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking input[type="checkbox"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="checkbox"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="checkbox"],
|
|
.lity-content .mec-events-meta-group-booking input[type="radio"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="radio"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="radio"] {
|
|
margin-right: 6px;
|
|
margin-top: 5px;
|
|
min-height: 20px;
|
|
clear: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking input[type="radio"]:before,
|
|
.mec-single-event .mec-events-meta-group-booking input[type="radio"]:before,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
input[type="radio"]:before,
|
|
.lity-container .mec-events-meta-group-booking input[type="radio"]:before {
|
|
content: "";
|
|
display: inline-block;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
width: 18px;
|
|
height: 18px;
|
|
cursor: pointer;
|
|
border: 2px solid #e1e7ed;
|
|
position: absolute;
|
|
top: -2px;
|
|
left: -2px;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
input[type="radio"]:checked:before,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
input[type="radio"]:checked:before,
|
|
.lity-container
|
|
.mec-events-meta-group-booking
|
|
input[type="radio"]:checked:before {
|
|
background: #38d5ed;
|
|
border: 4px solid #fff;
|
|
box-shadow: 0 0 0 2px #afebf5;
|
|
width: 14px;
|
|
height: 14px;
|
|
top: 0px;
|
|
left: 0px;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking input[type="radio"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="radio"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="radio"],
|
|
.lity-container .mec-events-meta-group-booking input[type="radio"] {
|
|
min-height: 0;
|
|
margin: 0;
|
|
position: relative;
|
|
top: 3px;
|
|
left: 3px;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking input[type="checkbox"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="checkbox"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="checkbox"] {
|
|
float: left;
|
|
}
|
|
|
|
.mec-events-meta-group-booking ul.mec-book-price-details {
|
|
list-style: none;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.mec-events-meta-group-booking ul.mec-book-price-details li {
|
|
list-style: none;
|
|
margin: 0;
|
|
border-right: 1px dashed #e6e7e8;
|
|
padding-right: 30px !important;
|
|
margin-right: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-events-meta-group-booking
|
|
ul.mec-book-price-details
|
|
li.mec-book-price-detail.mec-book-price-detail-type-tickets {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.mec-events-meta-group-booking ul.mec-book-price-details li span {
|
|
display: block;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
color: #606367;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.mec-events-meta-group-booking
|
|
ul.mec-book-price-details
|
|
li
|
|
span.mec-book-price-detail-icon {
|
|
margin: 0 30px 0 0;
|
|
width: 48px;
|
|
}
|
|
|
|
.mec-events-meta-group-booking
|
|
ul.mec-book-price-details
|
|
li
|
|
span.mec-book-price-detail-amount {
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
line-height: 24px;
|
|
color: #212224;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-events-meta-group-booking ul.mec-book-price-details li:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-events-meta-group-booking ul.mec-book-price-details {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.mec-events-meta-group-booking ul.mec-book-price-details li {
|
|
border-right: none;
|
|
padding-right: 0 !important;
|
|
margin-right: 0;
|
|
border-bottom: 1px dashed #e6e7e8;
|
|
padding-bottom: 30px !important;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-checkout-coupon-total-wrapper
|
|
.mec-booking-checkout-total-wrapper
|
|
ul
|
|
li {
|
|
padding-left: 0;
|
|
margin-left: 0;
|
|
border-left: none;
|
|
padding-bottom: 30px;
|
|
margin-bottom: 30px;
|
|
border-bottom: 1px dashed #e6e7e8;
|
|
}
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking .mec_book_first_for_all,
|
|
.mec-single-event .mec-events-meta-group-booking .mec_book_first_for_all,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode .mec_book_first_for_all,
|
|
.lity-container .mec-events-meta-group-booking .mec_book_first_for_all,
|
|
.lity-content .mec-events-meta-group-booking input[type="checkbox"],
|
|
.mec-single-event .mec-events-meta-group-booking input[type="checkbox"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode input[type="checkbox"],
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-dates-checkboxes
|
|
input[type="checkbox"],
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-dates-checkboxes
|
|
input[type="checkbox"],
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-dates-checkboxes
|
|
input[type="checkbox"],
|
|
.mec-booking input[type="checkbox"],
|
|
.mec-wrap .mec-simple-checkboxes-search ul li label input[type="checkbox"] {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
font: inherit;
|
|
width: 20px;
|
|
height: 20px;
|
|
min-height: unset;
|
|
padding: 0;
|
|
border: 1px solid #e3e5e7;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
margin: 0 10px 0 1px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking .mec_book_first_for_all:before,
|
|
.mec-single-event .mec-events-meta-group-booking .mec_book_first_for_all:before,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec_book_first_for_all:before,
|
|
.lity-container .mec-events-meta-group-booking .mec_book_first_for_all:before,
|
|
.lity-content .mec-events-meta-group-booking input[type="checkbox"]:before,
|
|
.mec-single-event .mec-events-meta-group-booking input[type="checkbox"]:before,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
input[type="checkbox"]:before,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-dates-checkboxes
|
|
input[type="checkbox"]:before,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-dates-checkboxes
|
|
input[type="checkbox"]:before,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-dates-checkboxes
|
|
input[type="checkbox"]:before,
|
|
.mec-booking input[type="checkbox"]:before,
|
|
.mec-wrap
|
|
.mec-simple-checkboxes-search
|
|
ul
|
|
li
|
|
label
|
|
input[type="checkbox"]:before {
|
|
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTAgOCI+DQogIDxwYXRoIGlkPSJEb25lIiBkPSJNOS4xNzUsMGEuOC44LDAsMCwwLS42NjUuMzA2bC01LjIsNS42NDdMMS4zODgsMy44MzNhLjcuNywwLDAsMC0uNjczLS4yMTIsMS4zODIsMS4zODIsMCwwLDAtLjcuNy44NjIuODYyLDAsMCwwLC4yMjYuNzI0TDIuNzk1LDcuNzkxYS43OTIuNzkyLDAsMCwwLDEuMDYyLjAxTDkuNzY5LDEuMzI5QS44MzIuODMyLDAsMCwwLDkuOTYuNTIxLDEsMSwwLDAsMCw5LjE3NSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+DQo=");
|
|
min-width: 18px;
|
|
height: auto;
|
|
line-height: 16px;
|
|
border-radius: 2px;
|
|
transform: scale(0);
|
|
transition: 120ms transform ease-in-out;
|
|
background-color: var(--mec-color-skin);
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec_book_first_for_all:checked,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec_book_first_for_all:checked,
|
|
.lity-container .mec-events-meta-group-booking .mec_book_first_for_all:checked,
|
|
.lity-content .mec-events-meta-group-booking input[type="checkbox"]:checked,
|
|
.mec-single-event .mec-events-meta-group-booking input[type="checkbox"]:checked,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
input[type="checkbox"]:checked,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-dates-checkboxes
|
|
input[type="checkbox"]:checked,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-dates-checkboxes
|
|
input[type="checkbox"]:checked,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-dates-checkboxes
|
|
input[type="checkbox"]:checked,
|
|
.mec-booking input[type="checkbox"]:checked,
|
|
.mec-wrap
|
|
.mec-simple-checkboxes-search
|
|
ul
|
|
li
|
|
label
|
|
input[type="checkbox"]:checked {
|
|
border: 1px solid var(--mec-color-skin) !important;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec_book_first_for_all:checked:before,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec_book_first_for_all:checked:before,
|
|
.lity-container
|
|
.mec-events-meta-group-booking
|
|
.mec_book_first_for_all:checked:before,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
input[type="checkbox"]:checked:before,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
input[type="checkbox"]:checked:before,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-dates-checkboxes
|
|
input[type="checkbox"]:checked:before,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-dates-checkboxes
|
|
input[type="checkbox"]:checked:before,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-dates-checkboxes
|
|
input[type="checkbox"]:checked:before,
|
|
.mec-booking input[type="checkbox"]:checked:before,
|
|
.mec-wrap
|
|
.mec-simple-checkboxes-search
|
|
ul
|
|
li
|
|
label
|
|
input[type="checkbox"]:checked:before {
|
|
transform: scale(1);
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking label.wn-checkbox-label,
|
|
.mec-single-event .mec-events-meta-group-booking label.wn-checkbox-label,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode label.wn-checkbox-label,
|
|
.lity-container .mec-events-meta-group-booking label.wn-checkbox-label {
|
|
display: none;
|
|
}
|
|
|
|
.mec-single-event a.button:after,
|
|
.lity-content .mec-events-meta-group-booking button[type="submit"]:after,
|
|
.mec-single-event .mec-events-meta-group-booking button[type="submit"]:after,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
button[type="submit"]:after,
|
|
.mec-wrap .mec-events-meta-group-booking button[type="submit"]:after {
|
|
display: none;
|
|
font-family: "simple-line-icons";
|
|
content: "\e098";
|
|
margin-left: 4px;
|
|
-webkit-animation: rotating 1.2s linear infinite;
|
|
-moz-animation: rotating 1.2s linear infinite;
|
|
-ms-animation: rotating 1.2s linear infinite;
|
|
-o-animation: rotating 1.2s linear infinite;
|
|
animation: rotating 1.2s linear infinite;
|
|
}
|
|
|
|
.mec-single-event a.button.loading:after,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
button[type="submit"].loading:after,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
button[type="submit"].loading:after,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
button[type="submit"].loading:after,
|
|
.mec-wrap .mec-events-meta-group-booking button[type="submit"].loading:after {
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-single-event .mec-event-export-module {
|
|
display: block;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-event-export-module.mec-frontbox
|
|
.mec-event-exporting
|
|
.mec-export-details
|
|
ul {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-event-export-module.mec-frontbox
|
|
.mec-event-exporting
|
|
.mec-export-details
|
|
ul
|
|
li {
|
|
display: table-cell;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-event-export-module.mec-frontbox
|
|
.mec-event-exporting
|
|
.mec-export-details
|
|
ul
|
|
li:last-child {
|
|
text-align: right;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-event-export-module.mec-frontbox
|
|
.mec-event-exporting
|
|
.mec-export-details
|
|
ul
|
|
li
|
|
a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-event-export-module.mec-frontbox
|
|
.mec-event-exporting
|
|
.mec-export-details
|
|
ul {
|
|
padding-left: 0;
|
|
margin: 15px 5px;
|
|
}
|
|
|
|
.mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting {
|
|
padding-left: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-ticket-price {
|
|
margin-left: 10px;
|
|
font-size: 13px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.mec-book-reg-field-checkbox label,
|
|
.mec-book-reg-field-radio label {
|
|
line-height: 1.36;
|
|
}
|
|
|
|
.mec-book-reg-field-checkbox input[type="checkbox"] {
|
|
float: left;
|
|
margin-right: 10px !important;
|
|
}
|
|
|
|
.mec-book-reg-field-radio input[type="radio"] {
|
|
float: left;
|
|
margin-right: 12px !important;
|
|
}
|
|
|
|
.mec-book-ticket-container .wbmec-mandatory,
|
|
.mec-book-ticket-container .mec-reg-mandatory:nth-child(2) label:after,
|
|
.mec-book-ticket-container .mec-reg-mandatory:nth-child(3) label:after {
|
|
content: "";
|
|
color: red;
|
|
width: 50px;
|
|
height: 50px;
|
|
font-size: 14px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-single-event
|
|
.mec-event-export-module.mec-frontbox
|
|
.mec-event-exporting
|
|
.mec-export-details
|
|
ul
|
|
li {
|
|
width: 100%;
|
|
min-height: 40px;
|
|
margin-bottom: 15px;
|
|
text-align: center;
|
|
float: none;
|
|
display: block;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-event-export-module.mec-frontbox
|
|
.mec-event-exporting
|
|
.mec-export-details
|
|
ul
|
|
li
|
|
a {
|
|
width: 100%;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
text-align: center;
|
|
display: block;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode {
|
|
margin-bottom: 30px;
|
|
}
|
|
}
|
|
|
|
.mec-single-modern .col-md-4 .mec-sponsors-details h3,
|
|
.mec-sponsors-details .mec-events-single-section-title,
|
|
.mec-single-event .mec-event-meta h3,
|
|
.mec-single-event .mec-event-meta dt {
|
|
text-transform: uppercase;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
padding-bottom: 5px;
|
|
display: inline;
|
|
color: #000;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.mec-single-event-sponsor span,
|
|
.mec-single-event .mec-event-meta h6 {
|
|
font-size: 14px;
|
|
padding-bottom: 5px;
|
|
display: inline-block;
|
|
color: #8d8d8d;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta dd,
|
|
.mec-single-event .mec-event-meta .mec-events-event-categories a {
|
|
font-size: 14px;
|
|
color: #8d8d8d;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta .mec-location dd.author {
|
|
color: #3c3b3b;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta dd {
|
|
margin: 0;
|
|
padding-left: 35px;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta dd.mec-events-event-categories {
|
|
min-height: 35px;
|
|
line-height: 35px;
|
|
}
|
|
|
|
/* Fix booking modal */
|
|
@media only screen and (max-width: 480px) {
|
|
.single-mec-events .lity-container {
|
|
width: 100%;
|
|
}
|
|
|
|
.single-mec-events .lity-content .mec-events-meta-group-booking {
|
|
padding: 20px;
|
|
width: 85%;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
/*.mec-single-event .mec-event-meta dd.mec-events-event-categories:before { font-family: 'FontAwesome'; color: #40d9f1;font-size: 16px; content: "\f105"; padding: 10px; padding-left: 0; }*/
|
|
.mec-single-event .mec-event-meta dd.mec-events-event-categories:first-of-type {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta dd.mec-events-event-categories:last-of-type {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta dd a {
|
|
color: #8d8d8d;
|
|
transition: all 0.2s ease;
|
|
-ms-word-wrap: break-word;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta dd a i:before {
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta dd a i {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta dl {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta .mec-events-event-cost {
|
|
font-size: 14px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta .mec-events-address .mec-address,
|
|
.mec-single-event .mec-event-meta .mec-location-opening-hour span,
|
|
.mec-single-event .mec-event-meta .mec-location-url span {
|
|
font-size: 12px;
|
|
color: #a9a9a9;
|
|
display: block;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta .mec-location-opening-hour,
|
|
.mec-single-event .mec-event-meta .mec-location-url,
|
|
.mec-single-event .mec-event-meta .mec-location-tel {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta .mec-location-description {
|
|
margin-top: 15px;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta .mec-events-meta-group-venue .author {
|
|
margin-bottom: 0;
|
|
color: #8d8d8d;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.mec-single-event .mec-events-event-image {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-single-event .mec-events-event-image img {
|
|
border-radius: 5px;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-event-gallery-wrapper {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.mec-event-gallery-wrapper .mec-event-gallery-image-list-wrapper {
|
|
min-width: 90px;
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.mec-event-gallery-wrapper .mec-event-gallery-image-list-wrapper ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-event-gallery-wrapper .mec-event-gallery-image-list-wrapper ul li {
|
|
display: flex;
|
|
margin-bottom: 15px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-event-gallery-wrapper .mec-event-gallery-image-list-wrapper ul li img {
|
|
width: 90px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.mec-event-gallery-wrapper .mec-event-gallery-image img {
|
|
border-radius: 5px;
|
|
}
|
|
|
|
@media (max-width: 960px) {
|
|
.mec-event-gallery-wrapper {
|
|
flex-direction: column-reverse;
|
|
}
|
|
|
|
.mec-event-gallery-wrapper .mec-event-gallery-image {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-event-gallery-wrapper .mec-event-gallery-image-list-wrapper {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.mec-event-gallery-wrapper .mec-event-gallery-image-list-wrapper ul {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
}
|
|
|
|
.mec-event-gallery-wrapper .mec-event-gallery-image-list-wrapper ul li {
|
|
margin-bottom: 15px;
|
|
margin-right: 15px;
|
|
flex: 1 1 calc(15% - 20px);
|
|
}
|
|
}
|
|
|
|
#mec-event-gallery ul#mec_meta_box_event_gallery {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
#mec-event-gallery ul#mec_meta_box_event_gallery li {
|
|
flex: 0 1 calc(33.333333% - 10px);
|
|
margin-right: 10px;
|
|
position: relative;
|
|
}
|
|
|
|
#mec-event-gallery ul#mec_meta_box_event_gallery li img {
|
|
width: 100% !important;
|
|
height: 75px;
|
|
object-fit: cover;
|
|
}
|
|
|
|
#mec-event-gallery
|
|
ul#mec_meta_box_event_gallery
|
|
li
|
|
span.mec-event-gallery-delete {
|
|
padding: 0;
|
|
min-height: 20px;
|
|
height: 20px;
|
|
width: 20px;
|
|
margin: 0;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: 2px;
|
|
right: 2px;
|
|
box-shadow: none;
|
|
background: #fff;
|
|
border-color: #e3e4e5;
|
|
font-size: 0px;
|
|
cursor: pointer;
|
|
transition: 0.2s;
|
|
}
|
|
|
|
#mec-event-gallery
|
|
ul#mec_meta_box_event_gallery
|
|
li
|
|
span.mec-event-gallery-delete:before {
|
|
content: "";
|
|
width: 20px;
|
|
height: 20px;
|
|
display: block;
|
|
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iIHN0eWxlPSItbXMtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSIjZWE2NDg1Ij48cGF0aCBkPSJNMTQuOTUgNi40NkwxMS40MSAxMGwzLjU0IDMuNTRsLTEuNDEgMS40MUwxMCAxMS40MmwtMy41MyAzLjUzbC0xLjQyLTEuNDJMOC41OCAxMEw1LjA1IDYuNDdsMS40Mi0xLjQyTDEwIDguNThsMy41NC0zLjUzeiIvPjwvc3ZnPg==");
|
|
background-position: center;
|
|
}
|
|
|
|
#mec-event-gallery
|
|
ul#mec_meta_box_event_gallery
|
|
li
|
|
span.mec-event-gallery-delete:hover {
|
|
color: #fff;
|
|
border-color: #ea6485;
|
|
background: #ea6485;
|
|
}
|
|
|
|
#mec-event-gallery
|
|
ul#mec_meta_box_event_gallery
|
|
li
|
|
span.mec-event-gallery-delete:hover:before {
|
|
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iIHN0eWxlPSItbXMtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNMTQuOTUgNi40NkwxMS40MSAxMGwzLjU0IDMuNTRsLTEuNDEgMS40MUwxMCAxMS40MmwtMy41MyAzLjUzbC0xLjQyLTEuNDJMOC41OCAxMEw1LjA1IDYuNDdsMS40Mi0xLjQyTDEwIDguNThsMy41NC0zLjUzeiIvPjwvc3ZnPg==");
|
|
}
|
|
|
|
.mec-single-event h2.mec-single-event-title {
|
|
margin-bottom: 30px;
|
|
font-weight: 700;
|
|
font-size: 33px;
|
|
}
|
|
|
|
.mec-single-event .mec-booking-button {
|
|
border-bottom: none;
|
|
letter-spacing: 0.5px;
|
|
line-height: 48px;
|
|
height: 76px;
|
|
transition: all 0.5s ease;
|
|
color: #fff;
|
|
padding: 16px;
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
border-radius: 2px;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.mec-single-event .mec-booking-button:hover {
|
|
background-color: #101010 !important;
|
|
}
|
|
|
|
.mec-single-event .mec-event-tags a {
|
|
display: inline-block;
|
|
color: #444;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1.5px;
|
|
font-weight: 500;
|
|
padding: 3px 7px;
|
|
border: 1px solid #ddd;
|
|
border-radius: 2px;
|
|
background: #fff;
|
|
margin: 1px 3px;
|
|
}
|
|
|
|
.mec-single-event .mec-event-tags:before {
|
|
font-size: 24px;
|
|
color: #303030;
|
|
margin-right: 5px;
|
|
content: "\f02c";
|
|
font-family: fontawesome;
|
|
}
|
|
|
|
.mec-single-event .mec-event-tags {
|
|
padding-top: 13px;
|
|
}
|
|
|
|
.mec-single-event .mec-event-sharing {
|
|
margin: 30px 0 10px;
|
|
}
|
|
|
|
.mec-single-event .mec-street-address,
|
|
.mec-region.mec-events-abbr {
|
|
font-style: normal;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.mec-single-event-date:before,
|
|
.mec-single-event-time:before,
|
|
.mec-events-meta-group.mec-events-meta-group-venue:before {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social {
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social h3 {
|
|
text-transform: uppercase;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
padding-bottom: 5px;
|
|
color: #313131;
|
|
border-bottom: 4px solid #ebebeb;
|
|
width: 100%;
|
|
display: block;
|
|
padding-bottom: 10px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-single-event .mec-social-single:before {
|
|
padding: 13px 35px;
|
|
border-bottom: 4px solid #40d9f1;
|
|
font-size: 6px;
|
|
content: "";
|
|
text-align: center;
|
|
position: absolute;
|
|
bottom: -4px;
|
|
margin-left: 39px;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social .event-sharing {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social ul {
|
|
list-style: none;
|
|
margin-left: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social li.mec-event-social-icon {
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social li.mec-event-social-icon a {
|
|
display: inline-block;
|
|
color: #fff;
|
|
width: 40px;
|
|
height: 40px;
|
|
padding: 6px;
|
|
font-size: 18px;
|
|
margin-right: 5px;
|
|
margin-bottom: 5px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.facebook {
|
|
background: #3b5996;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.facebook:hover {
|
|
background: #28385c;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.twitter svg {
|
|
width: 22px;
|
|
height: 22px;
|
|
margin-top: 0px;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.twitter {
|
|
background: #e1e1e1;
|
|
padding: 9px !important;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.twitter:hover {
|
|
background: #e1e1e1;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.twitter:hover {
|
|
background: #373737;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.twitter:hover svg path {
|
|
fill: #fff;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.vimeo {
|
|
background: #0dadd6;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.vimeo:hover {
|
|
background: #0a85a3;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.dribble {
|
|
background: #d53e68;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.dribble:hover {
|
|
background: #bf4c78;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.youtube {
|
|
background: #cb322c;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.youtube:hover {
|
|
background: #992622;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.pinterest {
|
|
background: #cb2027;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.pinterest:hover {
|
|
background: #99181d;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.google {
|
|
background: #c3391c;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.google:hover {
|
|
background: #99181f;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.linkedin {
|
|
background: #0073b2;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.linkedin:hover {
|
|
background: #005380;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.email {
|
|
background: #ff5d5e;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.email:hover {
|
|
background: #cc4949;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.vk {
|
|
background: #5b88bd;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.vk:hover {
|
|
background: #3d608a;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.tumblr {
|
|
background: #34465d;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.tumblr:hover {
|
|
background: #273649;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.telegram {
|
|
background: #0088cc;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.telegram:hover {
|
|
background: rgb(16, 118, 190);
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.whatsapp {
|
|
background: #25d366;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.whatsapp:hover {
|
|
background: #23ac55;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.flipboard {
|
|
background: #e12828;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.flipboard:hover {
|
|
background: #af1e1e;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.pocket {
|
|
background: #ef4056;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.pocket:hover {
|
|
background: #8d1717;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.reddit {
|
|
background: #ff5700;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.reddit:hover {
|
|
background: #c94909;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.telegram svg,
|
|
.mec-single-event .mec-event-social a.flipboard svg {
|
|
height: 18px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social li.mec-event-social-icon a svg {
|
|
display: unset;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.rss {
|
|
background: #f29a1d;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.rss:hover {
|
|
background: #cc7400;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.instagram {
|
|
background: #457399;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.instagram:hover {
|
|
background: #2e4d66;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.linkedin {
|
|
background: #457399;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.linkedin:hover {
|
|
background: #2e4d66;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.other-social {
|
|
background: #ff5d5e;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social a.other-social:hover {
|
|
background: #cc4949;
|
|
}
|
|
|
|
.mec-single-event .mec-event-social {
|
|
text-align: center;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking form,
|
|
.mec-single-event .mec-events-meta-group-booking form,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode form,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode .mec-wrap-checkout {
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-single-event .mec-frontbox-title,
|
|
.mec-single-event .mec-wrap-checkout h4,
|
|
.lity-content .mec-events-meta-group-booking .mec-wrap-checkout h4,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-wrap-checkout h4,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode .mec-wrap-checkout h4,
|
|
.lity-content .mec-events-meta-group-booking form > h4,
|
|
.mec-single-event .mec-events-meta-group-booking form > h4,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode form > h4 {
|
|
text-transform: uppercase;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
color: #313131;
|
|
border-bottom: 4px solid #ebebeb;
|
|
width: 100%;
|
|
display: block;
|
|
padding-bottom: 10px;
|
|
position: relative;
|
|
text-align: center;
|
|
margin: 0 0 40px 0;
|
|
}
|
|
|
|
.mec-single-event .mec-frontbox-title:before,
|
|
.mec-single-event .mec-wrap-checkout h4:before,
|
|
.lity-content .mec-events-meta-group-booking .mec-wrap-checkout h4:before,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-wrap-checkout h4:before,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout
|
|
h4:before,
|
|
.lity-content .mec-events-meta-group-booking form > h4:before,
|
|
.mec-single-event .mec-events-meta-group-booking form > h4:before,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode form > h4:before {
|
|
padding: 1px 35px;
|
|
border-bottom: 4px solid #40d9f1;
|
|
font-size: 6px;
|
|
content: "";
|
|
text-align: center;
|
|
position: absolute;
|
|
bottom: -4px;
|
|
margin-left: -35px;
|
|
left: 50%;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking input[data-stripe="exp-month"],
|
|
.mec-single-event .mec-events-meta-group-booking input[data-stripe="exp-month"],
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
input[data-stripe="exp-month"],
|
|
.lity-content .mec-events-meta-group-booking input[data-stripe="exp-year"],
|
|
.mec-single-event .mec-events-meta-group-booking input[data-stripe="exp-year"],
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
input[data-stripe="exp-year"] {
|
|
width: 47% !important;
|
|
margin-right: 12px;
|
|
margin-top: 5px;
|
|
display: inline-block !important;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
input[data-stripe="exp-month"],
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
input[data-stripe="exp-month"],
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
input[data-stripe="exp-year"],
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
input[data-stripe="exp-year"] {
|
|
width: 100% !important;
|
|
margin-right: 0;
|
|
display: block !important;
|
|
}
|
|
}
|
|
|
|
/* Booking Checkboxes */
|
|
.lity-content .mec-events-meta-group-booking .mec-booking-dates-checkboxes,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-booking-dates-checkboxes,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-dates-checkboxes {
|
|
margin-bottom: 22px;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-dates-checkboxes
|
|
label,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-booking-dates-checkboxes
|
|
label,
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-dates-checkboxes
|
|
label {
|
|
margin-bottom: 3px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-dates-checkboxes
|
|
label {
|
|
display: flex;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-dates-checkboxes
|
|
input[type="checkbox"] {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.mec-events-meta-group-booking-shortcode .mec-booking-dates-checkboxes label {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.mec-events-meta-group-booking-shortcode
|
|
.mec-booking-dates-checkboxes
|
|
input[type="checkbox"] {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.mec-event-meta i:before {
|
|
font-size: 20px !important;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-event-meta .mec-single-event-organizer dl dd i:before,
|
|
.mec-event-meta .mec-single-event-additional-organizers dl dd i:before,
|
|
.mec-event-meta .mec-single-event-location dl dd i:before {
|
|
font-size: 14px !important;
|
|
}
|
|
|
|
#mec-wrap .mec-events-day-time-slot .mec-events-content {
|
|
float: left;
|
|
width: 33%;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
#mec-wrap .mec-events-day-time-slot .mec-events-event-image {
|
|
padding-left: 0;
|
|
}
|
|
|
|
#mec-events-content .mec-events-abbr {
|
|
color: #8d8d8d;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.mec-single-event .mec-events-content {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.mec-single-event .mec-organizer-url a {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.mec-single-event #headline {
|
|
margin: 0 0 10px;
|
|
}
|
|
|
|
.mec-single-event #headline h2 {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-events-meta-group.mec-events-meta-group-gmap
|
|
.mec-events-venue-map {
|
|
margin-top: 0;
|
|
padding: 8px;
|
|
border: 1px solid #e5e5e5;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
#mec-events-gmap-0 {
|
|
height: 325px !important;
|
|
}
|
|
|
|
.mec-events-list .mec-events-day-time-slot .mec-events-event-meta {
|
|
width: 33%;
|
|
float: left;
|
|
padding: 40px;
|
|
height: auto;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-events-day-time-slot .mec-events-content.description.entry-summary {
|
|
font-size: 15px;
|
|
font-weight: 300;
|
|
color: #8d8d8d;
|
|
}
|
|
|
|
.mec-events-day-time-slot .type-mec_events h2 {
|
|
font-size: 28px;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.mec-events-day .mec-events-day-time-slot .type-mec_events {
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-events-day .mec-events-day-time-slot h5 {
|
|
background-color: #8d8d8d;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-event-meta
|
|
.mec-single-event-organizer
|
|
.mec-events-single-section-title,
|
|
.mec-single-event
|
|
.mec-event-meta
|
|
.mec-single-event-additional-organizers
|
|
.mec-events-single-section-title,
|
|
.mec-single-event .mec-events-meta-date h3,
|
|
.mec-single-event
|
|
.mec-event-meta
|
|
.mec-single-event-location
|
|
.mec-events-single-section-title,
|
|
.mec-single-event
|
|
.mec-event-meta
|
|
.mec-single-event-additional-locations
|
|
.mec-events-single-section-title {
|
|
padding: 0 0 5px 10px;
|
|
margin-top: 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-events-single-section-title a span {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.mec-single-event-additional-locations .mec-single-event-location {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-single-event .mec-events-meta-date h3 {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-single-event .mec-events-event-image {
|
|
border: 0;
|
|
}
|
|
|
|
.mec-single-event .mec-events-venue-map {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-single-event-date,
|
|
.mec-single-event-time,
|
|
.mec-single-event-location,
|
|
.mec-single-event-additional-locations,
|
|
.mec-single-event-category,
|
|
.mec-single-event-sponsor,
|
|
.mec-single-event-label,
|
|
.mec-single-event-sponsor,
|
|
.mec-single-event-organizer,
|
|
.mec-single-event-additional-organizers,
|
|
.mec-events-meta-date,
|
|
.mec-event-cost,
|
|
.mec-event-website,
|
|
.mec-event-more-info,
|
|
.mec-local-time-details {
|
|
padding: 12px 14px 8px;
|
|
margin-bottom: 12px;
|
|
vertical-align: baseline;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-single-event-sponsor ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.mec-single-event-sponsor ul li {
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
.mec-single-event-sponsor ul li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-wrap .mec-single-modern .col-md-4 .mec-sponsors-details h3,
|
|
.mec-wrap .mec-single-event-sponsor h3 {
|
|
padding: 0 0 20px 0;
|
|
margin: 0;
|
|
display: block;
|
|
}
|
|
|
|
.mec-single-event .mec-single-event-organizer dd,
|
|
.mec-single-event .mec-single-event-additional-organizers dd,
|
|
.mec-single-event .mec-events-meta-date dd {
|
|
padding-left: 0;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-single-event .mec-single-event-location dd {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-single-event .mec-single-event-location dd.author > a {
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.mec-single-event .mec-event-meta dd.mec-organizer-email a,
|
|
.mec-single-event .mec-single-event-organizer dd span,
|
|
.mec-single-event .mec-single-event-additional-organizers dd span,
|
|
.mec-single-event .mec-events-meta-date dd span,
|
|
.mec-single-event .mec-single-event-location dd span {
|
|
display: block;
|
|
padding-left: 0px;
|
|
color: #8d8d8d;
|
|
}
|
|
|
|
.mec-single-event .mec-events-meta-date i,
|
|
.mec-single-event .mec-single-event-additional-organizers i,
|
|
.mec-single-event .mec-single-event-location dl dd i,
|
|
.mec-single-event .mec-single-event-organizer dl dd i {
|
|
margin-right: 10px;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.mec-events-meta-group.mec-events-meta-group-venue dl {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
address.mec-events-address {
|
|
line-height: 19px;
|
|
font-style: normal;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.mec-single-event .mec-event-content dt {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-single-event-additional-organizers
|
|
.mec-single-event-additional-organizer {
|
|
margin-bottom: 15px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-single-event-additional-organizers
|
|
.mec-single-event-additional-organizer:last-child {
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.mec-event-category-color {
|
|
width: 9px;
|
|
height: 9px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin: 0 0 0 4px;
|
|
border-radius: 9px;
|
|
}
|
|
|
|
/* Hourly Schedule */
|
|
.mec-event-schedule-content {
|
|
border-left: 4px solid #f0f0f0;
|
|
padding-top: 10px;
|
|
margin-top: 30px;
|
|
margin-left: 25px;
|
|
margin-bottom: 20px;
|
|
color: #8a8a8a;
|
|
}
|
|
|
|
.mec-event-schedule-content dl {
|
|
padding-left: 24px;
|
|
font-size: 12px;
|
|
position: relative;
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
.mec-event-schedule-content dl:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 4px;
|
|
width: 20px;
|
|
height: 0;
|
|
border-top: 4px solid #f0f0f0;
|
|
}
|
|
|
|
.mec-event-schedule-content dl dt {
|
|
margin: 0 0 10px;
|
|
line-height: 1.16;
|
|
}
|
|
|
|
.mec-event-schedule-content dl dt.mec-schedule-title {
|
|
font-size: 13px;
|
|
color: #5a5a5a;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.mec-event-schedule-content dl dt.mec-schedule-description {
|
|
font-weight: 300;
|
|
}
|
|
|
|
.mec-event-schedule-content .mec-schedule-speakers {
|
|
padding: 10px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-schedule-content h6 {
|
|
font-size: 13px;
|
|
color: #5a5a5a;
|
|
font-weight: 700;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-wrap .mec-event-schedule-content a {
|
|
font-weight: 400;
|
|
color: #5a5a5a;
|
|
transition: all 0.1s ease;
|
|
}
|
|
|
|
/* Speaker Widget */
|
|
.single-mec-events .mec-speakers-details ul {
|
|
padding: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.mec-single-event .mec-speakers-details ul li {
|
|
list-style: none;
|
|
padding: 5px 5px 18px 5px;
|
|
margin-top: 14px;
|
|
}
|
|
|
|
.mec-single-event .mec-speakers-details ul li a {
|
|
-webkit-transition: 0.2s all ease;
|
|
transition: 0.2s all ease;
|
|
}
|
|
|
|
.mec-single-event .mec-speakers-details ul li .mec-speaker-avatar a img {
|
|
float: left;
|
|
border-radius: 50%;
|
|
transition: 0.2s all ease;
|
|
border: 2px solid transparent;
|
|
width: 68px;
|
|
height: 68px;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.mec-single-event .mec-speakers-details ul li .mec-speaker-avatar a:hover img {
|
|
border-color: #40d9f1;
|
|
}
|
|
|
|
.mec-single-event .mec-speakers-details .speaker-details {
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-single-event .mec-speakers-details ul li .mec-speaker-name {
|
|
display: inline-block;
|
|
margin-top: 10px;
|
|
font-size: 15px;
|
|
line-height: 1.8;
|
|
text-transform: capitalize;
|
|
font-weight: 700 !important;
|
|
padding-left: 8px;
|
|
}
|
|
|
|
.mec-single-event .mec-speakers-details ul li .mec-speaker-job-title {
|
|
display: block;
|
|
font-size: 12px;
|
|
margin-top: -1px;
|
|
padding-left: 8px;
|
|
color: #888;
|
|
}
|
|
|
|
/* Location */
|
|
.mec-sponsor img,
|
|
.mec-single-event-location img,
|
|
.mec-single-event-organizer img,
|
|
.mec-single-event-additional-organizers img {
|
|
margin-bottom: 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-qrcode-details {
|
|
text-align: center;
|
|
}
|
|
|
|
/* time */
|
|
.mec-time-comment {
|
|
font-size: 11px;
|
|
}
|
|
|
|
/* buddy */
|
|
.mec-wrap .mec-attendees-list-details p {
|
|
font-weight: 300;
|
|
margin: 20px 0 0 0;
|
|
color: #8d8d8d;
|
|
}
|
|
|
|
.mec-wrap .mec-attendees-list-details li {
|
|
list-style: none;
|
|
display: block;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.mec-wrap .mec-attendees-list-details li .mec-attendee-avatar {
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-wrap .mec-attendees-list-details li .mec-attendee-profile-link {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.mec-attendees-list-details ul {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-attendees-list-details .mec-attendee-profile-link a {
|
|
color: #8d8d8d;
|
|
display: block;
|
|
}
|
|
|
|
.mec-attendees-list-details .mec-attendee-profile-link span {
|
|
display: inline-block;
|
|
color: #000;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-attendees-list-details span.mec-attendee-profile-ticket-number {
|
|
border-radius: 50px;
|
|
width: 20px;
|
|
height: 20px;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
color: #fff;
|
|
margin-right: 4px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
#wrap .mec-attendees-list-details span.mec-attendee-profile-ticket-number {
|
|
line-height: 19px;
|
|
}
|
|
|
|
.mec-attendees-list-details .mec-attendee-profile-link span i {
|
|
vertical-align: middle;
|
|
font-size: 9px;
|
|
font-weight: bold;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.mec-attendees-list-details .mec-attendees-toggle {
|
|
border: 1px solid #e6e6e6;
|
|
background: #fafafa;
|
|
padding: 15px 15px 0;
|
|
border-radius: 3px;
|
|
margin: 12px 0 20px 52px;
|
|
position: relative;
|
|
font-size: 13px;
|
|
box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.02);
|
|
}
|
|
|
|
.mec-attendees-list-details .mec-attendees-toggle:before,
|
|
.mec-attendees-list-details .mec-attendees-toggle:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 50px;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 10px;
|
|
}
|
|
|
|
.mec-attendees-list-details .mec-attendees-toggle:after {
|
|
top: -20px;
|
|
border-color: transparent transparent #fafafa transparent;
|
|
}
|
|
|
|
.mec-attendees-list-details .mec-attendees-toggle:before {
|
|
top: -21px;
|
|
border-color: transparent transparent #e1e1e1 transparent;
|
|
}
|
|
|
|
.mec-attendees-list-details .mec-attendees-toggle .mec-attendees-item {
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.mec-attendees-list-details .mec-attendee-avatar img {
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.mec-attendee-avatar-sec {
|
|
float: left;
|
|
width: 50px;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.mec-attendee-profile-name-sec,
|
|
.mec-attendee-profile-ticket-sec {
|
|
float: left;
|
|
width: calc(100% - 62px);
|
|
margin-top: 3px;
|
|
}
|
|
|
|
/* MEC Events Calendar Clean
|
|
----------------------------------------- */
|
|
.mec-calendar {
|
|
margin-bottom: 20px;
|
|
border: 1px solid #e8e8e8;
|
|
width: 100%;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-topsec {
|
|
display: table;
|
|
background: #fff;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-topsec .mec-calendar-side .mec-calendar-table {
|
|
border-top: 1px solid #eaeaea;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-topsec .mec-calendar-events-sec {
|
|
display: none;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-side {
|
|
width: 590px;
|
|
display: table-cell;
|
|
padding: 40px;
|
|
position: relative;
|
|
text-align: center;
|
|
box-shadow: 0 1px 5px 6px rgba(0, 0, 0, 0.005) inset;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-events-side {
|
|
display: table-cell;
|
|
height: 100%;
|
|
border-left: 1px solid #efefef;
|
|
padding: 40px;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-events-side .mec-table-side-day {
|
|
width: 46px;
|
|
height: 46px;
|
|
margin: 0 auto 20px;
|
|
position: relative;
|
|
text-align: center;
|
|
line-height: 44px;
|
|
border: 1px solid #40d9f1;
|
|
border-radius: 50%;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-events-side .mec-table-side-title {
|
|
text-align: center;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 3px;
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-header {
|
|
position: relative;
|
|
width: 560px;
|
|
margin-top: 8px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic .mec-calendar-header {
|
|
width: unset;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-header h2 {
|
|
text-transform: uppercase;
|
|
font-size: 22px;
|
|
font-weight: 700;
|
|
color: #333;
|
|
}
|
|
|
|
.mec-calendar .mec-event-footer {
|
|
width: auto;
|
|
min-height: 60px;
|
|
}
|
|
|
|
.mec-calendar dl {
|
|
display: table;
|
|
margin: 0;
|
|
border: none;
|
|
padding: 0;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.mec-calendar dt {
|
|
display: table-cell;
|
|
transition: all 0.66s ease;
|
|
color: #a4aab1;
|
|
background: #fff;
|
|
border-radius: 44px;
|
|
font-size: 14px;
|
|
width: 80px;
|
|
height: 80px;
|
|
line-height: 80px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Fix MEC Calendars on the Neve theme */
|
|
.excerpt-wrap .mec-wrap dt,
|
|
.nv-content-wrap .mec-wrap dt {
|
|
display: table-cell;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-table .mec-no-event {
|
|
display: none;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-table-head dt {
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
font-size: 15px;
|
|
color: #636f72;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-row dt:hover {
|
|
background: #f4f4f4;
|
|
}
|
|
|
|
.mec-calendar .mec-table-nullday {
|
|
color: #cacaca;
|
|
}
|
|
|
|
.mec-calendar.mec-box-calendar .mec-table-nullday:last-child {
|
|
border-right: 1px solid #eaeaea;
|
|
}
|
|
|
|
.mec-calendar .mec-prev-month:hover,
|
|
.mec-calendar .mec-next-month:hover {
|
|
background: #f4f4f4;
|
|
}
|
|
|
|
.mec-calendar .mec-selected-day,
|
|
.mec-calendar .mec-selected-day:hover {
|
|
background: #40d9f1;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-calendar .mec-selected-day a {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-calendar .mec-has-event {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-row dt.mec-has-event:hover {
|
|
background: #40d9f1;
|
|
}
|
|
|
|
.mec-calendar .mec-has-event a {
|
|
cursor: pointer;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
color: #4d4d4d;
|
|
transition: all 0.25s ease;
|
|
text-decoration: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-row dt.mec-has-event:hover a,
|
|
.mec-calendar .mec-calendar-row dt.mec-has-event.mec-selected-day a {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-calendar .mec-has-event:after {
|
|
background-color: #40d9f1;
|
|
border-radius: 50%;
|
|
display: block;
|
|
content: "";
|
|
width: 8px;
|
|
height: 8px;
|
|
bottom: 10px;
|
|
left: calc(50% - 4px);
|
|
position: absolute;
|
|
transition: all 0.25s ease;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-row dt.mec-has-event:hover:after {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.mec-calendar .mec-has-event.mec-selected-day:after {
|
|
display: none;
|
|
}
|
|
|
|
.mec-calendar .mec-event-article {
|
|
display: flex;
|
|
text-align: left;
|
|
margin-bottom: 0;
|
|
padding-bottom: 25px;
|
|
padding-top: 26px;
|
|
border-top: 1px solid #efefef;
|
|
transition: all 0.33s ease;
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-calendar.mec-calendar-weekly .mec-event-article,
|
|
.mec-calendar.mec-calendar-daily .mec-event-artile {
|
|
flex-direction: column;
|
|
gap: 15px;
|
|
}
|
|
}
|
|
|
|
.mec-weekly-contents-wrapper,
|
|
.mec-daily-contents-wrapper {
|
|
display: flex;
|
|
}
|
|
|
|
.mec-calendar .mec-month-side .mec-event-article {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.mec-calendar .mec-event-article:hover {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.mec-calendar .mec-event-article .mec-event-time {
|
|
font-size: 11px;
|
|
line-height: 1.1;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-calendar .mec-event-article .mec-event-title {
|
|
font-size: 13px;
|
|
padding: 0;
|
|
margin: 10px 0 8px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.mec-calendar .mec-event-article .mec-event-title a {
|
|
text-decoration: none;
|
|
color: #494949;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.mec-calendar .mec-event-article .mec-event-title a:hover {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-calendar .mec-event-list-classic .mec-event-image img {
|
|
width: 65px;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-calendar .mec-event-article .mec-event-image {
|
|
max-width: 70px;
|
|
margin-right: 15px;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-calendar .mec-event-article .mec-localtime-details div,
|
|
.mec-calendar .mec-event-article .mec-event-detail,
|
|
.mec-calendar .mec-event-article .mec-categories-wrapper,
|
|
.mec-calendar
|
|
.mec-event-article
|
|
.mec-categories-wrapper
|
|
ul.mec-categories
|
|
li.mec-category
|
|
a,
|
|
.mec-calendar .mec-event-article .mec-shortcode-organizers,
|
|
.mec-calendar
|
|
.mec-event-article
|
|
.mec-shortcode-organizers
|
|
.mec-organizer-item
|
|
span {
|
|
font-size: 13px;
|
|
line-height: 1.3;
|
|
color: #9a9a9a;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-side .mec-previous-month,
|
|
.mec-calendar .mec-calendar-side .mec-next-month {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 0;
|
|
min-width: 50px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
text-align: center;
|
|
background: #fff;
|
|
color: #a9a9a9;
|
|
font-size: 12px;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
border: 1px solid #efefef;
|
|
border-top: none;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.015);
|
|
transition: all 0.33s ease;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-side .mec-previous-month i,
|
|
.mec-calendar .mec-calendar-side .mec-next-month i {
|
|
font-size: 12px;
|
|
color: #40d9f1;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-side .mec-previous-month:hover,
|
|
.mec-calendar .mec-calendar-side .mec-next-month:hover {
|
|
background-color: #f9f9f9;
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-side .mec-previous-month {
|
|
left: 0;
|
|
border-bottom-right-radius: 6px;
|
|
border-left: none;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-side .mec-next-month {
|
|
right: 0;
|
|
border-bottom-left-radius: 6px;
|
|
border-right: none;
|
|
}
|
|
|
|
/* Page with sidebar fix */
|
|
@media only screen and (min-width: 961px) {
|
|
.mec-wrap.mec-sm959
|
|
.mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly)
|
|
.mec-has-event:after {
|
|
width: 6px;
|
|
height: 6px;
|
|
bottom: 6px;
|
|
}
|
|
|
|
.mec-wrap.mec-sm959
|
|
.mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly)
|
|
.mec-calendar-side {
|
|
width: 370px;
|
|
}
|
|
|
|
.mec-wrap.mec-sm959
|
|
.mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly)
|
|
.mec-calendar-header {
|
|
position: relative;
|
|
width: 350px;
|
|
margin-top: 30px;
|
|
margin-bottom: 20px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.mec-wrap.mec-sm959
|
|
.mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly)
|
|
dt {
|
|
width: 50px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.mec-calendar .mec-has-event:after {
|
|
width: 6px;
|
|
height: 6px;
|
|
bottom: 6px;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-side {
|
|
width: 370px;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-header {
|
|
position: relative;
|
|
width: 350px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.mec-calendar dt {
|
|
width: 50px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-calendar .mec-calendar-header h2 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-topsec {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-side {
|
|
width: 100%;
|
|
display: block;
|
|
padding: 30px;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-header {
|
|
width: auto;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-events-side {
|
|
width: 100%;
|
|
display: block;
|
|
height: 100%;
|
|
border-left: none;
|
|
border-top: 1px solid #efefef;
|
|
padding: 20px;
|
|
}
|
|
|
|
.mec-calendar dl {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-calendar dt {
|
|
width: 14%;
|
|
height: 60px;
|
|
line-height: 60px;
|
|
border-radius: 50px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-calendar .mec-has-event:after {
|
|
width: 4px;
|
|
height: 4px;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-header h2 {
|
|
font-size: 16px;
|
|
margin-top: 33px;
|
|
}
|
|
|
|
.mec-calendar dt {
|
|
height: 38px;
|
|
line-height: 38px;
|
|
}
|
|
|
|
.mec-calendar .mec-event-list-classic .mec-event-title,
|
|
.mec-calendar .mec-event-list-classic .mec-event-detail {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.mec-calendar .mec-event-list-classic .mec-event-time {
|
|
font-size: 10px;
|
|
}
|
|
}
|
|
|
|
/* MEC Events Calendar Modern
|
|
--------------------------------------------- */
|
|
.mec-box-calendar.mec-calendar .mec-has-event a,
|
|
.mec-box-calendar.mec-calendar dt {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar .mec-calendar-header {
|
|
margin-top: 2px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar dt {
|
|
border-bottom: 1px solid #eaeaea;
|
|
border-left: 1px solid #eaeaea;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar dl dt:last-child {
|
|
border-right: 1px solid #eaeaea;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month,
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
|
|
border-radius: 2px;
|
|
top: 40px;
|
|
border: 1px solid #eee;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month {
|
|
left: 40px;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
|
|
right: 40px;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar .mec-calendar-events-side {
|
|
border: none;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar .mec-calendar-events-side .mec-table-side-day {
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar h4.mec-month-label {
|
|
position: relative;
|
|
width: 560px;
|
|
margin-top: 2px;
|
|
margin-bottom: 30px;
|
|
text-transform: uppercase;
|
|
font-size: 22px;
|
|
font-weight: 700;
|
|
color: #333;
|
|
}
|
|
|
|
.mec-widget .mec-box-calendar.mec-calendar h4.mec-month-label {
|
|
width: 100%;
|
|
margin-top: 8px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month {
|
|
left: 42px;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
|
|
right: 42px;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-header h2 {
|
|
font-size: 17px;
|
|
margin-top: 7px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month,
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
|
|
top: 28px;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month {
|
|
left: 30px;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
|
|
right: 30px;
|
|
}
|
|
|
|
.mec-calendar .mec-calendar-header h2 {
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month,
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
|
|
font-size: 0;
|
|
padding: 4px 8px;
|
|
text-align: center;
|
|
min-width: 33px;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month {
|
|
left: 10px;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
|
|
right: 10px;
|
|
}
|
|
}
|
|
|
|
/* MEC Events Calendar Classic
|
|
------------------------------------------------ */
|
|
.mec-calendar.mec-event-calendar-classic,
|
|
.mec-calendar.mec-event-calendar-classic .mec-calendar-side {
|
|
border: none;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic .mec-calendar-side {
|
|
display: block;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic dl.mec-calendar-table-head,
|
|
.mec-calendar.mec-event-calendar-classic dl.mec-calendar-row {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic dl.mec-calendar-table-head {
|
|
background: #f5f6f7;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic
|
|
dl.mec-calendar-table-head
|
|
.mec-calendar-day-head {
|
|
background: transparent;
|
|
height: unset;
|
|
line-height: 36px;
|
|
border-top-width: 1px;
|
|
border-top-style: solid;
|
|
border-top-color: #eaeaea;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic dl dt {
|
|
width: 15%;
|
|
height: 136px;
|
|
line-height: 1.2;
|
|
text-align: left;
|
|
padding: 5px 7px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar.mec-event-calendar-classic
|
|
.mec-calendar-side
|
|
.mec-previous-month,
|
|
.mec-box-calendar.mec-calendar.mec-event-calendar-classic
|
|
.mec-calendar-side
|
|
.mec-next-month {
|
|
top: 0;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic .mec-has-event:after {
|
|
bottom: auto;
|
|
top: 24px;
|
|
left: 7px;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar.mec-event-calendar-classic
|
|
.mec-calendar-side
|
|
.mec-previous-month {
|
|
left: 0;
|
|
}
|
|
|
|
.mec-box-calendar.mec-calendar.mec-event-calendar-classic
|
|
.mec-calendar-side
|
|
.mec-next-month {
|
|
right: 0;
|
|
}
|
|
|
|
/* Shortcode next previous link disable for accessibility*/
|
|
.mec-next-month a,
|
|
.mec-previous-month a {
|
|
pointer-events: none;
|
|
line-height: 15px;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec {
|
|
text-align: left;
|
|
background: #fafafa;
|
|
border: 1px solid #eaeaea;
|
|
border-top: none;
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec {
|
|
display: none;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic
|
|
.mec-calendar-events-sec
|
|
.mec-event-article:hover {
|
|
background-color: #fcfcfc;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic .mec-selected-day,
|
|
.mec-calendar.mec-event-calendar-classic dt.mec-selected-day:hover {
|
|
color: #40d9f1;
|
|
font-weight: 700;
|
|
background: #fafafa;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-calendar.mec-event-calendar-classic:not(.mec-event-container-simple)
|
|
.mec-selected-day:hover {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic
|
|
.mec-calendar-events-sec
|
|
.mec-table-side-title,
|
|
.mec-calendar.mec-event-calendar-classic
|
|
.mec-calendar-events-sec
|
|
.mec-table-side-day {
|
|
display: inline-block;
|
|
margin: 0;
|
|
margin-bottom: 15px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic
|
|
.mec-calendar-events-sec
|
|
.mec-table-side-day {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic .mec-calendar-row dt.mec-has-event a {
|
|
color: #4d4d4d;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic
|
|
.mec-calendar-row
|
|
dt.mec-has-event:not(.mec-selected-day):hover
|
|
a {
|
|
color: #fff;
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.mec-calendar.mec-event-calendar-classic dl dt {
|
|
height: 100px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-calendar.mec-event-calendar-classic dl dt {
|
|
height: 40px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec {
|
|
padding: 10px;
|
|
}
|
|
}
|
|
|
|
/* Monthly Calendar/Novel
|
|
------------------------------------------------ */
|
|
.mec-calendar .mec-event-article.mec-single-event-novel {
|
|
padding: 4px 8px;
|
|
min-height: 25px;
|
|
margin: 0 -3px;
|
|
border-radius: 0;
|
|
display: block;
|
|
}
|
|
|
|
.mec-calendar .mec-event-article.mec-single-event-novel h4 {
|
|
margin: 0;
|
|
font-size: 13px;
|
|
line-height: 1.5;
|
|
font-weight: 500;
|
|
text-transform: capitalize;
|
|
margin: 0 0 2px 0;
|
|
}
|
|
|
|
.mec-calendar
|
|
.mec-event-article.mec-single-event-novel
|
|
.mec-shortcode-organizers
|
|
i,
|
|
.mec-calendar
|
|
.mec-event-article.mec-single-event-novel
|
|
.mec-shortcode-organizers
|
|
ul
|
|
li
|
|
span {
|
|
color: #000;
|
|
}
|
|
|
|
.mec-calendar.mec-event-container-novel dl dt {
|
|
padding: 3px;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic .mec-calendar-novel-selected-day {
|
|
display: inline-block;
|
|
padding: 4px;
|
|
margin-left: 1px;
|
|
}
|
|
|
|
.mec-wrap .mec-calendar.mec-event-container-novel .mec-selected-day:hover {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic
|
|
.mec-selected-day
|
|
.mec-calendar-novel-selected-day {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic.mec-event-container-novel
|
|
.mec-selected-day,
|
|
.mec-calendar.mec-event-calendar-classic.mec-event-container-novel
|
|
dt.mec-selected-day:hover {
|
|
border-bottom: 1px solid #eaeaea;
|
|
}
|
|
|
|
.mec-calendar.mec-event-calendar-classic.mec-event-container-novel
|
|
.mec-calendar-side
|
|
.mec-calendar-table {
|
|
min-height: auto;
|
|
}
|
|
|
|
.mec-single-event-novel.light h4 {
|
|
color: #000 !important;
|
|
}
|
|
|
|
.mec-single-event-novel.dark h4 {
|
|
color: #fff !important;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.mec-calendar .mec-event-article.mec-single-event-novel {
|
|
padding: 2px;
|
|
min-height: 5px;
|
|
}
|
|
|
|
.mec-calendar .mec-event-article.mec-single-event-novel h4 {
|
|
display: block;
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
.mec-calendar .mec-event-article.mec-single-event-novel h4 {
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
/* Monthly Calendar/Simple
|
|
------------------------------------------------ */
|
|
.mec-event-container-simple .event-single-content-simple {
|
|
display: none;
|
|
}
|
|
|
|
.mec-event-calendar-classic.mec-event-container-simple
|
|
.mec-calendar-side
|
|
.mec-calendar-table {
|
|
min-height: unset;
|
|
}
|
|
|
|
.mec-event-container-simple .mec-monthly-tooltip h4 {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
margin: 0;
|
|
color: #444;
|
|
}
|
|
|
|
.mec-event-container-simple .mec-monthly-tooltip h4:hover {
|
|
text-decoration: underline;
|
|
color: #111;
|
|
}
|
|
|
|
.mec-event-container-simple .mec-monthly-tooltip.event-single-link-simple {
|
|
border-bottom: 1px dashed #e3e3e3;
|
|
padding: 5px 2px;
|
|
display: block;
|
|
}
|
|
|
|
.mec-event-container-simple
|
|
.simple-skin-ended:nth-last-of-type(2)
|
|
.mec-monthly-tooltip.event-single-link-simple {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.mec-event-container-simple
|
|
.mec-calendar-day
|
|
.ended-relative:nth-last-child(1 of .ended-relative)
|
|
.mec-monthly-tooltip.event-single-link-simple {
|
|
border: none;
|
|
}
|
|
|
|
.mec-calendar.mec-event-container-simple dl dt.mec-calendar-day {
|
|
font-size: 30px;
|
|
color: #000;
|
|
}
|
|
|
|
.mec-calendar.mec-event-container-simple .mec-calendar-row dt:hover {
|
|
background: unset;
|
|
}
|
|
|
|
.mec-calendar.mec-event-container-simple .mec-calendar-row dt,
|
|
.mec-calendar.mec-event-container-simple .mec-calendar-row dt:last-child,
|
|
.mec-calendar.mec-event-container-simple .mec-calendar-table-head dt,
|
|
.mec-calendar.mec-event-container-simple
|
|
.mec-calendar-table-head
|
|
dt:last-child {
|
|
border-width: 2px;
|
|
}
|
|
|
|
.mec-calendar.mec-event-container-simple dl dt.mec-selected-day,
|
|
.mec-calendar.mec-event-container-simple dl dt.mec-selected-day:hover {
|
|
border-bottom: 2px solid #40d9f1;
|
|
background: unset;
|
|
}
|
|
|
|
.mec-calendar.mec-event-container-simple .mec-calendar-table-head dt {
|
|
border-top-width: 2px !important;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.mec-calendar.mec-event-container-simple,
|
|
.mec-calendar.mec-event-container-novel {
|
|
overflow-x: scroll;
|
|
}
|
|
|
|
.mec-calendar.mec-event-container-simple .mec-calendar-side,
|
|
.mec-calendar.mec-event-container-novel .mec-calendar-side {
|
|
min-width: 100%;
|
|
}
|
|
|
|
.mec-event-container-simple .mec-calendar-side,
|
|
.mec-event-container-novel .mec-calendar-side {
|
|
min-width: 650px !important;
|
|
}
|
|
}
|
|
|
|
.mec-wrap.colorskin-custom
|
|
.mec-calendar.mec-event-container-simple
|
|
.mec-selected-day:hover {
|
|
background: #f4f4f4;
|
|
}
|
|
|
|
.mec-tooltip-event-title {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
color: #000;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active)
|
|
.tooltipster-content
|
|
.mec-price-details,
|
|
.mec-tooltip-event-time {
|
|
font-size: 12px;
|
|
color: #888;
|
|
margin-bottom: 8px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active)
|
|
.tooltipster-content {
|
|
padding: 17px;
|
|
}
|
|
|
|
.mec-tooltip-event-content {
|
|
clear: both;
|
|
}
|
|
|
|
.mec-tooltip-event-featured {
|
|
float: left;
|
|
margin-right: 13px;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
.mec-tooltip-event-featured img {
|
|
max-width: 120px;
|
|
}
|
|
|
|
.mec-tooltip-event-desc {
|
|
font-size: 14px;
|
|
color: #444;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.mec-tooltip-event-desc p {
|
|
font-size: 13px;
|
|
line-height: 1.4;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active)
|
|
.tooltipster-box {
|
|
border-radius: 3px !important;
|
|
border: 1px solid #e2e3e4 !important;
|
|
background: #fff !important;
|
|
box-shadow: 0 -1px 30px -2px rgba(0, 0, 0, 0.15) !important;
|
|
}
|
|
|
|
.tooltipster-box .mec-tooltip-event-desc {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.tooltipster-sidetip:not(.uael-tooltipster-active) .tooltipster-arrow {
|
|
overflow: visible !important;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active)
|
|
.tooltipster-arrow-border {
|
|
border-width: 12px !important;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right:not(
|
|
.uael-tooltipster-active
|
|
)
|
|
.tooltipster-arrow-border {
|
|
border-right-color: #e2e3e4 !important;
|
|
}
|
|
|
|
.tooltipster-sidetip:not(.uael-tooltipster-active) .tooltipster-arrow-border {
|
|
left: -12px !important;
|
|
z-index: 9999999999 !important;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active)
|
|
.tooltipster-arrow-background {
|
|
display: block !important;
|
|
}
|
|
|
|
.tooltipster-sidetip:not(.uael-tooltipster-active)
|
|
.tooltipster-arrow-background {
|
|
border-width: 11px !important;
|
|
z-index: 99999999999 !important;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-right:not(.uael-tooltipster-active)
|
|
.tooltipster-arrow-background {
|
|
left: -9px !important;
|
|
top: 1px !important;
|
|
border-right-color: #ffffff !important;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-top:not(.uael-tooltipster-active)
|
|
.tooltipster-arrow-background {
|
|
border-top-color: #ffffff !important;
|
|
left: 0 !important;
|
|
top: -1px !important;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-top:not(.uael-tooltipster-active)
|
|
.tooltipster-arrow-border {
|
|
left: -1px !important;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-shadow.tooltipster-top:not(
|
|
.uael-tooltipster-active
|
|
)
|
|
.tooltipster-arrow-border {
|
|
border-top-color: #e2e3e4 !important;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom:not(
|
|
.uael-tooltipster-active
|
|
)
|
|
.tooltipster-arrow-border {
|
|
left: -1px !important;
|
|
top: -11px !important;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom:not(
|
|
.uael-tooltipster-active
|
|
)
|
|
.tooltipster-arrow-border {
|
|
border-bottom-color: #e2e3e4 !important;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-bottom:not(.uael-tooltipster-active)
|
|
.tooltipster-arrow-background {
|
|
top: -9px !important;
|
|
border-bottom-color: #ffffff !important;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-left:not(.uael-tooltipster-active)
|
|
.tooltipster-arrow-background {
|
|
border-left-color: #ffffff !important;
|
|
left: -2px !important;
|
|
top: 0 !important;
|
|
}
|
|
|
|
.tooltipster-sidetip.tooltipster-shadow.tooltipster-left:not(
|
|
.uael-tooltipster-active
|
|
)
|
|
.tooltipster-arrow-border {
|
|
border-left-color: #e2e3e4 !important;
|
|
left: -1px !important;
|
|
top: -1px !important;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.mec-event-container-simple .mec-monthly-tooltip.event-single-link-simple h4 {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-event-container-simple .mec-monthly-tooltip.event-single-link-simple h4 {
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
/* MEC Events - Calendar Daily
|
|
-------------------------------- */
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-day-events .mec-event-article {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-a-month {
|
|
text-align: center;
|
|
background-color: #fff;
|
|
border-bottom: 2px solid #f4f4f4;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-a-month h4 {
|
|
color: #444;
|
|
font-size: 18px;
|
|
line-height: 1.2;
|
|
padding: 15px 0 11px;
|
|
margin: 0;
|
|
font-weight: 700;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
border-bottom: 1px solid #e6e6e6;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-d-top {
|
|
text-align: center;
|
|
padding: 10px 0;
|
|
position: relative;
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-previous-month,
|
|
.mec-calendar.mec-calendar-daily .mec-next-month {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -25px;
|
|
min-width: 50px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
text-align: center;
|
|
background: #fff;
|
|
border: 1px solid #e2e2e2;
|
|
border-radius: 50px;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.015);
|
|
transition: all 0.33s ease;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-previous-month i,
|
|
.mec-calendar.mec-calendar-daily .mec-next-month i {
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-previous-month:hover,
|
|
.mec-calendar.mec-calendar-daily .mec-next-month:hover {
|
|
border-color: #d0d0d0;
|
|
color: #444;
|
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.075);
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-previous-month {
|
|
margin-left: -150px;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-next-month {
|
|
margin-left: 100px;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-previous-month,
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-next-month {
|
|
min-height: 28px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
width: 28px;
|
|
margin-top: -14px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-d-top h2,
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-d-top h3 {
|
|
margin-top: 9px;
|
|
color: #b9b9b9;
|
|
font-size: 30px;
|
|
font-weight: 100;
|
|
text-transform: uppercase;
|
|
margin-bottom: 12px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-d-top h2 {
|
|
font-size: 81px;
|
|
color: #444;
|
|
margin-bottom: 10px;
|
|
line-height: 1.1;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-d-table {
|
|
overflow: hidden;
|
|
background: #fff;
|
|
min-height: 60px;
|
|
border-top: 1px solid #e6e6e6;
|
|
border-bottom: 2px solid #f3f3f3;
|
|
padding: 0 50px;
|
|
position: relative;
|
|
}
|
|
|
|
@media only screen and (min-width: 479px) {
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-d-table {
|
|
padding: 0 55px;
|
|
}
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-d-table dl {
|
|
width: 1310px;
|
|
display: block;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl {
|
|
display: none;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-weekly
|
|
.mec-calendar-d-table
|
|
dl.mec-weekly-view-week-active {
|
|
display: flex;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt,
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-d-table a {
|
|
display: block;
|
|
background: #fff;
|
|
width: 42px;
|
|
height: 60px;
|
|
line-height: 60px;
|
|
text-align: center;
|
|
float: left;
|
|
border-right: 1px solid #e6e6e6;
|
|
border-bottom: 1px solid #e6e6e6;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt:hover,
|
|
.mec-calendar.mec-calendar-daily
|
|
.mec-calendar-d-table
|
|
.mec-daily-view-day:hover {
|
|
background: #fafafa;
|
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.065) inset;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day {
|
|
cursor: default;
|
|
background: #fff;
|
|
color: #c1c1c1;
|
|
line-height: 59px;
|
|
text-align: center;
|
|
border-right: 1px solid #e6e6e6;
|
|
border-bottom: 1px solid #e6e6e6;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily
|
|
.mec-calendar-d-table
|
|
.mec-daily-view-day.mec-has-event {
|
|
cursor: pointer;
|
|
font-weight: 700;
|
|
color: #4a4a4a;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily
|
|
.mec-calendar-d-table
|
|
dl
|
|
dt.mec-table-d-current,
|
|
.mec-calendar.mec-calendar-daily
|
|
.mec-calendar-d-table
|
|
.mec-daily-view-day.mec-daily-view-day-active {
|
|
font-weight: 700;
|
|
background: #fafafa;
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-prev,
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-next {
|
|
float: none;
|
|
font-size: 14px;
|
|
width: 55px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-next {
|
|
left: auto;
|
|
right: 0;
|
|
border-left: 1px solid #e6e6e6;
|
|
border-right: none;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-today-container .mec-today-count {
|
|
font-size: 12px;
|
|
color: #888;
|
|
text-align: center;
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-calendar.mec-calendar-daily .mec-previous-month {
|
|
margin-left: -130px;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-next-month {
|
|
margin-left: 80px;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-daily .mec-calendar-a-month h4 {
|
|
font-size: 14px;
|
|
letter-spacing: 0;
|
|
}
|
|
}
|
|
|
|
.widget .mec-calendar.mec-calendar-daily .mec-calendar-a-month h4 {
|
|
font-size: 14px;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.widget .mec-calendar.mec-calendar-daily .mec-previous-month {
|
|
margin-left: -130px;
|
|
}
|
|
|
|
.widget .mec-calendar.mec-calendar-daily .mec-next-month {
|
|
margin-left: 80px;
|
|
}
|
|
|
|
.mec-util-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.mec-frontbox.mec-util-hidden {
|
|
display: none !important;
|
|
}
|
|
|
|
.mec-daily-view-dates-events {
|
|
padding: 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.mec-daily-view-date-events,
|
|
.mec-weekly-view-date-events {
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
|
|
/* MEC Events - Calendar Weekly
|
|
-------------------------------- */
|
|
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl {
|
|
width: calc(100% - 1px);
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt {
|
|
width: 100%;
|
|
height: 70px;
|
|
line-height: normal;
|
|
cursor: default;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt:hover {
|
|
background: #fff;
|
|
cursor: default;
|
|
}
|
|
|
|
.mec-calendar-weekly article:hover li {
|
|
background: transparent;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt span {
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
display: block;
|
|
margin: 15px 0 6px;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table a.mec-table-d-prev,
|
|
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table a.mec-table-d-next {
|
|
display: none;
|
|
}
|
|
|
|
ul.mec-weekly-view-dates-events,
|
|
ul.mec-weekly-view-dates-events li {
|
|
padding: 0;
|
|
margin: 0;
|
|
line-height: initial;
|
|
background: #fff;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date {
|
|
width: 64px;
|
|
height: 64px;
|
|
margin-right: 10px;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
float: left;
|
|
text-align: center;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date span {
|
|
font-size: 40px;
|
|
line-height: 30px;
|
|
font-weight: 700;
|
|
display: block;
|
|
margin-bottom: 6px;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-weekly .mec-calendar-a-month .mec-previous-month {
|
|
margin-left: 0;
|
|
left: 12px;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-weekly .mec-calendar-a-month .mec-next-month {
|
|
margin-left: 0;
|
|
left: auto;
|
|
right: 12px;
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt span {
|
|
font-size: 9px;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date {
|
|
width: 100%;
|
|
height: 36px;
|
|
margin-bottom: 12px;
|
|
line-height: 1;
|
|
font-size: 10px;
|
|
margin-right: 5px;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date span {
|
|
font-size: 18px;
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
.widget .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt span {
|
|
font-size: 9px;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.widget .mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date {
|
|
width: 100%;
|
|
height: 36px;
|
|
margin-bottom: 12px;
|
|
line-height: 1;
|
|
font-size: 10px;
|
|
margin-right: 5px;
|
|
text-align: left;
|
|
}
|
|
|
|
.widget .mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date span {
|
|
font-size: 18px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.mec-week-events-container .mec-weekly-view-dates-events li.mec-no-event-found {
|
|
list-style: none !important;
|
|
}
|
|
|
|
li.mec-no-event-found .mec-event-title {
|
|
text-align: center;
|
|
}
|
|
|
|
/* MEC Events - Calendar Widget
|
|
-------------------------------- */
|
|
.mec-widget .mec-calendar {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.mec-widget .mec-calendar dl dt,
|
|
.mec-wrap.mec-sm959.mec-widget .mec-calendar.mec-event-calendar-classic dl dt {
|
|
height: 40px;
|
|
}
|
|
|
|
.mec-widget .mec-calendar .mec-calendar-events-sec {
|
|
padding: 10px;
|
|
}
|
|
|
|
.mec-widget .mec-calendar .mec-calendar-header h2 {
|
|
font-size: 13px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.mec-widget .mec-calendar .mec-event-list-classic .mec-event-image {
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.mec-widget .mec-calendar .mec-has-event:after {
|
|
width: 4px;
|
|
height: 4px;
|
|
}
|
|
|
|
.mec-widget
|
|
.mec-calendar.mec-event-calendar-classic
|
|
.mec-calendar-events-sec
|
|
.mec-table-side-title {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.mec-widget .mec-calendar .mec-event-article .mec-event-image {
|
|
margin-right: 11px;
|
|
}
|
|
|
|
.mec-widget .mec-box-calendar.mec-calendar .mec-calendar-header {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-widget
|
|
.mec-box-calendar.mec-calendar
|
|
.mec-calendar-side
|
|
.mec-previous-month,
|
|
.mec-widget .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
|
|
font-size: 0;
|
|
padding: 4px;
|
|
text-align: center;
|
|
min-width: 33px;
|
|
}
|
|
|
|
.mec-widget .mec-event-calendar-classic .mec-calendar-side .mec-calendar-table {
|
|
min-height: 200px;
|
|
}
|
|
|
|
/* List Widget */
|
|
.mec-widget .mec-event-list-classic {
|
|
margin-bottom: 8px;
|
|
padding: 8px 0;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-classic .mec-event-article {
|
|
margin-bottom: 0;
|
|
padding: 10px 0;
|
|
position: relative;
|
|
min-height: 86px;
|
|
padding-left: 80px;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-classic .mec-event-date {
|
|
font-size: 10px;
|
|
line-height: 14px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-classic .mec-event-title {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-classic .mec-event-detail {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-classic .mec-event-image {
|
|
width: 68px;
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
|
|
.mec-event-list-classic .mec-event-image img {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-widget .mec-event-list-classic .mec-event-detail {
|
|
overflow: visible;
|
|
}
|
|
|
|
.event-color {
|
|
width: 14px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
height: 14px;
|
|
margin-left: 5px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
/* MEC Events - Map view
|
|
-------------------------------- */
|
|
/* lightbox */
|
|
.mec-map-lightbox-wp {
|
|
padding: 15px 15px 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.mec-map-view-event-detail.mec-event-detail {
|
|
background-color: #e9e9e9;
|
|
padding: 8px 15px;
|
|
}
|
|
|
|
.mec-map-lightbox-wp.mec-event-list-classic .mec-event-article {
|
|
padding: 0 0 15px;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-map-lightbox-wp.mec-event-list-classic .mec-event-image {
|
|
width: 70px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
/* infobox */
|
|
.mec-marker-infowindow-wp {
|
|
padding: 10px;
|
|
}
|
|
|
|
.mec-marker-infowindow-wp .mec-marker-infowindow-count {
|
|
width: 60px;
|
|
height: 60px;
|
|
display: block;
|
|
text-align: center;
|
|
line-height: 60px;
|
|
border: 1px solid #40d9f1;
|
|
border-radius: 50%;
|
|
font-size: 32px;
|
|
color: #40d9f1;
|
|
float: left;
|
|
margin-right: 11px;
|
|
}
|
|
|
|
.mec-marker-infowindow-wp .mec-marker-infowindow-content {
|
|
overflow: hidden;
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.mec-marker-infowindow-wp .mec-marker-infowindow-content span {
|
|
display: block;
|
|
color: #222;
|
|
}
|
|
|
|
.mec-marker-infowindow-wp .mec-marker-infowindow-content span:first-child {
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* marker */
|
|
.mec-marker-wrap {
|
|
display: inline-block;
|
|
width: 35px;
|
|
height: 35px;
|
|
margin: 15px 0 0 4px;
|
|
border-radius: 50% 50% 50% 0;
|
|
background: #00cae9;
|
|
animation-name: mec-map-bounce;
|
|
animation-fill-mode: both;
|
|
animation-duration: 1s;
|
|
border: 1px solid #fff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-marker-wrap .mec-marker {
|
|
margin-top: 5px;
|
|
display: block;
|
|
-webkit-transform: rotate(45deg) translate(1px, 0);
|
|
transform: rotate(45deg) translate(1px, 0);
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.mec-marker-wrap .mec-marker-pulse-wrap {
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
display: inline-block;
|
|
margin-left: -11px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.mec-marker-wrap .mec-marker-pulse {
|
|
display: inline-block;
|
|
background: #01cae947;
|
|
border-radius: 50%;
|
|
height: 12px;
|
|
width: 14px;
|
|
margin-left: 3px;
|
|
-webkit-transform: rotateX(55deg);
|
|
transform: rotateX(55deg);
|
|
z-index: -2;
|
|
}
|
|
|
|
.mec-marker-wrap .mec-marker-pulse:after {
|
|
content: "";
|
|
border-radius: 50%;
|
|
height: 40px;
|
|
width: 40px;
|
|
position: absolute;
|
|
margin: -13px 0 0 -13px;
|
|
animation: pulsate 1s ease-out;
|
|
animation-iteration-count: infinite;
|
|
opacity: 0;
|
|
box-shadow: 0 0 1px 2px #00cae9;
|
|
animation-delay: 1.1s;
|
|
}
|
|
|
|
@keyframes pulsate {
|
|
0% {
|
|
transform: scale(0.1, 0.1);
|
|
opacity: 0;
|
|
}
|
|
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
transform: scale(1.2, 1.2);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes mec-map-bounce {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(-2000px) rotate(-45deg);
|
|
}
|
|
|
|
60% {
|
|
opacity: 1;
|
|
transform: translateY(30px) rotate(-45deg);
|
|
}
|
|
|
|
80% {
|
|
transform: translateY(-10px) rotate(-45deg);
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(0) rotate(-45deg);
|
|
}
|
|
}
|
|
|
|
.mec-skin-grid-container .mec-skin-map-container,
|
|
.mec-skin-list-container .mec-skin-map-container {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
/* Mec Countdown
|
|
-------------------------------- */
|
|
|
|
.mec-single-event .mec-events-meta-group-countdown {
|
|
color: #c9c9c9;
|
|
text-align: center;
|
|
margin-bottom: 30px;
|
|
padding: 20px 30px;
|
|
background: #fff;
|
|
border: 1px solid #e6e6e6;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .countdown-w {
|
|
text-align: center;
|
|
font-size: 36px;
|
|
margin: 0 auto;
|
|
padding: 40px 0 0;
|
|
position: relative;
|
|
display: table;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .countdown-w .icon-w {
|
|
font-size: 24px;
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .countdown-w .label-w {
|
|
font-size: 15px;
|
|
font-weight: 300;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .countdown-w .block-w {
|
|
display: table-cell;
|
|
margin: 0 20px 10px;
|
|
position: relative;
|
|
height: 70px;
|
|
width: 190px;
|
|
font-size: 72px;
|
|
transition: all 0.3s ease-in-out;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .countdown-w .block-w.done-w {
|
|
border: 0 none;
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .countdown-w .block-w li {
|
|
font-size: 50px;
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .countdown-w span {
|
|
padding: 24px 0 20px;
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .countdown-w .div-d {
|
|
display: none;
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .countdown-w .countdown-message {
|
|
display: none;
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .countdown-w .block-w i {
|
|
display: none;
|
|
}
|
|
|
|
#countdown {
|
|
list-style: none;
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .mec-end-counts h3 {
|
|
display: inherit;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
right: 50%;
|
|
}
|
|
|
|
.mec-countdown-details .countdown-w .clockdiv li p {
|
|
margin-top: 23px;
|
|
}
|
|
|
|
@media (min-width: 481px) and (max-width: 768px) {
|
|
.mec-events-meta-group-countdown .countdown-w {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .countdown-w .label-w {
|
|
font-size: 12px;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .countdown-w span {
|
|
font-size: 34px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 320px) and (max-width: 480px) {
|
|
.mec-events-meta-group-countdown .countdown-w .label-w {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .countdown-w span {
|
|
font-size: 28px;
|
|
}
|
|
|
|
.mec-countdown-details .countdown-w .clockdiv li p {
|
|
margin-top: 16px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 320px) {
|
|
.mec-events-meta-group-countdown .countdown-w .label-w {
|
|
font-size: 9px;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.mec-events-meta-group-countdown .countdown-w span {
|
|
font-size: 22px;
|
|
}
|
|
}
|
|
|
|
/* Mec Warning
|
|
-------------------------------- */
|
|
.info-msg,
|
|
.mec-success,
|
|
.warning-msg,
|
|
.mec-error {
|
|
margin: 30px 0 20px 0;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
font-size: 13px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.info-msg {
|
|
color: #07bbe9;
|
|
background-color: #ecf9fe;
|
|
}
|
|
|
|
.mec-cart .mec-success,
|
|
.mec-success {
|
|
color: #2ca84c;
|
|
background-color: #e8f9ed;
|
|
}
|
|
|
|
.warning-msg {
|
|
color: #cf7909;
|
|
background-color: #fef7e7;
|
|
}
|
|
|
|
.mec-error {
|
|
color: #cb2916 !important;
|
|
background-color: #fef2f2;
|
|
}
|
|
|
|
/* Mec Frontend Submission
|
|
-------------------------------- */
|
|
.mec-fes-form,
|
|
.mec-fes-list {
|
|
background: #f8feff;
|
|
padding: 30px 3%;
|
|
color: #798f96;
|
|
}
|
|
|
|
.mec-fes-list ul,
|
|
.mec-fes-list .mec-fes-list-top-actions {
|
|
margin: 0 auto 15px;
|
|
max-width: 960px;
|
|
list-style: none;
|
|
padding-left: 40px;
|
|
}
|
|
|
|
.mec-fes-form-cntt .dashicons-editor-help {
|
|
display: none;
|
|
}
|
|
|
|
.mec-fes-list ul li * {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.mec-fes-list ul li {
|
|
padding: 20px 15px;
|
|
border-radius: 3px;
|
|
margin-bottom: 15px;
|
|
border: 1px solid #cfeff5;
|
|
box-shadow: 0 2px 6px -4px #cfeff5;
|
|
background: #fff;
|
|
line-height: normal;
|
|
}
|
|
|
|
.mec-fes-list ul li a {
|
|
box-shadow: none;
|
|
color: #181818;
|
|
}
|
|
|
|
.mec-fes-list ul li a:hover {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-fes-list ul li .mec-event-title {
|
|
font-size: 17px;
|
|
font-weight: 600;
|
|
width: calc(100% - 250px);
|
|
display: inline-block;
|
|
}
|
|
|
|
@media (max-width: 680px) {
|
|
.mec-fes-list ul li .mec-event-title {
|
|
width: 100%;
|
|
font-size: 13px;
|
|
margin: 0 0 20px 0;
|
|
display: block;
|
|
}
|
|
|
|
.mec-fes-list ul li {
|
|
padding: 10px 12px 40px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-fes-list .mec-fes-list-top-actions,
|
|
.mec-fes-list ul {
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
|
|
.mec-fes-form .mec-required {
|
|
color: #ff3c3c;
|
|
}
|
|
|
|
.mec-fes-list .mec-event-status {
|
|
color: #fff !important;
|
|
border-color: transparent !important;
|
|
}
|
|
|
|
.mec-fes-list .mec-book-confirmed,
|
|
.mec-fes-form .mec-book-confirmed {
|
|
background: #50d477 !important;
|
|
}
|
|
|
|
.mec-fes-list .mec-book-pending,
|
|
.mec-fes-form .mec-book-pending {
|
|
background: #fcbe69 !important;
|
|
}
|
|
|
|
.mec-fes-list .mec-book-rejected,
|
|
.mec-fes-form .mec-book-rejected {
|
|
background: #fe686a !important;
|
|
}
|
|
|
|
.mec-fes-list .mec-book-other,
|
|
.mec-fes-form .mec-book-other {
|
|
background: #40d9f1 !important;
|
|
}
|
|
|
|
.mec-fes-list ul li .mec-fes-event-remove,
|
|
.mec-fes-list ul li .mec-fes-event-view,
|
|
.mec-fes-list ul li .mec-fes-event-edit {
|
|
font-size: 11px;
|
|
padding: 0;
|
|
border: 0;
|
|
background: #f7f8f9;
|
|
float: right;
|
|
margin-left: 5px;
|
|
border-radius: 2px;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.mec-fes-list ul li .mec-fes-event-remove,
|
|
.mec-fes-list ul li .mec-fes-event-view a,
|
|
.mec-fes-list ul li .mec-fes-event-edit a,
|
|
.mec-fes-list ul li .mec-fes-event-export a {
|
|
padding: 4px 8px;
|
|
display: inline-block;
|
|
border: 1px solid #e7e8e9;
|
|
border-radius: 2px;
|
|
color: #789;
|
|
position: relative;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.mec-fes-list ul li .mec-fes-event-remove,
|
|
.mec-fes-list ul li .mec-fes-event-view a,
|
|
.mec-fes-list ul li .mec-fes-event-export a,
|
|
.mec-fes-list ul li .mec-fes-event-edit a {
|
|
font-size: 10px;
|
|
}
|
|
}
|
|
|
|
.mec-fes-list ul li .mec-fes-event-remove:hover {
|
|
cursor: pointer;
|
|
background: #f96f8a;
|
|
border-color: #f96f8a;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-fes-list ul li .mec-fes-event-view a:hover,
|
|
.mec-fes-list ul li .mec-fes-event-edit a:hover,
|
|
.mec-fes-list ul li .mec-fes-event-export a:hover {
|
|
background: #40d9f1;
|
|
color: #fff;
|
|
border-color: #40d9f1;
|
|
}
|
|
|
|
.single-mec-events .pmpro_content_message a,
|
|
.single-mec-events .pmpro_content_message a:link,
|
|
.mec-fes-form-top-actions a,
|
|
.mec-fes-list-top-actions a {
|
|
position: relative;
|
|
border: none;
|
|
border-radius: 3px;
|
|
color: #fff !important;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
text-transform: none;
|
|
font-weight: 400;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
margin-bottom: 20px !important;
|
|
margin-right: 10px;
|
|
line-height: 1;
|
|
letter-spacing: 0;
|
|
padding: 15px 22px;
|
|
background: #39c36e;
|
|
box-shadow: 0 1px 7px -3px #39c36e !important;
|
|
-webkit-transition: all 0.21s ease;
|
|
-moz-transition: all 0.21s ease;
|
|
transition: all 0.21s ease;
|
|
text-decoration: unset;
|
|
}
|
|
|
|
.single-mec-events .pmpro_content_message a:hover,
|
|
.single-mec-events .pmpro_content_message a:hover:link,
|
|
.mec-fes-list-top-actions a:hover,
|
|
.mec-fes-form-top-actions a:hover {
|
|
background: #222;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-fes-list-top-actions a {
|
|
font-weight: 600;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.mec-fes-form-top-actions a:before {
|
|
content: "";
|
|
border: solid #fff;
|
|
border-width: 0 2px 2px 0;
|
|
display: inline-block;
|
|
padding: 6px;
|
|
margin-right: 5px;
|
|
vertical-align: sub;
|
|
transform: rotate(135deg);
|
|
-webkit-transform: rotate(135deg);
|
|
}
|
|
|
|
.mec-fes-form .mec-form-row,
|
|
.mec-fes-list .mec-form-row {
|
|
margin-bottom: 10px;
|
|
clear: both;
|
|
}
|
|
|
|
.mec-fes-form label {
|
|
font-size: 13px;
|
|
display: block;
|
|
color: #798f96;
|
|
font-weight: 400;
|
|
padding: 0 0 4px 2px;
|
|
}
|
|
|
|
.mec-fes-form input + label {
|
|
padding-top: 8px;
|
|
padding-left: 3px;
|
|
margin: 0;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#wrap .mec-fes-form input + label {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.mec-fes-form .post-status {
|
|
float: right !important;
|
|
margin: 0 5px;
|
|
color: #fff;
|
|
padding: 0 10px;
|
|
border-radius: 12px;
|
|
font-style: italic;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.mec-fes-form #mec-event-data input[type="date"],
|
|
.mec-fes-form input[type="text"],
|
|
.mec-fes-form input[type="url"],
|
|
.mec-fes-form input[type="number"],
|
|
.mec-fes-form input[type="email"],
|
|
.mec-fes-form input[type="password"],
|
|
.mec-fes-form input[type="tel"],
|
|
.mec-fes-form textarea,
|
|
.mec-fes-form select {
|
|
min-width: inherit;
|
|
width: auto;
|
|
display: inline;
|
|
min-height: 30px;
|
|
font-size: 13px;
|
|
padding: 10px;
|
|
margin-bottom: 20px;
|
|
clear: both;
|
|
background: #fff;
|
|
border: 1px solid #cfeff5;
|
|
box-shadow: 0 2px 5px rgba(207, 239, 245, 0.38) inset;
|
|
border-radius: 3px;
|
|
height: 40px;
|
|
max-width: 280px;
|
|
color: #798f96;
|
|
font-family: inherit;
|
|
}
|
|
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
input[type="date"]::-webkit-calendar-picker-indicator,
|
|
.lity-content
|
|
#mec_fes_form
|
|
input[type="date"]::-webkit-calendar-picker-indicator,
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
input[type="date"]::-webkit-calendar-picker-indicator,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
input[type="date"]::-webkit-calendar-picker-indicator,
|
|
#mec_fes_form input[type="date"]::-webkit-calendar-picker-indicator {
|
|
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA0QjQ2N0QwQjQ4MzExRUE4RDdFREZDRTUxMUVERTM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA0QjQ2N0QxQjQ4MzExRUE4RDdFREZDRTUxMUVERTM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDRCNDY3Q0VCNDgzMTFFQThEN0VERkNFNTExRURFMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDRCNDY3Q0ZCNDgzMTFFQThEN0VERkNFNTExRURFMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6WW71PAAAGIklEQVR42qRXS28bVRQ+586Mx3ZC1DSpVFojRU2CqMIGiSKxAVoUduzoDjYIlhU/Av4AYsdjRXfkD0Cjom6QqIqEqEhRo1aRkkZpkpY6j7GduQ++c2dsj1+BlInGztxvzj3nfudpPlM/otc2W2QjJmU0rZ0uUytUpBxNnN9p/FYhctF0+XUi2nPGkX7WJOfwxNRzqXxtbfI4eUvm7xY1o4iiI0d/vFiisL2BgTAz0yvbCRnLhP0uNEtqrgUseZRcwPPvJewaldSA8o48vo+Tj0U+CnrkOgZwvkEzEmGm1PF9fzK5Y3U/YlllsjRUv19zXl7571HyAjooc/kmYerpcmPO0Mfa0SyxEtji44ynOjPuayjecd7M46/MQOdGyIs9ThnzMLD0XRrwIdeetmoLm41fWiG95Ar792tydLLrOPkAlpW027hbG3+T37lf/5EtvYcXUuhfBjWp9wHRBO63c5lbEkQj2B92uaHy4l2EAQ66GFgbmiD4id/9q661ooAtf8rsvmUEilAHEqcgtJvvNq3YPTkJA8PksT9ZFxD8+4my9pvAOqOMxIMoJHfPZoJkJNiYat3duOac6hxt1N3GR8lnt0O623s+c2CVZEGaZ8Oks1mElvxu7hGYaQjpHLpH3q/YFQE7Oh5Y6gFTaHhAXlasxmoWpZO5L9Ow4DTv+UBZBAkWNO+CqhkbSOzaXWWyzY+n3WcACdVscnklz5CHYsmv1L/RyUJ/cs7zdT3Ey8pTgw/QgNNuS4XjNMvffwvBNmwDH+pdeZ3J+1qDdW15vS0iBhjZWzF9ge8HWl7zNLluYhP/9/jvFANXyL+ufF4jZvOCZsK8isp77+sixf10n7QQjJT39bBtjzdA5chtLG61n7kgk6UvDy29z4HL4c/ifkN0hYV+cA3Bc7stKAfossgSSF06+3HOu8QovE8eThDlv4pu1TbUOpqySDNUKMSDQRIo6QgVRHbFcID1mCITUGgNKLI9uBbcCC59xUi+DsiHBq0XOLb3utqOUYV+LglH9XJASRAsRNqt4xHVj59Exqw3AlrYi0PaiwNqBKoX12Y9iQSP/GkD4xZC0yt/GPFCvZzhUBoMtmPftRwMEEtpupy2auzadLraXtlNoXLhKQYLbjrWRx0cXNf24wxPSmWw5aZPNXSNOi5ytXqZpjTwSqs3PsJi0I61LG29EFG9GtyaeqgvxU17TrAkDjbvnq/eKcTYrbcemi5eHoI/OLgUt7r4n+cqd04llmZ3mjBSDQ4kYtERLLz4OKGt0xGKA9+RgiSGSRV7+UlCVvka72lEvHRx04vLGW2f/PzTBk3VtddRrGlhMXVaIdME5sLJ3ZQOTPQBNqj58uzcxsXtZEkqmQ7IB9ihLeA2x6FQqyG4cRuvbh8uNZSigzBCALhBBtrjkwjjQItQ+kPXWY6eBuEi/lmOlC8kvTh38ZLH3QC+y+GiIl4OqbeZ9RggQZgcVIXe1ep48jPkz/oGw7x1yoytIq1o59AH1Wp1rNHBSXA9tip87zYyvFzpx8dXLVTvqySvhUMNsN6+1ERrrNQVQs57H4K6cR35GrapffICb16RpO7glOHrrQyvjHXxQHB0/j1ugV0LpcFwAzS4n6hiZoIvEp2znwcSigfGJhxpMmseLc0dvFjcvRuLvdEdNyl2+0DOALwE863TM/jnJqhfQa6v4AfJzUNOZ/aVlhqIUpoO4PuU4XFsqFrSM866m9hxBXSvWPx/wHpGqA96Vfa5AH9HnMjYNI96dbkwaVzcCw/nAK+xHzp4Hp89eD04nENzX6v4cYrnrVWXXQF/Fh7MQfWasmogCNsmaT+qwD0g4gYsuYqnWlboeKMUumUr86LycxdwdRUb+zQTvAzcgL0jLXFkbkQUX5UKyFTE2bvZD0a5B8SAUu6dPf+7AInssja2VPSZRud2Ni/NKse5M2VQqkO4BxSzZLmV8Wwpa8S9OHsK3X6+Lc7F/JidOwvkc7z3FbIgzd7smy1c35TEg7NGrg6Ucs88UsCliOLHH1+Td8HYFl++W//QxfT9iSee/3lJWy5X6aMwtK3rTVWJUU4/g4GzdLLp73ku8cEDxNmXUZhc/0eAAQAVgX0RHvvILQAAAABJRU5ErkJggg==");
|
|
background-position: center;
|
|
background-size: cover;
|
|
width: 10px;
|
|
height: 12px;
|
|
display: block;
|
|
}
|
|
|
|
.mec-fes-form input {
|
|
background: #fff;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.mec-fes-form textarea {
|
|
height: 80px;
|
|
}
|
|
|
|
.mec-fes-form input::-webkit-input-placeholder {
|
|
color: #798f96;
|
|
}
|
|
|
|
.mec-fes-form input::-moz-placeholder {
|
|
color: #798f96;
|
|
}
|
|
|
|
.mec-fes-form input:-ms-input-placeholder {
|
|
color: #798f96;
|
|
}
|
|
|
|
.mec-fes-form input:-moz-placeholder {
|
|
color: #798f96;
|
|
}
|
|
|
|
#mec-excerpt .mec-form-row .widefat {
|
|
max-width: 100%;
|
|
}
|
|
|
|
#mec_more_info_target {
|
|
width: 100%;
|
|
}
|
|
|
|
@media only screen and (min-width: 961px) {
|
|
.mec-fes-form #mec-event-data input[type="date"],
|
|
.mec-fes-form input[type="text"],
|
|
.mec-fes-form input[type="url"],
|
|
.mec-fes-form input[type="email"],
|
|
.mec-fes-form input[type="tel"],
|
|
.mec-fes-form input[type="password"],
|
|
.mec-fes-form #mec-event-data select,
|
|
.mec-fes-form textarea {
|
|
width: 100%;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.mec-fes-form #mec-event-data input[type="date"],
|
|
.mec-fes-form input[type="text"],
|
|
.mec-fes-form input[type="url"],
|
|
.mec-fes-form input[type="email"],
|
|
.mec-fes-form input[type="password"],
|
|
.mec-fes-form #mec-event-data select,
|
|
.mec-fes-form textarea {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.mec-fes-form input[type="text"]#mec_fes_title {
|
|
padding: 5px 10px;
|
|
min-height: 32px;
|
|
height: 50px;
|
|
background: #fff !important;
|
|
max-width: 100%;
|
|
font-size: 19px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.mec-fes-form input[type="checkbox"],
|
|
.mec-fes-form input[type="radio"] {
|
|
display: inline !important;
|
|
float: left;
|
|
margin: 5px 5px 0 0;
|
|
}
|
|
|
|
.mec-fes-form input[type="text"]:focus,
|
|
.mec-fes-form input[type="number"]:focus,
|
|
.mec-fes-form input[type="email"]:focus,
|
|
.mec-fes-form input[type="url"]:focus,
|
|
.mec-fes-form input[type="password"]:focus,
|
|
.mec-fes-form input[type="tel"]:focus,
|
|
.mec-fes-form textarea:focus,
|
|
.mec-fes-form select:focus {
|
|
border: 1px solid #aaa;
|
|
color: #444;
|
|
background: #fff;
|
|
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
|
|
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
|
|
outline: none;
|
|
}
|
|
|
|
.mec-form-row .mec-color {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-form-row.mec-available-color-row span {
|
|
margin: 10px;
|
|
width: 14px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
margin-right: 6px;
|
|
border-radius: 20px 20px 20px 20px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-form-row.mec-available-color-row span:first-of-type {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.mec-fes-form.mec-fes-form .mec-tooltip {
|
|
display: inline;
|
|
}
|
|
|
|
.mec-fes-form-cntt .dashicons-editor-help {
|
|
display: block;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip:hover:after,
|
|
.mec-fes-form .mec-tooltip:hover:before {
|
|
display: none;
|
|
}
|
|
|
|
.mec-fes-form.mec-fes-form .mec-tooltip {
|
|
display: inline-flex;
|
|
bottom: 7px;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .box {
|
|
min-width: 300px;
|
|
max-width: 600px;
|
|
display: inline-block;
|
|
left: 26px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
padding: 0;
|
|
margin-top: 8px;
|
|
background-color: #535a61;
|
|
color: #fff;
|
|
font-weight: 300;
|
|
font-size: 14px;
|
|
letter-spacing: 0.5px;
|
|
line-height: 1.3;
|
|
position: absolute;
|
|
z-index: 9999999;
|
|
box-sizing: border-box;
|
|
border-radius: 6px;
|
|
box-shadow: 0 4px 45px -8px #444b50;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: opacity 0.23s;
|
|
}
|
|
|
|
#webnus-dashboard .mec-fes-form .mec-tooltip .box p,
|
|
.mec-fes-form .mec-tooltip .box p {
|
|
color: #fff !important;
|
|
font-size: 14px;
|
|
line-height: 1.3;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip:hover .box {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip:hover .box {
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .box h5 {
|
|
color: #fff;
|
|
font-size: 17px;
|
|
font-weight: 600;
|
|
margin: -30px -20px;
|
|
padding: 20px 0;
|
|
text-align: center;
|
|
margin-bottom: 10px;
|
|
background: #3a3f44;
|
|
border-bottom: 1px solid #32363a;
|
|
border-radius: 6px 6px 0 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
#webnus-dashboard .mec-fes-form .mec-tooltip .box p a,
|
|
.mec-fes-form .mec-tooltip .box p a {
|
|
color: #40d9f1;
|
|
margin-top: 10px;
|
|
margin-left: 0;
|
|
font-weight: 400;
|
|
position: relative;
|
|
text-decoration: none;
|
|
display: block;
|
|
width: max-content;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .box a:hover {
|
|
color: #f90;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .box:after {
|
|
display: block;
|
|
position: absolute !important;
|
|
top: 100% !important;
|
|
right: 50% !important;
|
|
margin-top: -6px !important;
|
|
margin-right: -6px !important;
|
|
width: 12px !important;
|
|
height: 24px !important;
|
|
overflow: hidden !important;
|
|
transform: rotate(-90deg) !important;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .box:before {
|
|
display: block;
|
|
content: "" !important;
|
|
position: absolute !important;
|
|
width: 12px;
|
|
height: 12px;
|
|
left: -10px !important;
|
|
top: 50% !important;
|
|
transform: translate(50%, -50%) rotate(-45deg) !important;
|
|
background-color: #535a61 !important;
|
|
box-shadow: 0 8px 9px -4px #535a61 !important;
|
|
z-index: 0 !important;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .box.top {
|
|
left: 50%;
|
|
top: 0;
|
|
transform: translate(-50%, -100%);
|
|
margin-top: 0;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .box.top:after {
|
|
top: 50% !important;
|
|
right: 100% !important;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .box.top:before {
|
|
left: 50% !important;
|
|
top: 100% !important;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .box.bottom {
|
|
left: 50%;
|
|
top: auto;
|
|
bottom: 0;
|
|
transform: translate(-50%, 100%);
|
|
margin-bottom: -20px;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .box.bottom:after {
|
|
top: 0 !important;
|
|
right: 50% !important;
|
|
background-color: #3a3f44 !important;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .box.bottom:before {
|
|
left: 50% !important;
|
|
top: -7px !important;
|
|
transform: translateX(-50%);
|
|
background-color: #3a3f44 !important;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .box.left {
|
|
left: auto;
|
|
right: 26px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .box.left:before {
|
|
right: 0 !important;
|
|
left: auto !important;
|
|
top: 50% !important;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip {
|
|
display: inline-block;
|
|
position: relative;
|
|
margin-right: 10px;
|
|
cursor: help;
|
|
bottom: 5px;
|
|
left: 3px;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip:hover:after {
|
|
background: #313130;
|
|
border-radius: 5px;
|
|
bottom: 24px;
|
|
color: #fff;
|
|
content: attr(title);
|
|
left: -75px;
|
|
padding: 10px;
|
|
position: absolute;
|
|
z-index: 98;
|
|
width: 240px;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip:hover:before {
|
|
border: solid;
|
|
border-color: #313130 transparent;
|
|
border-width: 6px 6px 0;
|
|
bottom: 18px;
|
|
content: "";
|
|
left: 30%;
|
|
position: absolute;
|
|
z-index: 99;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .dashicons-before:before {
|
|
font-size: 24px;
|
|
color: #008aff;
|
|
line-height: 37px;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip a:focus {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-form-row .bootstrap_unvalid {
|
|
display: block;
|
|
border: 2px solid red;
|
|
position: relative;
|
|
display: inline-block;
|
|
border-bottom: 1px dotted #000;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltiptext {
|
|
visibility: hidden;
|
|
width: 120px;
|
|
background-color: red;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-radius: 6px;
|
|
padding: 5px 0;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .content p a {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (min-width: 961px) {
|
|
.mec-fes-form .mec-fes-form-cntt,
|
|
.mec-fes-form .mec-fes-form-sdbr {
|
|
width: 68%;
|
|
float: left;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.mec-fes-form .mec-fes-form-sdbr {
|
|
width: 32%;
|
|
padding-right: 0;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.mec-fes-submit-mobile {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.mec-fes-form .mec-meta-box-fields {
|
|
padding: 0 20px 20px;
|
|
border: 1px solid #cfeff5;
|
|
margin-bottom: 20px !important;
|
|
box-shadow: 0 2px 6px -3px #cfeff5;
|
|
border-radius: 3px;
|
|
background: #fff;
|
|
}
|
|
|
|
.mec-fes-form .mec-meta-box-fields h4,
|
|
.mec-fes-form .mec-meta-box-fields h4 label {
|
|
margin: 0 -20px;
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
letter-spacing: 0;
|
|
color: #40d9f1;
|
|
text-transform: capitalize;
|
|
padding: 15px 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-fes-form .mec-meta-box-fields h4 label {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-fes-sub-button {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-available-color-row span.color-selected {
|
|
border: 3px solid #fff;
|
|
box-sizing: content-box;
|
|
box-shadow: 0 0 0 2px #40d9f1, 0 2px 8px -1px #40d9f1;
|
|
}
|
|
|
|
.mec-fes-loading:before {
|
|
content: url("../img/ajax-loader.gif");
|
|
background: transparent;
|
|
border-style: none;
|
|
display: block;
|
|
margin-left: 47%;
|
|
}
|
|
|
|
.mec-fes-form
|
|
#mec_meta_box_hourly_schedule_days
|
|
.mec-form-row
|
|
input[type="text"] {
|
|
width: 190px;
|
|
margin-right: 1.4%;
|
|
}
|
|
|
|
.mec-fes-form
|
|
#mec_meta_box_hourly_schedule_days
|
|
.mec-form-row
|
|
input[type="text"].mec-col-1,
|
|
.mec-fes-form
|
|
#mec_meta_box_hourly_schedule_days
|
|
.mec-form-row
|
|
input[type="text"].mec-col-2 {
|
|
width: 120px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.mec-fes-form
|
|
#mec_meta_box_hourly_schedule_days
|
|
.mec-form-row
|
|
input[type="text"].widefat {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row {
|
|
border-bottom: none;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.mec-fes-form
|
|
#mec_meta_box_hourly_schedule_days
|
|
.mec-form-row
|
|
input[type="text"].mec-col-6 {
|
|
width: 39%;
|
|
}
|
|
|
|
.mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row button {
|
|
margin-right: 0;
|
|
padding: 9px 26px;
|
|
}
|
|
|
|
.mec-fes-form
|
|
#mec_meta_box_hourly_schedule_days
|
|
.mec-form-row
|
|
button.mec-add-hourly-schedule-button {
|
|
font-size: 12px;
|
|
height: 30px;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row .description {
|
|
display: inline-block;
|
|
border-left: 1px dashed #bfcacc;
|
|
margin-left: 12px;
|
|
line-height: 28px;
|
|
padding-left: 12px;
|
|
margin-top: 5px;
|
|
font-style: italic;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.mec-fes-form
|
|
#mec_meta_box_hourly_schedule_days
|
|
.mec-form-row
|
|
input[type="text"] {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
#mec_fes_form_message {
|
|
max-width: 838px;
|
|
margin: 10px auto;
|
|
display: block !important;
|
|
text-align: center;
|
|
}
|
|
|
|
/* FES Attendees */
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.mec-booking-attendees-tooltip {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-fes-form .mec-attendees-wrapper .mec-attendees-list strong,
|
|
.post-type-mec-books .attendees strong {
|
|
line-height: 26px;
|
|
padding-left: 26px;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.mec-booking-attendees-tooltip:before {
|
|
position: absolute;
|
|
content: "\e001";
|
|
font-family: simple-line-icons;
|
|
margin: 12px 0;
|
|
top: -30px;
|
|
left: 0;
|
|
font-size: 18px;
|
|
line-height: 12px;
|
|
color: #40d9f1;
|
|
padding: 0 60px 5px 0;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.mec-booking-attendees-tooltip
|
|
ul {
|
|
position: absolute;
|
|
min-width: 300px;
|
|
max-width: 600px;
|
|
display: inline-block;
|
|
left: 60px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
background-color: #535a61;
|
|
color: #fff;
|
|
font-weight: 300;
|
|
font-size: 14px;
|
|
letter-spacing: 0.5px;
|
|
line-height: 1.3;
|
|
z-index: 9999999;
|
|
box-sizing: border-box;
|
|
box-shadow: 0 4px 45px -8px #444b50;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: opacity 0.23s;
|
|
padding: 23px 20px 20px 20px;
|
|
border-radius: 8px;
|
|
margin-top: -13px;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.mec-booking-attendees-tooltip
|
|
ul:before {
|
|
display: block;
|
|
content: "" !important;
|
|
position: absolute !important;
|
|
width: 12px;
|
|
height: 12px;
|
|
left: -10px !important;
|
|
top: 50% !important;
|
|
transform: translate(50%, -50%) rotate(-45deg) !important;
|
|
background-color: #535a61 !important;
|
|
box-shadow: 0 8px 9px -4px #535a61 !important;
|
|
z-index: 0 !important;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.mec-booking-attendees-tooltip:hover
|
|
ul {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.mec-booking-attendees-tooltip
|
|
ul
|
|
li {
|
|
list-style: none;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.mec-booking-attendees-tooltip
|
|
ul
|
|
a {
|
|
color: #40d9f1;
|
|
margin-bottom: 14px;
|
|
margin-left: 0;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
letter-spacing: 0.5px;
|
|
position: relative;
|
|
text-decoration: none;
|
|
display: block;
|
|
width: max-content;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.mec-booking-attendees-tooltip
|
|
ul
|
|
li:last-child
|
|
a {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-fes-form .mec-attendees-wrapper .mec-attendees-list {
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.w-clearfix:first-child {
|
|
background: #fff;
|
|
border-bottom: 1px solid #cfeff5;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.w-clearfix:first-child
|
|
div
|
|
span {
|
|
line-height: 1;
|
|
font-weight: 600;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.mec-fes-form .mec-attendees-wrapper .mec-attendees-list .w-clearfix {
|
|
display: flex;
|
|
background: #f8feff;
|
|
padding: 10px;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.w-clearfix
|
|
.w-col-xs-3 {
|
|
width: 25%;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.w-clearfix
|
|
.w-col-xs-3:first-child {
|
|
width: 45%;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.w-clearfix
|
|
.w-col-xs-3:nth-child(2) {
|
|
width: 15%;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.w-clearfix
|
|
.w-col-xs-3:nth-child(3) {
|
|
width: 25%;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.w-clearfix
|
|
.w-col-xs-3:nth-child(4) {
|
|
width: 20%;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.w-clearfix:not(:first-child)
|
|
.w-col-xs-3 {
|
|
font-size: 13px;
|
|
display: block;
|
|
color: #798f96;
|
|
font-weight: 400;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.w-clearfix
|
|
.w-col-xs-3
|
|
a {
|
|
text-decoration: unset;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.w-clearfix:nth-child(odd) {
|
|
background: #fff;
|
|
}
|
|
|
|
/* FES Pagination */
|
|
.mec-pagination {
|
|
display: block;
|
|
margin: 40px 0 0 0;
|
|
}
|
|
|
|
.mec-pagination ul.page-numbers {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-content: space-around;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.mec-pagination .page-numbers li {
|
|
margin: 0 7px;
|
|
padding: 0;
|
|
display: flex;
|
|
}
|
|
|
|
.mec-pagination .page-numbers li .page-numbers {
|
|
text-align: center;
|
|
font-size: 14px;
|
|
line-height: 3;
|
|
width: 42px;
|
|
}
|
|
|
|
.mec-pagination .page-numbers li .page-numbers.prev,
|
|
.mec-pagination .page-numbers li .page-numbers.next {
|
|
width: 110px;
|
|
}
|
|
|
|
/* MEC Total Calendar
|
|
-------------------------------- */
|
|
.mec-wrap .mec-totalcal-box {
|
|
position: relative;
|
|
border: 1px solid #efefef;
|
|
padding: 20px 5px;
|
|
margin: 0 0 20px;
|
|
background: #fafafa;
|
|
overflow: hidden;
|
|
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.012);
|
|
min-height: 78px;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box i {
|
|
float: left;
|
|
margin: 0;
|
|
width: 36px;
|
|
height: 36px;
|
|
background: #fff;
|
|
border: 1px solid #efefef;
|
|
text-align: center;
|
|
padding: 10px 0;
|
|
font-size: 15px;
|
|
color: #888;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box input,
|
|
.mec-wrap .mec-totalcal-box select,
|
|
.mec-checkboxes-search .mec-searchbar-category-wrap,
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
width: auto;
|
|
min-height: 36px;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
background: #fff;
|
|
font-size: 13px;
|
|
color: #777;
|
|
border: 1px solid #efefef;
|
|
margin: 0 0 0 -1px;
|
|
float: left;
|
|
padding: 0 5px;
|
|
font-family: inherit;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected {
|
|
border-right-width: 2px;
|
|
}
|
|
|
|
.mec-there-labels .mec-totalcal-view {
|
|
margin-top: 28px;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box input[type="submit"] {
|
|
cursor: pointer;
|
|
padding: 0 16px;
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
transition: all 0.21s ease;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box input[type="submit"]:hover {
|
|
background: #222;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
display: inline-block;
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
padding: 0 12px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view span:hover {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected {
|
|
color: #fff;
|
|
background: #40d9f1;
|
|
border-color: #40d9f1;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view {
|
|
text-align: right;
|
|
float: right;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box input[type="search"] {
|
|
width: calc(100% - 36px);
|
|
}
|
|
|
|
.mec-there-reset-button .mec-totalcal-box {
|
|
padding-bottom: 48px;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box .mec-search-reset-button .mec-button {
|
|
position: absolute !important;
|
|
margin: 0 !important;
|
|
bottom: 0 !important;
|
|
right: 0 !important;
|
|
padding: 9px 25px !important;
|
|
border-radius: 2px 0 0 0 !important;
|
|
background: #fff !important;
|
|
color: #767676 !important;
|
|
border-top: 1px solid !important;
|
|
border-left: 1px solid !important;
|
|
border-color: #e8e8e8 !important;
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box .mec-search-reset-button .mec-button:hover {
|
|
background: #000 !important;
|
|
color: #fff !important;
|
|
border-color: #000 !important;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-7 {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-wrap .mec-date-search .mec-col-3,
|
|
.mec-wrap .mec-minmax-event-cost .mec-minmax-price {
|
|
width: calc(50% - 17px);
|
|
}
|
|
|
|
.mec-wrap .mec-text-address-search.with-mec-cost {
|
|
width: calc(100% - 356px);
|
|
}
|
|
|
|
.mec-wrap .mec-minmax-event-cost {
|
|
display: block;
|
|
float: left;
|
|
width: 50%;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.mec-wrap .mec-minmax-event-cost.with-mec-address {
|
|
display: block;
|
|
width: 336px;
|
|
max-width: 50%;
|
|
float: right;
|
|
margin-left: 0;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.mec-wrap .mec-checkboxes-search {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
display: table-caption;
|
|
}
|
|
|
|
.mec-wrap .mec-checkboxes-search .mec-searchbar-category-wrap {
|
|
width: calc(100% - 36px) !important;
|
|
max-width: calc(100% - 36px) !important;
|
|
padding: 0;
|
|
position: relative;
|
|
line-height: inherit;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-wrap .mec-checkboxes-search .mec-searchbar-category-wrap select {
|
|
line-height: 20px;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-checkboxes-search
|
|
.mec-searchbar-category-wrap
|
|
.select2-container.select2-container--default {
|
|
width: calc(100% - 36px) !important;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-checkboxes-search
|
|
.mec-searchbar-category-wrap
|
|
input[type="search"] {
|
|
width: calc(100% - 36px) !important;
|
|
min-height: 30px;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-checkboxes-search
|
|
.mec-searchbar-category-wrap
|
|
.select2-container
|
|
.select2-selection--multiple
|
|
ul,
|
|
.mec-wrap
|
|
.mec-checkboxes-search
|
|
.mec-searchbar-category-wrap
|
|
.select2-container.select2-container--default {
|
|
height: auto;
|
|
overflow: unset;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-checkboxes-search
|
|
.mec-searchbar-category-wrap
|
|
.select2-container
|
|
.select2-selection--multiple
|
|
ul {
|
|
display: block;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-checkboxes-search
|
|
.mec-searchbar-category-wrap
|
|
.select2-container
|
|
.select2-selection--multiple {
|
|
border: unset;
|
|
width: 100%;
|
|
height: 0 !important;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-checkboxes-search
|
|
.mec-searchbar-category-wrap
|
|
.select2-container
|
|
.select2-selection--multiple
|
|
ul
|
|
li {
|
|
line-height: 12px !important;
|
|
max-height: 20px !important;
|
|
width: auto;
|
|
margin-right: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-checkboxes-search
|
|
.mec-searchbar-category-wrap
|
|
.select2-container
|
|
.select2-selection--multiple
|
|
.select2-selection__choice {
|
|
letter-spacing: 0;
|
|
color: #777;
|
|
text-transform: capitalize;
|
|
padding: 4px 6px;
|
|
background-color: #efefef;
|
|
border-radius: 2px;
|
|
border: 0;
|
|
cursor: default;
|
|
float: left;
|
|
margin-right: 5px;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-checkboxes-search
|
|
.mec-searchbar-category-wrap
|
|
.select2-container
|
|
.select2-selection--multiple
|
|
.select2-selection__choice__remove {
|
|
color: #777;
|
|
}
|
|
|
|
@media only screen and (min-width: 961px) and (max-width: 1200px) {
|
|
.mec-wrap .mec-totalcal-box {
|
|
padding: 37px 5px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
.mec-wrap .mec-totalcal-box .col-md-3,
|
|
.mec-wrap .mec-totalcal-box .col-md-4,
|
|
.mec-wrap .mec-totalcal-box .col-md-5 {
|
|
width: 100%;
|
|
float: none;
|
|
clear: both;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-3,
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-4,
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-5 {
|
|
display: block;
|
|
max-width: 100%;
|
|
padding: 0;
|
|
margin: 0 0 10px 0;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-3 {
|
|
padding-bottom: 10px !important;
|
|
}
|
|
|
|
.mec-wrap .mec-search-form .mec-date-search select {
|
|
width: calc(100% - 106px);
|
|
}
|
|
|
|
.mec-wrap .mec-search-form .mec-date-search select:last-child {
|
|
width: 70px;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view {
|
|
float: none;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-checkboxes-search
|
|
.mec-searchbar-category-wrap
|
|
.select2-container
|
|
.select2-selection--multiple
|
|
.select2-selection__choice {
|
|
display: block;
|
|
max-width: 100%;
|
|
white-space: break-spaces;
|
|
max-height: unset !important;
|
|
height: auto !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) and (max-width: 960px) {
|
|
.mec-wrap .mec-totalcal-box .col-md-4 {
|
|
position: relative;
|
|
width: initial;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box .col-md-5 {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-5 {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box {
|
|
padding: 37px 5px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view {
|
|
float: none;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box .col-md-4 {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.mec-wrap .mec-text-address-search.with-mec-cost,
|
|
.mec-wrap .mec-minmax-event-cost.with-mec-address {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.mec-wrap .mec-minmax-event-cost.with-mec-address {
|
|
max-width: calc(100% - 20px);
|
|
margin: 0 10px 20px 10px;
|
|
}
|
|
|
|
.mec-wrap .mec-minmax-event-cost .mec-minmax-price {
|
|
width: calc(50% - 17px);
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
padding: 0 8px;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box input[type="submit"] {
|
|
padding: 0 10px;
|
|
font-size: 10px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 961px) {
|
|
.mec-wrap.mec-sm959 .mec-totalcal-box .col-md-3,
|
|
.mec-wrap .mec-wrap.mec-sm959 .mec-totalcal-box .col-md-5 {
|
|
padding-bottom: 20px;
|
|
clear: both;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mec-wrap.mec-sm959 .mec-totalcal-box .col-md-5 {
|
|
right: 10px;
|
|
width: initial;
|
|
}
|
|
|
|
.mec-wrap.mec-sm959 .mec-totalcal-box .col-md-4 {
|
|
padding-bottom: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 961px) and (max-width: 1200px) {
|
|
.mec-full-calendar-wrap .mec-totalcal-box {
|
|
padding: 15px 10px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-2 {
|
|
width: 50%;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.mec-search-form .mec-date-search,
|
|
.mec-search-form .mec-dropdown-search,
|
|
.mec-search-form .mec-text-input-search,
|
|
.mec-search-form .mec-text-address-search {
|
|
padding: 0 4px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-2,
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-3,
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-4,
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-5 {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-2 select {
|
|
min-width: calc(100% - 36px);
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-3 select {
|
|
min-width: calc(30% - 10px);
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-3:last-child select {
|
|
min-width: calc(50% - 19px);
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
font-size: 9px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.post-type-archive-mec-events .mec-totalcal-box .col-md-3,
|
|
.post-type-archive-mec-events .mec-totalcal-box .col-md-4 {
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
.post-type-archive-mec-events .mec-totalcal-box select:last-child {
|
|
min-width: auto;
|
|
}
|
|
|
|
.post-type-archive-mec-events .mec-totalcal-box .col-md-5 {
|
|
position: relative;
|
|
float: right;
|
|
max-width: 100%;
|
|
left: 0;
|
|
top: 20px;
|
|
width: 100% !important;
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
|
|
.post-type-archive-mec-events .mec-totalcal-box .mec-totalcal-view {
|
|
max-width: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.post-type-archive-mec-events .mec-totalcal-box .mec-totalcal-view span {
|
|
width: 20.1%;
|
|
font-size: 10px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
.post-type-archive-mec-events .mec-totalcal-box .col-md-5 {
|
|
top: 10px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 760px) {
|
|
.post-type-archive-mec-events .mec-totalcal-box .col-md-5 {
|
|
top: 0 !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
.post-type-archive-mec-events .mec-totalcal-box .mec-totalcal-view span {
|
|
font-size: 8px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1201px) and (max-width: 1280px) {
|
|
.mec-full-calendar-wrap .mec-totalcal-view span {
|
|
font-size: 9px;
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 761px) and (max-width: 1200px) {
|
|
.mec-full-calendar-wrap
|
|
.mec-search-form
|
|
.mec-dropdown-wrap
|
|
.mec-dropdown-search {
|
|
width: 33.3333%;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-4 .mec-text-input-search {
|
|
padding: 0;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-3 {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-search-form .mec-date-search select:last-child {
|
|
min-width: 70px;
|
|
width: 70px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-5 {
|
|
float: right;
|
|
padding: 0 0 10px 0;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-view span {
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 760px) {
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-3 {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-search-form .mec-date-search select:last-child {
|
|
min-width: 70px;
|
|
width: 70px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-5 {
|
|
float: right;
|
|
padding: 0 0 10px 0;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-view span {
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 960px) {
|
|
.mec-full-calendar-wrap .mec-totalcal-box {
|
|
padding: 20px 20px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-2 {
|
|
width: 50%;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-2,
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-3,
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-4 {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-2 select {
|
|
min-width: calc(100% - 36px);
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
font-size: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-2 {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
min-width: 14.3%;
|
|
text-align: center;
|
|
font-size: 10px;
|
|
margin-right: -1px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 780px) {
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-3 select {
|
|
width: calc(50% - 18px) !important;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-4 {
|
|
position: unset;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-3,
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-4,
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-5 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
padding: 0 7px;
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-full-calendar-wrap .mec-totalcal-box {
|
|
padding: 15px 10px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
min-width: 13.5%;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 411px) {
|
|
.mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
min-width: 12%;
|
|
font-size: 10px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 320px) {
|
|
.mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
min-width: 22.5%;
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
/* FullCalendar Search field items responsive */
|
|
.mec-totalcalview-selected:hover {
|
|
color: #fff !important;
|
|
}
|
|
|
|
/* Cal search form */
|
|
.mec-search-form {
|
|
padding: 20px 10px;
|
|
}
|
|
|
|
.mec-search-form .mec-dropdown-wrap {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-search-form .mec-date-input-search,
|
|
.mec-search-form .mec-time-input-search,
|
|
.mec-search-form .mec-dropdown-search,
|
|
.mec-search-form .mec-text-input-search,
|
|
.mec-search-form .mec-date-search {
|
|
padding: 0 10px;
|
|
float: left;
|
|
/* min-height: 55px; */
|
|
}
|
|
|
|
.mec-search-form .mec-date-search,
|
|
.mec-search-form .mec-totalcal-view,
|
|
.mec-search-form .mec-time-picker-search {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.mec-search-form .mec-text-input-search {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-search-form .mec-full-calendar-search-ends .mec-text-input-search {
|
|
width: 50%;
|
|
}
|
|
|
|
.mec-search-form .mec-date-search,
|
|
.mec-search-form .mec-time-picker-search {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.mec-search-form .mec-date-search.with-mec-time-picker,
|
|
.mec-search-form .mec-time-picker-search.with-mec-date-search {
|
|
width: 25%;
|
|
float: left;
|
|
}
|
|
|
|
.mec-search-form .mec-tab-loader.col-md-6 .mec-totalcal-view {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-wrap .mec-search-form .with-mec-date-search .mec-timepicker-start,
|
|
.mec-wrap .mec-search-form .with-mec-date-search .mec-timepicker-end {
|
|
width: calc(50% - 17px);
|
|
}
|
|
|
|
.mec-search-form .mec-text-address-search,
|
|
.mec-search-form .mec-minmax-event-cost,
|
|
.mec-search-form
|
|
.mec-full-calendar-search-ends
|
|
.mec-text-input-search.col-md-12 {
|
|
min-height: 55px;
|
|
}
|
|
|
|
.mec-search-form
|
|
.mec-full-calendar-search-ends
|
|
.mec-text-input-search.col-md-12,
|
|
.mec-widget .mec-search-form .mec-text-input-search,
|
|
.mec-widget .mec-search-form .mec-date-search {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-search-form
|
|
.mec-full-calendar-search-ends
|
|
.mec-text-input-search.col-md-12 {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.mec-there-labels
|
|
.mec-search-form
|
|
.mec-full-calendar-search-ends
|
|
.mec-text-input-search.col-md-12 {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.mec-search-form .mec-text-address-search,
|
|
.mec-search-form .mec-minmax-event-cost,
|
|
.mec-widget .mec-search-form .mec-text-input-search {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.mec-search-form .mec-date-search {
|
|
clear: left;
|
|
}
|
|
|
|
.mec-search-form .mec-dropdown-wrap .mec-dropdown-search {
|
|
display: table-cell;
|
|
float: none;
|
|
}
|
|
|
|
.mec-widget .mec-search-form .mec-dropdown-wrap .mec-dropdown-search {
|
|
display: block;
|
|
}
|
|
|
|
.mec-checkboxes-search .mec-searchbar-category-wrap,
|
|
.mec-wrap .mec-search-form .mec-dropdown-wrap .mec-dropdown-search select {
|
|
width: calc(100% - 36px);
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-wrap .mec-search-form .mec-text-input-search input,
|
|
.mec-wrap .mec-search-form .mec-minmax-price input,
|
|
.mec-wrap .mec-search-form .mec-text-address-search input {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box label {
|
|
display: block;
|
|
line-height: 1.8;
|
|
margin-bottom: 4px;
|
|
font-size: 13px;
|
|
color: #9a9a9a;
|
|
}
|
|
|
|
.mec-wrap .mec-search-form .mec-date-search select {
|
|
width: calc(100% - 106px);
|
|
}
|
|
|
|
.mec-wrap .mec-search-form .mec-date-search select:last-child {
|
|
width: 70px;
|
|
}
|
|
|
|
@media only screen and (max-width: 781px) {
|
|
.mec-search-form .mec-dropdown-search,
|
|
.mec-search-form .mec-text-input-search,
|
|
.mec-search-form .mec-date-search {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
|
|
.mec-search-form .mec-date-search {
|
|
min-height: 55px;
|
|
}
|
|
|
|
.mec-search-form .mec-dropdown-wrap .mec-dropdown-search {
|
|
display: block;
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-3 {
|
|
margin-bottom: 0;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-search-form .mec-dropdown-wrap .mec-dropdown-search {
|
|
display: block;
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
}
|
|
|
|
/* Final fix full calendar shortcode */
|
|
@media only screen and (min-width: 961px) and (max-width: 1200px) {
|
|
.post-type-archive-mec-events .mec-totalcal-box .col-md-3,
|
|
.post-type-archive-mec-events .mec-totalcal-box .col-md-4,
|
|
.post-type-archive-mec-events .mec-totalcal-box .col-md-5 {
|
|
max-width: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.post-type-archive-mec-events .mec-totalcal-box .col-md-4 {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.post-type-archive-mec-events
|
|
.mec-totalcal-box
|
|
.col-md-4
|
|
.mec-text-input-search {
|
|
margin: 0;
|
|
}
|
|
|
|
.post-type-archive-mec-events .mec-totalcal-box .col-md-5 {
|
|
margin-bottom: 20px;
|
|
padding: 0 10px 10px 10px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-4,
|
|
.post-type-archive-mec-events .mec-totalcal-box .col-md-4 {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-4 {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.post-type-archive-mec-events
|
|
.mec-totalcal-box
|
|
.col-md-4
|
|
.mec-text-input-search {
|
|
margin: 0;
|
|
}
|
|
|
|
.post-type-archive-mec-events .mec-totalcal-box .mec-totalcal-view {
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-search-form .col-md-5 {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.post-type-archive-mec-events .mec-totalcal-box .col-md-5 {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 780px) {
|
|
.post-type-archive-mec-events .mec-totalcal-box .mec-totalcal-view span {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 760px) {
|
|
.post-type-archive-mec-events .mec-totalcal-box .mec-totalcal-view span {
|
|
margin-top: 20px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .col-md-4,
|
|
.post-type-archive-mec-events .mec-totalcal-box .col-md-4 {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.post-type-archive-mec-events
|
|
.mec-full-calendar-wrap
|
|
.mec-totalcal-view
|
|
span {
|
|
width: 14.333%;
|
|
font-size: 8px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 320px) and (max-width: 960px) {
|
|
.post-type-archive-mec-events .mec-search-form .col-md-5 span {
|
|
width: 20% !important;
|
|
}
|
|
}
|
|
|
|
.mec-search-form .mec-text-address-search {
|
|
float: left;
|
|
width: 100%;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
@media (max-width: 960px) {
|
|
.mec-search-form .mec-dropdown-search {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-wrap .mec-minmax-event-cost.with-mec-address,
|
|
.mec-wrap .mec-text-address-search.with-mec-cost {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.mec-search-form .mec-date-search.with-mec-time-picker,
|
|
.mec-search-form .mec-time-picker-search.with-mec-date-search {
|
|
width: 50%;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view {
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-tab-loader {
|
|
width: 100%;
|
|
display: block;
|
|
float: unset;
|
|
padding: 0 0 0 10px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 780px) {
|
|
.mec-full-calendar-wrap .mec-totalcal-box {
|
|
padding: 10px;
|
|
}
|
|
|
|
.mec-search-form .mec-date-search.with-mec-time-picker,
|
|
.mec-search-form .mec-time-picker-search.with-mec-date-search {
|
|
margin: 20px 0;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-search-form .mec-date-search {
|
|
min-height: unset;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-search-form .mec-date-search.with-mec-time-picker,
|
|
.mec-search-form .mec-time-picker-search.with-mec-date-search {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
min-width: 12%;
|
|
text-align: center;
|
|
font-size: 9px;
|
|
}
|
|
|
|
.mec-search-form .mec-minmax-event-cost,
|
|
.mec-search-form .mec-text-address-search,
|
|
.mec-search-form .mec-full-calendar-search-ends .mec-text-input-search,
|
|
.mec-search-form .mec-date-search.with-mec-time-picker,
|
|
.mec-search-form .mec-time-picker-search.with-mec-date-search,
|
|
.mec-wrap .mec-minmax-event-cost.with-mec-address,
|
|
.mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
|
|
margin-bottom: 0;
|
|
margin-top: 10px;
|
|
min-height: auto;
|
|
}
|
|
|
|
.mec-wrap .mec-minmax-event-cost.with-mec-address {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-wrap.mec-widget
|
|
.mec-search-form
|
|
.mec-time-picker-search.with-mec-date-search,
|
|
.mec-wrap.mec-widget .mec-minmax-event-cost.with-mec-address,
|
|
.mec-wrap.mec-widget .mec-text-address-search.with-mec-cost {
|
|
display: block !important;
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.mec-wrap.mec-widget .mec-minmax-event-cost.with-mec-address {
|
|
float: left !important;
|
|
max-width: calc(100% - 20px) !important;
|
|
margin: 0 0 0 10px !important;
|
|
}
|
|
|
|
.mec-wrap.mec-widget
|
|
.mec-search-form
|
|
.mec-time-picker-search.with-mec-date-search {
|
|
margin-top: 20px !important;
|
|
}
|
|
|
|
.mec-wrap.mec-widget .mec-search-form .mec-text-input-search {
|
|
padding: 10px !important;
|
|
}
|
|
}
|
|
|
|
/* MEC Datepicker
|
|
---------------------*/
|
|
.ui-datepicker {
|
|
background-color: #fff;
|
|
border: 1px solid #66afe9;
|
|
border-radius: 4px;
|
|
box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
|
|
display: none;
|
|
margin-top: 4px;
|
|
padding: 10px;
|
|
width: 240px;
|
|
}
|
|
|
|
.ui-datepicker a,
|
|
.ui-datepicker a:hover {
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ui-datepicker a:hover,
|
|
.ui-datepicker td:hover a {
|
|
color: #2c6396;
|
|
-webkit-transition: color 0.1s ease-in-out;
|
|
-moz-transition: color 0.1s ease-in-out;
|
|
-o-transition: color 0.1s ease-in-out;
|
|
transition: color 0.1s ease-in-out;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-header {
|
|
margin-bottom: 4px;
|
|
text-align: center;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-title {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-prev,
|
|
.ui-datepicker .ui-datepicker-next {
|
|
cursor: default;
|
|
font-family: dashicons;
|
|
-webkit-font-smoothing: antialiased;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
height: 20px;
|
|
line-height: 1.4;
|
|
margin-top: 2px;
|
|
width: 20px;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-prev {
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-next {
|
|
float: right;
|
|
text-align: center;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-prev:before {
|
|
content: "\f341";
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-next:before {
|
|
content: "\f345";
|
|
}
|
|
|
|
.ui-datepicker .ui-icon {
|
|
display: none;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-calendar {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-calendar th,
|
|
.ui-datepicker .ui-datepicker-calendar td {
|
|
text-align: center;
|
|
padding: 4px 0;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-calendar td {
|
|
border-radius: 4px;
|
|
-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
|
|
-moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
|
|
-o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
|
|
transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-calendar td:hover {
|
|
background-color: #eee;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-calendar td a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-current-day {
|
|
background-color: #4289cc;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-current-day a {
|
|
color: #fff;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
|
|
background-color: #fff;
|
|
cursor: default;
|
|
}
|
|
|
|
/* MEC Events Carousel Type1 */
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.mec-owl-theme .owl-nav [class*="owl-"] {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.mec-owl-theme .owl-dots .owl-dot {
|
|
border: none;
|
|
}
|
|
|
|
.event-carousel-type1-head .mec-event-image {
|
|
position: relative;
|
|
min-height: 150px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.event-carousel-type1-head .mec-event-image img {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-event-carousel-content .mec-event-carousel-title a {
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.event-carousel-type1-head .mec-event-date-carousel {
|
|
position: absolute;
|
|
top: 25px;
|
|
left: 1px;
|
|
font-size: 41px;
|
|
width: 160px;
|
|
color: #fff;
|
|
font-weight: 500;
|
|
background-color: #40d9f1;
|
|
padding-left: 14px;
|
|
height: 97px;
|
|
line-height: 2.3;
|
|
padding-right: 85px;
|
|
}
|
|
|
|
.event-carousel-type1-head .mec-event-date-carousel:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: inline-block;
|
|
z-index: -1;
|
|
bottom: -13px;
|
|
left: 5px;
|
|
width: 0;
|
|
border-width: 13px;
|
|
border-style: solid;
|
|
border-color: transparent transparent #40d9f1 transparent;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.event-carousel-type1-head .mec-event-date-info {
|
|
font-size: 12px;
|
|
font-weight: 300;
|
|
position: absolute;
|
|
top: 27px;
|
|
left: 75px;
|
|
}
|
|
|
|
.event-carousel-type1-head .mec-event-date-info-year {
|
|
font-size: 12px;
|
|
font-weight: 300;
|
|
position: absolute;
|
|
top: 45px;
|
|
left: 75px;
|
|
}
|
|
|
|
.mec-event-carousel-content {
|
|
border: 1px solid #e8e8e8;
|
|
border-top: none;
|
|
margin-top: -5px;
|
|
padding: 34px 9px 11px 37px;
|
|
}
|
|
|
|
.mec-event-carousel-content .mec-event-carousel-title a {
|
|
font-size: 23px;
|
|
font-weight: 500;
|
|
color: #000;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.mec-event-carousel-content p {
|
|
font-size: 14px;
|
|
color: #7a7272;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.mec-owl-crousel-skin-type1 .owl-item .mec-event-article {
|
|
padding: 0 19px;
|
|
}
|
|
|
|
.mec-event-carousel-type1 .owl-page.active span {
|
|
background-color: #00aeef;
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
|
|
.mec-event-carousel-type1 .mec-event-carousel-content {
|
|
margin-bottom: 15px;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
|
|
transition: all 0.27s ease;
|
|
}
|
|
|
|
.mec-skin-carousel-container .mec-owl-carousel button:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.mec-event-carousel-type1 .mec-event-carousel-content:hover {
|
|
box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
|
|
}
|
|
|
|
.mec-skin-carousel-container .mec-multiple-event .mec-event-date-carousel {
|
|
width: 255px;
|
|
}
|
|
|
|
.mec-skin-carousel-container
|
|
.mec-multiple-event
|
|
.event-carousel-type1-head
|
|
.mec-event-date-info-year,
|
|
.mec-skin-carousel-container
|
|
.mec-multiple-event
|
|
.event-carousel-type1-head
|
|
.mec-event-date-info {
|
|
left: 175px;
|
|
}
|
|
|
|
.mec-skin-carousel-container .mec-time-details span,
|
|
.mec-skin-carousel-container .mec-time-details {
|
|
font-size: 11px;
|
|
font-weight: 400;
|
|
line-height: 1.9;
|
|
letter-spacing: 0;
|
|
color: #000;
|
|
border-radius: 2px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.mec-event-carousel-type4 .mec-time-details span,
|
|
.mec-event-carousel-type4 .mec-time-details {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-skin-carousel-container .mec-time-details span {
|
|
margin: 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) and (max-width: 1000px),
|
|
(min-width: 270px) and (max-width: 448px) {
|
|
.event-carousel-type1-head .mec-event-date-carousel {
|
|
font-size: 25px;
|
|
line-height: 2.5;
|
|
padding-right: 70px;
|
|
height: 64px;
|
|
width: 120px;
|
|
}
|
|
|
|
.event-carousel-type1-head .mec-event-date-carousel:after {
|
|
left: 7px;
|
|
}
|
|
|
|
.event-carousel-type1-head .mec-event-date-info {
|
|
font-size: 10px;
|
|
top: 13px;
|
|
left: 55px;
|
|
}
|
|
|
|
.event-carousel-type1-head .mec-event-date-info-year {
|
|
font-size: 10px;
|
|
top: 25px;
|
|
left: 55px;
|
|
}
|
|
|
|
.event-carousel-type1-head .mec-event-date-carousel:after {
|
|
top: 48px;
|
|
}
|
|
}
|
|
|
|
/* MEC Events Carousel Type2
|
|
---------------------------- */
|
|
.event-carousel-type2-head {
|
|
background: #fff;
|
|
border: 1px solid #e6e6e6;
|
|
}
|
|
|
|
.event-carousel-type2-head .mec-event-carousel-content-type2 {
|
|
margin-top: 15px;
|
|
min-height: 182px;
|
|
}
|
|
|
|
.event-carousel-type2-head
|
|
.mec-event-carousel-content-type2
|
|
.mec-event-date-info {
|
|
font-size: 15px;
|
|
color: #9a9a9a;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.event-carousel-type2-head
|
|
.mec-event-carousel-content-type2
|
|
.mec-event-carousel-title {
|
|
font-size: 26px;
|
|
font-weight: bold;
|
|
color: #1c1d21;
|
|
margin-top: 15px;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.mec-event-carousel-content-type2 .mec-event-carousel-title a {
|
|
color: inherit;
|
|
}
|
|
|
|
.mec-event-carousel-type2
|
|
.event-carousel-type2-head
|
|
.mec-event-carousel-content-type2
|
|
p {
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
color: #444444;
|
|
}
|
|
|
|
.event-carousel-type2-head .mec-event-footer-carousel-type2 {
|
|
margin-top: 33px;
|
|
position: relative;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.mec-event-carousel-type2
|
|
.mec-event-footer-carousel-type2
|
|
.mec-event-sharing-wrap {
|
|
padding-left: 0;
|
|
position: relative;
|
|
left: 0;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.event-carousel-type2-head
|
|
.mec-event-footer-carousel-type2
|
|
.mec-event-sharing-wrap
|
|
> li {
|
|
border: none;
|
|
-webkit-transition: all 0.25s ease;
|
|
transition: all 0.25s ease;
|
|
}
|
|
|
|
.event-carousel-type2-head
|
|
.mec-event-footer-carousel-type2
|
|
.mec-booking-button {
|
|
border: 1px solid #e4e4e4;
|
|
padding: 7px 23px 7px;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
color: #707070;
|
|
font-weight: 500;
|
|
-webkit-transition: all 0.25s ease;
|
|
transition: all 0.25s ease;
|
|
}
|
|
|
|
.event-carousel-type2-head
|
|
.mec-event-footer-carousel-type2
|
|
.mec-booking-button:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-article .event-carousel-type2-head {
|
|
padding: 10%;
|
|
margin-right: -1px;
|
|
}
|
|
|
|
.mec-event-carousel-type2 .mec-owl-carousel .owl-wrapper-outer {
|
|
border-right: 1px solid #e6e6e6;
|
|
}
|
|
|
|
.event-carousel-type2-head
|
|
.mec-event-footer-carousel-type2
|
|
.mec-booking-button {
|
|
line-height: 17px;
|
|
height: 41px;
|
|
padding: 12px 10px;
|
|
}
|
|
|
|
.event-carousel-type2-head
|
|
.mec-event-footer-carousel-type2
|
|
.mec-modal-booking-button {
|
|
margin: 0;
|
|
padding: 12px 10px;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-carousel-type2 .owl-prev,
|
|
.mec-wrap .mec-event-carousel-type2 .owl-next,
|
|
.mec-wrap .mec-event-carousel-type3 .owl-prev,
|
|
.mec-wrap .mec-event-carousel-type3 .owl-next,
|
|
.mec-wrap .mec-event-carousel-type4 .owl-prev,
|
|
.mec-wrap .mec-event-carousel-type4 .owl-next {
|
|
transition: all 0.25s ease;
|
|
-webkit-transition: all 0.25s ease;
|
|
position: absolute;
|
|
top: 47%;
|
|
background-color: transparent !important;
|
|
position: absolute !important;
|
|
}
|
|
|
|
.mec-event-carousel-type2 .owl-next {
|
|
right: -60px;
|
|
}
|
|
|
|
.mec-event-carousel-type2 .owl-prev {
|
|
left: -60px;
|
|
}
|
|
|
|
.mec-event-carousel-type2 .owl-prev,
|
|
.mec-event-carousel-type2 .owl-next,
|
|
.mec-event-carousel-type3 .owl-prev,
|
|
.mec-event-carousel-type3 .owl-next,
|
|
.mec-event-carousel-type4 .owl-prev,
|
|
.mec-event-carousel-type4 .owl-next {
|
|
border: none;
|
|
}
|
|
|
|
.mec-event-carousel-type2 .owl-prev i,
|
|
.mec-event-carousel-type2 .owl-next i,
|
|
.mec-event-carousel-type3 .owl-prev i,
|
|
.mec-event-carousel-type3 .owl-next i,
|
|
.mec-event-carousel-type4 .owl-prev i,
|
|
.mec-event-carousel-type4 .owl-next i {
|
|
font-size: 40px;
|
|
color: #282828;
|
|
}
|
|
|
|
.mec-event-carousel-type2 .owl-prev i:hover,
|
|
.mec-event-carousel-type2 .owl-next i:hover,
|
|
.mec-event-carousel-type3 .owl-prev i:hover,
|
|
.mec-event-carousel-type3 .owl-next i:hover {
|
|
color: #000;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-event-footer-carousel-type2 .mec-event-sharing-wrap .mec-event-sharing {
|
|
top: auto;
|
|
bottom: 60px;
|
|
}
|
|
|
|
.mec-event-footer-carousel-type2
|
|
.mec-event-sharing-wrap
|
|
.mec-event-sharing:after,
|
|
.mec-event-footer-carousel-type2
|
|
.mec-event-sharing-wrap
|
|
.mec-event-sharing:before {
|
|
top: auto;
|
|
bottom: -19px;
|
|
border-color: #e2e2e2 transparent transparent transparent;
|
|
}
|
|
|
|
.mec-event-footer-carousel-type2
|
|
.mec-event-sharing-wrap
|
|
.mec-event-sharing:after {
|
|
bottom: -18px;
|
|
border-color: #fff transparent transparent transparent;
|
|
}
|
|
|
|
@media only screen and (min-width: 320px) and (max-width: 768px) {
|
|
.mec-event-carousel-type2 .owl-prev,
|
|
.mec-event-carousel-type2 .owl-next,
|
|
.mec-event-carousel-type3 .owl-prev,
|
|
.mec-event-carousel-type3 .owl-next,
|
|
.mec-event-carousel-type4 .owl-prev,
|
|
.mec-event-carousel-type4 .owl-next {
|
|
position: initial;
|
|
top: 100%;
|
|
}
|
|
}
|
|
|
|
/* MEC Events Carousel Type3
|
|
----------------------------- */
|
|
.mec-event-carousel-type3 .mec-event-article {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.event-carousel-type3-head .mec-event-image,
|
|
.event-carousel-type3-head .mec-event-image img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.event-carousel-type3-head .mec-event-footer-carousel-type3 {
|
|
background: #fff;
|
|
display: inline-block;
|
|
width: calc(100% - 40px);
|
|
margin-top: -74px;
|
|
position: relative;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
margin-bottom: 6px;
|
|
padding: 8% 11%;
|
|
box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.event-carousel-type3-head
|
|
.mec-event-footer-carousel-type3
|
|
.mec-booking-button {
|
|
border: 1px solid #e4e4e4;
|
|
text-transform: uppercase;
|
|
float: right;
|
|
padding: 0 10px;
|
|
font-size: 12px;
|
|
line-height: 36px;
|
|
color: #707070;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.event-carousel-type3-head
|
|
.mec-event-footer-carousel-type3
|
|
.mec-booking-button:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-footer-carousel-type3 span {
|
|
font-size: 15px;
|
|
color: #9a9a9a;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.mec-event-footer-carousel-type3 .mec-event-carousel-title {
|
|
font-size: 29px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.event-carousel-type3-head
|
|
.mec-event-footer-carousel-type3
|
|
.mec-event-carousel-title {
|
|
font-size: 26px;
|
|
font-weight: bold;
|
|
color: #1c1d21;
|
|
margin-top: 15px;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.mec-event-footer-carousel-type3 .mec-event-carousel-title a {
|
|
color: inherit;
|
|
}
|
|
|
|
.event-carousel-type3-head .mec-event-footer-carousel-type3 p {
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
color: #444444 !important;
|
|
margin-bottom: 36px;
|
|
}
|
|
|
|
.mec-event-carousel-type3 .owl-next {
|
|
right: -70px;
|
|
}
|
|
|
|
.mec-event-carousel-type3 .owl-prev {
|
|
left: -70px;
|
|
}
|
|
|
|
.mec-event-footer-carousel-type3 .mec-event-sharing-wrap {
|
|
position: static;
|
|
float: left;
|
|
}
|
|
|
|
.mec-event-footer-carousel-type3 .mec-event-sharing-wrap .mec-event-sharing {
|
|
top: auto;
|
|
bottom: 60px;
|
|
}
|
|
|
|
.mec-event-footer-carousel-type3
|
|
.mec-event-sharing-wrap
|
|
.mec-event-sharing:after,
|
|
.mec-event-footer-carousel-type3
|
|
.mec-event-sharing-wrap
|
|
.mec-event-sharing:before {
|
|
top: auto;
|
|
bottom: -19px;
|
|
border-color: #e2e2e2 transparent transparent transparent;
|
|
}
|
|
|
|
.mec-event-footer-carousel-type3
|
|
.mec-event-sharing-wrap
|
|
.mec-event-sharing:after {
|
|
bottom: -18px;
|
|
border-color: #fff transparent transparent transparent;
|
|
}
|
|
|
|
.event-carousel-type3-head .mec-end-date-label {
|
|
display: inline;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
/* MEC Events Carousel Type4
|
|
----------------------------- */
|
|
.event-carousel-type4-head.clearfix {
|
|
position: relative;
|
|
overflow: hidden;
|
|
background: #fff;
|
|
}
|
|
|
|
.event-carousel-type4-head .mec-event-overlay {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
top: 0;
|
|
width: auto;
|
|
height: auto;
|
|
background-color: rgba(36, 36, 36, 0.4);
|
|
transition: all 0.33s ease-in-out;
|
|
}
|
|
|
|
.mec-event-hover-carousel-type4 {
|
|
font-size: 15px;
|
|
color: #fff;
|
|
position: absolute;
|
|
bottom: 0;
|
|
padding: 50px 35px;
|
|
transition: all 0.33s ease-in-out;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.event-carousel-type4-head .mec-event-image img {
|
|
min-height: 360px;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.mec-event-carousel-type4 .mec-event-article {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.mec-event-carousel-type4
|
|
.mec-event-article:hover
|
|
.mec-event-hover-carousel-type4 {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.mec-event-hover-carousel-type4 .mec-event-icon {
|
|
font-size: 18px;
|
|
float: left;
|
|
margin-right: 14px;
|
|
color: #fff;
|
|
padding: 13px;
|
|
}
|
|
|
|
.mec-event-hover-carousel-type4 .mec-event-date {
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
font-weight: 400;
|
|
line-height: 1.6;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-event-hover-carousel-type4 .mec-event-date span {
|
|
display: block;
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.mec-event-hover-carousel-type4 .mec-event-title {
|
|
color: #fff;
|
|
margin: 20px 0 38px;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
font-style: normal;
|
|
}
|
|
|
|
.mec-event-hover-carousel-type4 .mec-btn-wrapper {
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-event-hover-carousel-type4 .mec-event-button {
|
|
color: #fff;
|
|
background-color: #191919;
|
|
border: 2px #191919 solid;
|
|
padding: 10px 14px;
|
|
letter-spacing: 1.5px;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
transition: all 0.22s ease;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.mec-event-hover-carousel-type4 .mec-event-button:hover {
|
|
color: #191919;
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.mec-event-carousel-type4 .owl-next {
|
|
right: -70px;
|
|
}
|
|
|
|
.mec-event-carousel-type4 .owl-prev {
|
|
left: -70px;
|
|
}
|
|
|
|
.mec-carousel-type4-head {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.mec-carousel-type4-head-title {
|
|
padding: 0 11px;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
color: #000;
|
|
}
|
|
|
|
.mec-carousel-type4-head-link {
|
|
text-align: right;
|
|
padding: 0 11px;
|
|
}
|
|
|
|
.mec-carousel-type4-head-link a {
|
|
background: #222;
|
|
color: #fff;
|
|
padding: 10px 38px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.mec-carousel-type4-head-link a:hover,
|
|
.mec-carousel-type4-head-link a:visited {
|
|
color: #fff;
|
|
}
|
|
|
|
@media (max-width: 960px) {
|
|
.mec-event-carousel-type4 .owl-stage {
|
|
left: -50px;
|
|
}
|
|
}
|
|
|
|
/* MEC Countdown View Style1
|
|
----------------------------- */
|
|
.mec-wrap .mec-event-countdown-style1 {
|
|
color: #fff;
|
|
padding: 0 !important;
|
|
display: table;
|
|
background: #437df9;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part1 {
|
|
z-index: 5;
|
|
padding: 50px 1% 50px 4%;
|
|
display: table-cell;
|
|
float: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part2 {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
height: 100%;
|
|
padding-top: 0;
|
|
display: table-cell;
|
|
float: none;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part3 {
|
|
background-color: #f8f8f8;
|
|
display: table-cell;
|
|
float: none;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-event-countdown-style1
|
|
.mec-event-countdown-part1
|
|
.mec-event-title {
|
|
color: #fff;
|
|
font-size: 15px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-event-countdown-style1
|
|
.mec-event-countdown-part1
|
|
.mec-event-upcoming {
|
|
font-size: 36px;
|
|
font-weight: bold;
|
|
line-height: 1;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-event-countdown-style1
|
|
.mec-event-countdown-part2
|
|
.mec-event-countdown
|
|
> div {
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-event-countdown-style1 .mec-events-meta-group-countdown {
|
|
color: #c9c9c9;
|
|
margin-bottom: 30px;
|
|
padding: 20px 30px;
|
|
background: #fff;
|
|
border: 1px solid #e6e6e6;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
|
|
}
|
|
|
|
.mec-event-countdown-style1
|
|
.mec-event-countdown-part1
|
|
.mec-event-upcoming
|
|
span {
|
|
display: block;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part2:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: inline-block;
|
|
z-index: 1;
|
|
top: 50%;
|
|
margin-top: -11px;
|
|
right: -24px;
|
|
width: 0;
|
|
border-width: 12px;
|
|
border-style: solid;
|
|
border-color: transparent transparent transparent #4077ed;
|
|
}
|
|
|
|
.mec-event-countdown-style1 .mec-event-countdown-part2 .mec-event-date-place {
|
|
text-align: center;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
.mec-event-countdown-style1 .mec-event-countdown-part2 .mec-event-date,
|
|
.mec-event-countdown-part2 .mec-event-place {
|
|
display: inline;
|
|
font-size: 14px;
|
|
padding: 0 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-event-countdown-style1 .mec-event-countdown-part3 .mec-event-button {
|
|
display: inline-block;
|
|
padding: 14px 30px;
|
|
vertical-align: middle;
|
|
font-size: 12px;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
color: #fff;
|
|
background: #4077ed;
|
|
transition: all 0.24s ease;
|
|
}
|
|
|
|
.mec-event-countdown-style1 .mec-event-countdown-part3 .mec-event-button:hover {
|
|
background: #222;
|
|
}
|
|
|
|
.mec-event-countdown-style1 .mec-event-countdown {
|
|
text-align: center;
|
|
display: table;
|
|
table-layout: fixed;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.mec-event-countdown-style1 .mec-event-countdown .label-w {
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-event-countdown-style1 .mec-event-countdown .block-w {
|
|
display: table-cell;
|
|
margin: 0 20px 10px;
|
|
position: relative;
|
|
height: 70px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style1 .mec-event-countdown li {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
margin: 5px;
|
|
padding: 20px 0;
|
|
min-width: 94px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style1 .mec-event-countdown li span {
|
|
font-size: 30px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style1 .mec-event-countdown li .label-w {
|
|
font-size: 12px;
|
|
color: #fff;
|
|
margin: 8px 0 0;
|
|
line-height: 1;
|
|
}
|
|
|
|
@media only screen and (min-width: 1200px) {
|
|
.mec-wrap.mec-sm959 .mec-event-countdown-style1 .mec-event-countdown-part1,
|
|
.mec-wrap.mec-sm959 .mec-event-countdown-style1 .mec-event-countdown-part2,
|
|
.mec-wrap.mec-sm959 .mec-event-countdown-style1 .mec-event-countdown-part3 {
|
|
width: 100%;
|
|
display: block;
|
|
padding-top: 50px;
|
|
padding-bottom: 50px;
|
|
}
|
|
|
|
.mec-wrap.mec-sm959
|
|
.mec-event-countdown-style1
|
|
.mec-event-countdown-part2:after {
|
|
border-color: #4077ed transparent transparent transparent;
|
|
top: auto;
|
|
margin-top: 0;
|
|
bottom: -24px;
|
|
margin-left: -11px;
|
|
left: 50%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 960px) {
|
|
.mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part1,
|
|
.mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part2,
|
|
.mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part3 {
|
|
width: 100%;
|
|
display: block;
|
|
padding-top: 50px;
|
|
padding-bottom: 50px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part2:after {
|
|
border-color: #4077ed transparent transparent transparent;
|
|
top: auto;
|
|
margin-top: 0;
|
|
bottom: -24px;
|
|
margin-left: -11px;
|
|
left: 50%;
|
|
transform: rotate(90deg);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-event-countdown-style1 .mec-event-countdown .block-w {
|
|
margin: 3px;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style1 .mec-event-countdown li {
|
|
padding: 10px 5px;
|
|
min-width: 50px;
|
|
margin: 3px 1px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style1 .mec-event-countdown li span {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style1 .mec-event-countdown li .label-w {
|
|
font-size: 8px;
|
|
}
|
|
|
|
.mec-event-countdown-style1 .mec-event-countdown-part2 .mec-event-date-place {
|
|
display: inline;
|
|
}
|
|
}
|
|
|
|
/* MEC Countdown View Style2
|
|
----------------------------- */
|
|
.mec-wrap .mec-event-countdown-style2 {
|
|
color: #fff;
|
|
padding: 30px 0;
|
|
background: #437df9;
|
|
max-width: 600px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part1,
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part2,
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part3 {
|
|
width: 100%;
|
|
float: none;
|
|
vertical-align: middle;
|
|
padding: 50px 10% 50px 10%;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part2 {
|
|
padding-top: 12%;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-event-countdown-style2
|
|
.mec-event-countdown-part1
|
|
.mec-event-title {
|
|
color: #fff;
|
|
font-size: 15px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-event-countdown-style2
|
|
.mec-event-countdown-part1
|
|
.mec-event-upcoming {
|
|
font-size: 36px;
|
|
font-weight: bold;
|
|
line-height: 1;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-event-countdown-style2
|
|
.mec-event-countdown-part2
|
|
.mec-event-countdown
|
|
> div {
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-event-countdown-style2 .mec-events-meta-group-countdown {
|
|
color: #c9c9c9;
|
|
margin-bottom: 30px;
|
|
padding: 20px 30px;
|
|
background: #fff;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
|
|
}
|
|
|
|
.mec-event-countdown-style2
|
|
.mec-event-countdown-part1
|
|
.mec-event-upcoming
|
|
span {
|
|
display: block;
|
|
}
|
|
|
|
.mec-event-countdown-style2 .mec-event-countdown-part2 .mec-event-date-place {
|
|
text-align: left;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
.mec-event-countdown-style2 .mec-event-countdown-part2 .mec-event-date,
|
|
.mec-event-countdown-part2 .mec-event-place {
|
|
display: inline;
|
|
font-size: 14px;
|
|
padding: 0 8px;
|
|
}
|
|
|
|
.mec-event-countdown-style2 .mec-event-countdown-part3 .mec-event-button {
|
|
display: inline-block;
|
|
padding: 14px 30px;
|
|
vertical-align: middle;
|
|
font-size: 12px;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
color: #222;
|
|
background: #fff;
|
|
transition: all 0.24s ease;
|
|
}
|
|
|
|
.mec-event-countdown-style2 .mec-event-countdown-part3 .mec-event-button:hover {
|
|
background: #222;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-countdown-style2 .mec-event-countdown {
|
|
text-align: center;
|
|
display: table;
|
|
table-layout: fixed;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-event-countdown-style2 .mec-event-countdown .label-w {
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-event-countdown-style2 .mec-event-countdown .block-w {
|
|
display: table-cell;
|
|
margin: 0 20px 10px;
|
|
position: relative;
|
|
height: 70px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
margin: 5px;
|
|
padding: 20px 0;
|
|
min-width: 94px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li span {
|
|
font-size: 30px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li .label-w {
|
|
font-size: 12px;
|
|
color: #fff;
|
|
margin: 8px 0 0;
|
|
line-height: 1;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li {
|
|
min-width: 80px;
|
|
padding: 15px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li span {
|
|
font-size: 26px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li .label-w {
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li {
|
|
min-width: 40px;
|
|
padding: 15px 10px;
|
|
margin: 2px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li span {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li .label-w {
|
|
font-size: 9px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 380px) {
|
|
.mec-event-countdown-style2 .mec-event-countdown .block-w {
|
|
margin: 3px;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li {
|
|
padding: 10px 4px;
|
|
margin: 4px 1px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li span {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li .label-w {
|
|
font-size: 7px;
|
|
}
|
|
}
|
|
|
|
/* MEC Countdown View Style3
|
|
----------------------------- */
|
|
.mec-wrap .mec-event-countdown-style3 {
|
|
color: #fff;
|
|
padding: 0;
|
|
background: #282828;
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part1 {
|
|
width: 68%;
|
|
padding: 50px 1% 50px 4%;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part2 {
|
|
width: 32%;
|
|
display: table-cell;
|
|
position: relative;
|
|
padding-bottom: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part2 img {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-event-countdown-style3
|
|
.mec-event-countdown-part1
|
|
.mec-event-countdown-part-title
|
|
span {
|
|
font-weight: 300;
|
|
display: block;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-event-countdown-style3
|
|
.mec-event-countdown-part1
|
|
.mec-event-upcoming {
|
|
color: #fff;
|
|
font-size: 36px;
|
|
letter-spacing: -2px;
|
|
font-weight: bold;
|
|
line-height: 1;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-event-countdown-style3
|
|
.mec-event-countdown-part2
|
|
.mec-event-countdown
|
|
> div {
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-events-meta-group-countdown {
|
|
color: #c9c9c9;
|
|
margin-bottom: 30px;
|
|
padding: 20px 30px;
|
|
background: #fff;
|
|
border: 1px solid #e6e6e6;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-countdown-part2 .mec-event-date-place {
|
|
text-align: center;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-countdown-part2 .mec-event-date,
|
|
.mec-event-countdown-part2 .mec-event-place {
|
|
display: inline;
|
|
font-size: 14px;
|
|
padding: 0 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-countdown-part3 .mec-event-button {
|
|
display: inline-block;
|
|
padding: 14px 30px;
|
|
vertical-align: middle;
|
|
font-size: 12px;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
color: #fff;
|
|
background: #4077ed;
|
|
transition: all 0.24s ease;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-countdown-part3 .mec-event-button:hover {
|
|
background: #222;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-countdown {
|
|
text-align: center;
|
|
display: table;
|
|
table-layout: fixed;
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
top: 40px;
|
|
right: 20px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-countdown .label-w {
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-countdown .block-w {
|
|
display: table-cell;
|
|
margin: 0 20px 10px;
|
|
position: relative;
|
|
height: 70px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style3 .mec-event-countdown li {
|
|
padding: 15px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style3 .mec-event-countdown li span {
|
|
font-size: 30px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style3 .mec-event-countdown li .label-w {
|
|
font-size: 11px;
|
|
color: #888;
|
|
margin: 8px 0 0;
|
|
line-height: 1;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-date {
|
|
width: 176px;
|
|
height: 96px;
|
|
background: #40d9f1;
|
|
color: #fff;
|
|
font-size: 13px;
|
|
position: absolute;
|
|
left: -27px;
|
|
top: 146px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-date:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: inline-block;
|
|
z-index: 1;
|
|
bottom: -18px;
|
|
left: 8px;
|
|
width: 0;
|
|
border-width: 19px;
|
|
border-style: solid;
|
|
border-color: transparent transparent #40d9f1 transparent;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-date .mec-date1 {
|
|
font-size: 50px;
|
|
position: absolute;
|
|
top: 7px;
|
|
left: 12px;
|
|
letter-spacing: -3px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-date .mec-date2 {
|
|
position: absolute;
|
|
left: 80px;
|
|
top: 26px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-date .mec-date3 {
|
|
position: absolute;
|
|
left: 80px;
|
|
top: 45px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-countdown-part-details {
|
|
padding-top: 35px;
|
|
margin-bottom: 50px;
|
|
min-height: 100px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-countdown-part-details .mec-event-title {
|
|
font-size: 17px;
|
|
color: #fff;
|
|
line-height: 1.4;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-countdown-part-details .mec-event-link {
|
|
color: #fff;
|
|
font-size: 12px;
|
|
position: relative;
|
|
padding-left: 22px;
|
|
}
|
|
|
|
.mec-event-countdown-style3
|
|
.mec-event-countdown-part-details
|
|
.mec-event-link:before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 18px;
|
|
border-top: 1px solid #fff;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 8px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-title-link {
|
|
position: absolute;
|
|
left: 190px;
|
|
top: 152px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-date:before,
|
|
.event-carousel-type1-head .mec-event-date-carousel:before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
z-index: 2;
|
|
width: 100%;
|
|
height: 96px;
|
|
display: inline-block;
|
|
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.12);
|
|
background: transparent;
|
|
}
|
|
|
|
@media only screen and (min-width: 960px) {
|
|
.mec-wrap.mec-sm959 .mec-event-countdown-style3 .mec-event-countdown li {
|
|
padding: 10px;
|
|
}
|
|
|
|
.mec-wrap.mec-sm959
|
|
.mec-event-countdown-style3
|
|
.mec-event-countdown-part1
|
|
.mec-event-upcoming {
|
|
font-size: 31px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 959px) {
|
|
.mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part1,
|
|
.mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part2 {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-title-link {
|
|
top: 190px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-countdown {
|
|
top: 96px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-date {
|
|
left: 0;
|
|
top: 190px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-date:after {
|
|
display: none;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-event-countdown-style3
|
|
.mec-event-countdown-part1
|
|
.mec-event-countdown-part-title
|
|
span {
|
|
display: inline;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-countdown-part-details {
|
|
min-height: 150px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.mec-wrap
|
|
.mec-event-countdown-style3
|
|
.mec-event-countdown-part1
|
|
.mec-event-upcoming {
|
|
font-size: 26px;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-title-link {
|
|
left: 130px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-date {
|
|
width: 120px;
|
|
font-size: 10px;
|
|
height: 63px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-date .mec-date1 {
|
|
font-size: 36px;
|
|
top: 3px;
|
|
left: 4px;
|
|
letter-spacing: -2px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-date .mec-date2 {
|
|
position: absolute;
|
|
left: 52px;
|
|
top: 12px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-date .mec-date3 {
|
|
position: absolute;
|
|
left: 52px;
|
|
top: 28px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 380px) {
|
|
.mec-event-countdown-style3 .mec-event-title-link {
|
|
left: 10px;
|
|
top: 260px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-countdown-part-details {
|
|
min-height: 300px;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-event-countdown .block-w {
|
|
margin: 3px;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style3 .mec-event-countdown li {
|
|
padding: 10px 5px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style3 .mec-event-countdown li span {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-countdown-style3 .mec-event-countdown li .label-w {
|
|
font-size: 8px;
|
|
}
|
|
}
|
|
|
|
/* MEC Slider 1
|
|
-------------------------------- */
|
|
.mec-slider-t1-wrap {
|
|
width: 100%;
|
|
padding: 60px 90px;
|
|
background: #f7f7f7;
|
|
min-height: 560px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-slider-t1 {
|
|
height: 500px;
|
|
box-shadow: 0 5px 35px 0 rgba(0, 0, 0, 0.13);
|
|
}
|
|
|
|
.mec-slider-t1 .mec-event-article {
|
|
position: relative;
|
|
height: 500px;
|
|
}
|
|
|
|
.mec-slider-t1 .mec-slider-t1-img {
|
|
position: relative;
|
|
background-size: cover !important;
|
|
background-position: center !important;
|
|
width: 50%;
|
|
height: 100%;
|
|
float: right;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mec-slider-t1 .mec-slider-t1-content {
|
|
width: 50%;
|
|
float: left;
|
|
height: 100%;
|
|
background: #fff;
|
|
padding: 6%;
|
|
}
|
|
|
|
.mec-slider-t1-content.mec-event-grid-modern .mec-event-article {
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-slider-t1-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 29px;
|
|
}
|
|
|
|
.mec-slider-t1-content.mec-event-grid-modern .mec-event-title a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.mec-slider-t1-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
.mec-booking-button {
|
|
font-size: 12px;
|
|
padding: 0 31px;
|
|
line-height: 49px;
|
|
height: 50px;
|
|
}
|
|
|
|
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev,
|
|
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next {
|
|
opacity: 1;
|
|
width: 54px;
|
|
height: 54px;
|
|
line-height: 48px;
|
|
border-radius: 0;
|
|
text-align: center;
|
|
background: #fff;
|
|
box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.045);
|
|
transition: all 0.25s ease;
|
|
-webkit-transition: all 0.25s ease;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -27px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev:hover,
|
|
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next:hover {
|
|
box-shadow: 0 4px 29px 0 rgba(0, 0, 0, 0.095);
|
|
}
|
|
|
|
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next {
|
|
left: auto;
|
|
right: -100px;
|
|
}
|
|
|
|
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
|
|
right: auto;
|
|
left: -100px;
|
|
}
|
|
|
|
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev i,
|
|
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next i {
|
|
font-size: 12px;
|
|
color: #282828;
|
|
transition: all 0.21s ease;
|
|
}
|
|
|
|
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev:hover i,
|
|
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next:hover i {
|
|
font-size: 13px;
|
|
color: #000;
|
|
cursor: pointer;
|
|
}
|
|
|
|
@media only screen and (min-width: 961px) {
|
|
.mec-slider-t1 {
|
|
margin: 0 auto;
|
|
max-width: 900px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
.mec-slider-t1 .mec-slider-t1-img,
|
|
.mec-slider-t1 .mec-slider-t1-content {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
|
|
.mec-slider-t1 .mec-slider-t1-img {
|
|
height: 300px;
|
|
}
|
|
|
|
.mec-slider-t1,
|
|
.mec-slider-t1 .mec-event-article {
|
|
height: auto;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.mec-slider-t1-wrap {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev,
|
|
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next {
|
|
top: 40px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next {
|
|
left: auto;
|
|
right: 10px;
|
|
}
|
|
|
|
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
|
|
right: auto;
|
|
left: 10px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-slider-t1-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 22px;
|
|
}
|
|
|
|
.mec-slider-t1-content.mec-event-grid-modern
|
|
.event-grid-modern-head
|
|
.mec-event-day {
|
|
font-size: 25px;
|
|
}
|
|
}
|
|
|
|
/* MEC Slider 2
|
|
-------------------------------- */
|
|
.mec-slider-t2-wrap {
|
|
width: 100%;
|
|
padding: 0;
|
|
background: #fff;
|
|
min-height: 600px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-slider-t2 .mec-event-article {
|
|
height: 600px;
|
|
position: relative;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
background: none;
|
|
}
|
|
|
|
.mec-slider-t2 .mec-slider-t2-img {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background-size: cover !important;
|
|
background-position: center !important;
|
|
width: 70%;
|
|
height: 100%;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mec-slider-t2 .mec-slider-t2-content {
|
|
width: 50%;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 60px;
|
|
bottom: 60px;
|
|
padding: 3%;
|
|
}
|
|
|
|
.mec-slider-t2 .mec-slider-t2-content.mec-event-grid-modern * {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-slider-t2 .mec-slider-t2-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 29px;
|
|
}
|
|
|
|
.mec-slider-t2-content.mec-event-grid-modern .mec-event-content,
|
|
.mec-slider-t2-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
.mec-booking-button {
|
|
background: none;
|
|
}
|
|
|
|
.mec-slider-t2-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
.mec-booking-button {
|
|
font-size: 12px;
|
|
padding: 0 31px;
|
|
line-height: 49px;
|
|
height: 50px;
|
|
}
|
|
|
|
.mec-slider-t2-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
.mec-booking-button:hover {
|
|
background: #fff;
|
|
color: #000;
|
|
border-color: #fff;
|
|
}
|
|
|
|
.mec-slider-t2-content.mec-event-grid-modern .mec-event-title a:hover,
|
|
.mec-slider-t2-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
.mec-booking-button:hover {
|
|
color: #111;
|
|
}
|
|
|
|
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev,
|
|
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next {
|
|
opacity: 1;
|
|
width: 44px;
|
|
height: 44px;
|
|
line-height: 38px;
|
|
border-radius: 0;
|
|
text-align: center;
|
|
background: transparent;
|
|
border: 1px solid #fff;
|
|
transition: all 0.25s ease;
|
|
-webkit-transition: all 0.25s ease;
|
|
position: absolute;
|
|
top: 84px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev:hover,
|
|
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next:hover {
|
|
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.075);
|
|
background: #fff;
|
|
}
|
|
|
|
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next {
|
|
right: 30px;
|
|
}
|
|
|
|
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev {
|
|
right: 82px;
|
|
}
|
|
|
|
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev i,
|
|
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next i {
|
|
font-size: 14px;
|
|
color: #fff;
|
|
opacity: 1;
|
|
transition: all 0.25s ease;
|
|
}
|
|
|
|
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev:hover i,
|
|
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next:hover i {
|
|
color: #000;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-wrap.colorskin-custom
|
|
.mec-slider-t2
|
|
.mec-event-article
|
|
.mec-event-date.mec-color {
|
|
color: #fff;
|
|
}
|
|
|
|
@media only screen and (min-width: 961px) {
|
|
.mec-slider-t2 {
|
|
margin: 0 auto;
|
|
max-width: 1200px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
.mec-slider-t2 .mec-slider-t2-img,
|
|
.mec-slider-t2 .mec-slider-t2-content {
|
|
width: 100%;
|
|
float: none;
|
|
position: static;
|
|
}
|
|
|
|
.mec-slider-t2 .mec-slider-t2-img {
|
|
height: 300px;
|
|
}
|
|
|
|
.mec-slider-t2 .mec-event-article {
|
|
height: auto;
|
|
}
|
|
|
|
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev,
|
|
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next {
|
|
top: 40px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-slider-t2-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 22px;
|
|
}
|
|
}
|
|
|
|
/* MEC Slider 3
|
|
-------------------------------- */
|
|
.mec-slider-t3-wrap {
|
|
width: 100%;
|
|
padding: 0;
|
|
background: #161616;
|
|
min-height: 700px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-slider-t3 .mec-event-article {
|
|
height: 700px;
|
|
position: relative;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
background: none;
|
|
}
|
|
|
|
.mec-slider-t3 .mec-slider-t3-img {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background-size: cover !important;
|
|
background-position: center !important;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
opacity: 0.68;
|
|
z-index: 1;
|
|
}
|
|
|
|
.mec-slider-t3 .mec-slider-t3-content {
|
|
width: 50%;
|
|
height: auto;
|
|
vertical-align: middle;
|
|
display: table;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
bottom: 0;
|
|
padding: 0 2% 0 7%;
|
|
margin: auto 0;
|
|
background: none;
|
|
z-index: 2;
|
|
}
|
|
|
|
.mec-slider-t3 .mec-slider-t3-content.mec-event-grid-modern *:not(.mec-color) {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-slider-t3-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 29px;
|
|
}
|
|
|
|
.mec-slider-t3-content.mec-event-grid-modern .mec-event-content,
|
|
.mec-slider-t3-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
.mec-booking-button {
|
|
background: none;
|
|
}
|
|
|
|
.mec-slider-t3-content.mec-event-grid-modern .mec-booking-button {
|
|
display: inline-block;
|
|
border: 1px solid;
|
|
font-weight: 500;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
font-size: 13px;
|
|
padding: 0 42px;
|
|
line-height: 49px;
|
|
height: 50px;
|
|
transition: all 0.21s ease;
|
|
}
|
|
|
|
.mec-slider-t3-content.mec-event-grid-modern .mec-booking-button:hover {
|
|
background: #fff;
|
|
color: #000;
|
|
border-color: #fff;
|
|
}
|
|
|
|
.mec-slider-t3-content.mec-event-grid-modern .mec-slider-t3-footer {
|
|
text-align: left;
|
|
padding: 15px 15px 10px;
|
|
}
|
|
|
|
.mec-slider-t3-content.mec-event-grid-modern .mec-event-title a:hover,
|
|
.mec-slider-t3-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
.mec-booking-button:hover {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-slider-t3-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
.mec-booking-button:hover {
|
|
border-color: #40d9f1;
|
|
}
|
|
|
|
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev,
|
|
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next {
|
|
opacity: 1;
|
|
width: 44px;
|
|
height: 44px;
|
|
line-height: 38px;
|
|
border-radius: 0;
|
|
text-align: center;
|
|
background: transparent;
|
|
border: 1px solid #fff;
|
|
transition: all 0.25s ease;
|
|
-webkit-transition: all 0.25s ease;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -22px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev:hover,
|
|
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next:hover {
|
|
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.075);
|
|
background: #fff;
|
|
}
|
|
|
|
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next {
|
|
right: 10px;
|
|
}
|
|
|
|
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev {
|
|
right: auto;
|
|
left: 10px;
|
|
}
|
|
|
|
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev i,
|
|
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next i {
|
|
font-size: 14px;
|
|
color: #fff;
|
|
opacity: 1;
|
|
transition: all 0.25s ease;
|
|
}
|
|
|
|
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev:hover i,
|
|
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next:hover i {
|
|
color: #000;
|
|
cursor: pointer;
|
|
}
|
|
|
|
@media only screen and (min-width: 961px) {
|
|
.mec-slider-t3-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 50px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.mec-slider-t3-content.mec-event-grid-modern .mec-event-description {
|
|
font-size: 19px;
|
|
}
|
|
}
|
|
|
|
.mec-event-description {
|
|
line-height: 1.7;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev,
|
|
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next {
|
|
top: 40px;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-slider-t3 .mec-slider-t3-content {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-slider-t3-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 22px;
|
|
}
|
|
|
|
.mec-slider-t1-content.mec-event-grid-modern
|
|
.event-grid-modern-head
|
|
.mec-event-day {
|
|
font-size: 25px;
|
|
}
|
|
}
|
|
|
|
/* MEC Slider 4
|
|
-------------------------------- */
|
|
.mec-slider-t4-wrap {
|
|
width: 100%;
|
|
padding: 0;
|
|
background: #161616;
|
|
min-height: 700px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-slider-t4 .mec-event-article {
|
|
height: 700px;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
background: none;
|
|
}
|
|
|
|
.mec-slider-t4 .mec-slider-t4-img {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background-size: cover !important;
|
|
background-position: center !important;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
}
|
|
|
|
.mec-slider-t4 .mec-slider-t4-content {
|
|
width: auto;
|
|
max-width: 700px;
|
|
background: rgba(37, 37, 37, 0.94) !important;
|
|
height: auto;
|
|
vertical-align: middle;
|
|
display: table;
|
|
position: absolute;
|
|
left: 8%;
|
|
top: 19%;
|
|
padding: 3%;
|
|
margin: auto 0;
|
|
background: none;
|
|
z-index: 2;
|
|
}
|
|
|
|
.mec-slider-t4 .mec-slider-t4-content.mec-event-grid-modern *:not(.mec-color) {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-slider-t4-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 29px;
|
|
}
|
|
|
|
.mec-slider-t4-content.mec-event-grid-modern .mec-event-content,
|
|
.mec-slider-t4-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
.mec-booking-button {
|
|
background: none;
|
|
}
|
|
|
|
.mec-slider-t4-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
.mec-booking-button {
|
|
font-size: 13px;
|
|
padding: 0 42px;
|
|
line-height: 49px;
|
|
height: 50px;
|
|
}
|
|
|
|
.mec-slider-t4-content.mec-event-grid-modern .mec-event-title a:hover {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-slider-t4-content.mec-event-grid-modern .mec-slider-t4-footer {
|
|
text-align: left;
|
|
padding: 15px 15px 10px;
|
|
}
|
|
|
|
.mec-slider-t4-content.mec-event-grid-modern .mec-booking-button {
|
|
display: inline-block;
|
|
border: 1px solid;
|
|
font-weight: 500;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
font-size: 13px;
|
|
padding: 0 42px;
|
|
line-height: 49px;
|
|
height: 50px;
|
|
transition: all 0.21s ease;
|
|
}
|
|
|
|
.mec-slider-t4-content.mec-event-grid-modern .mec-booking-button:hover {
|
|
background: #fff;
|
|
color: #000;
|
|
border-color: #fff;
|
|
}
|
|
|
|
.mec-slider-t4-content.mec-event-grid-modern .mec-event-title a:hover,
|
|
.mec-slider-t4-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
.mec-booking-button:hover {
|
|
color: #111;
|
|
}
|
|
|
|
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev,
|
|
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next {
|
|
opacity: 1;
|
|
width: 44px;
|
|
height: 44px;
|
|
line-height: 40px;
|
|
border-radius: 0;
|
|
text-align: center;
|
|
background: transparent;
|
|
border: 1px solid #fff;
|
|
transition: all 0.25s ease;
|
|
-webkit-transition: all 0.25s ease;
|
|
position: absolute;
|
|
top: 34px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev:hover,
|
|
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next:hover {
|
|
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.075);
|
|
background: #fff;
|
|
}
|
|
|
|
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next {
|
|
right: 60px;
|
|
}
|
|
|
|
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev {
|
|
right: 112px;
|
|
}
|
|
|
|
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev i,
|
|
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next i {
|
|
font-size: 14px;
|
|
color: #fff;
|
|
opacity: 1;
|
|
transition: all 0.25s ease;
|
|
}
|
|
|
|
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev:hover i,
|
|
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next:hover i {
|
|
color: #000;
|
|
cursor: pointer;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-slider-t4 .mec-slider-t4-content {
|
|
width: 100%;
|
|
left: 0;
|
|
top: auto;
|
|
bottom: 0;
|
|
}
|
|
|
|
.mec-slider-t4-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 22px;
|
|
}
|
|
|
|
.mec-slider-t1-content.mec-event-grid-modern
|
|
.event-grid-modern-head
|
|
.mec-event-day {
|
|
font-size: 25px;
|
|
}
|
|
}
|
|
|
|
/* MEC Slider 5
|
|
-------------------------------- */
|
|
.mec-slider-t5-wrap {
|
|
width: auto;
|
|
max-width: 570px;
|
|
padding: 0;
|
|
margin: 0 auto 25px;
|
|
background: #f7f7f7;
|
|
min-height: 480px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-slider-t5 {
|
|
height: auto;
|
|
box-shadow: 0 5px 35px 0 rgba(0, 0, 0, 0.13);
|
|
}
|
|
|
|
.mec-slider-t5 .mec-event-article {
|
|
position: relative;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-slider-t5 .mec-slider-t5-img {
|
|
position: relative;
|
|
background-size: cover !important;
|
|
background-position: center !important;
|
|
width: 100%;
|
|
height: 300px;
|
|
float: none;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mec-slider-t5 .mec-slider-t5-content {
|
|
width: 100%;
|
|
float: none;
|
|
height: 100%;
|
|
background: #fff;
|
|
padding: 0 20px 20px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-slider-t5 .mec-events-content p {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-slider-t5-content.mec-event-grid-modern .mec-event-article {
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-slider-t5-wrap .mec-event-grid-modern .event-grid-modern-head {
|
|
margin-bottom: 10px;
|
|
padding: 14px 34px;
|
|
margin-left: -20px;
|
|
margin-right: -20px;
|
|
text-align: left;
|
|
background: #f9f9f9;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.mec-slider-t5-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 29px;
|
|
}
|
|
|
|
.mec-slider-t5 .mec-slider-t5-col6 {
|
|
width: 50%;
|
|
float: left;
|
|
height: 100%;
|
|
}
|
|
|
|
.mec-slider-t5 .mec-slider-t5-col6 i {
|
|
font-size: 42px;
|
|
float: left;
|
|
margin-right: 7px;
|
|
height: 58px;
|
|
}
|
|
|
|
.mec-slider-t5 .mec-slider-t5-col6 h6 {
|
|
text-transform: uppercase;
|
|
font-size: 17px;
|
|
padding: 4px 0;
|
|
display: inline;
|
|
color: #444;
|
|
}
|
|
|
|
.mec-slider-t5 .mec-slider-t5-col6 address {
|
|
font-size: 12px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-slider-t5-content.mec-event-grid-modern .mec-event-title a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.mec-slider-t5-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
.mec-booking-button {
|
|
font-size: 12px;
|
|
padding: 0 31px;
|
|
line-height: 49px;
|
|
height: 50px;
|
|
top: 0;
|
|
}
|
|
|
|
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev,
|
|
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next {
|
|
opacity: 1;
|
|
width: 44px;
|
|
height: 44px;
|
|
line-height: 40px;
|
|
border-radius: 0;
|
|
text-align: center;
|
|
background: transparent;
|
|
border: 1px solid #fff;
|
|
transition: all 0.25s ease;
|
|
-webkit-transition: all 0.25s ease;
|
|
position: absolute;
|
|
top: 34px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev:hover,
|
|
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next:hover {
|
|
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.075);
|
|
background: #fff;
|
|
}
|
|
|
|
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next {
|
|
right: 30px;
|
|
}
|
|
|
|
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev {
|
|
right: 82px;
|
|
}
|
|
|
|
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev i,
|
|
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next i {
|
|
font-size: 14px;
|
|
color: #fff;
|
|
opacity: 1;
|
|
transition: all 0.25s ease;
|
|
}
|
|
|
|
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev:hover i,
|
|
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next:hover i {
|
|
color: #000;
|
|
cursor: pointer;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.mec-slider-t5 .mec-slider-t5-col6 {
|
|
width: 100%;
|
|
margin: 10px 0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-slider-t5-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 24px;
|
|
}
|
|
}
|
|
|
|
/* MEC Single Modern
|
|
-------------------------------- */
|
|
.mec-single-modern .mec-events-event-image {
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-single-modern .mec-events-event-image img {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-single-modern .mec-single-event-bar {
|
|
margin: 20px 0 0;
|
|
padding: 15px;
|
|
display: table;
|
|
width: 100%;
|
|
background: #fff;
|
|
border: 1px solid #e6e6e6;
|
|
}
|
|
|
|
.mec-single-modern .mec-single-event-bar > div {
|
|
display: table-cell;
|
|
}
|
|
|
|
.mec-single-modern .mec-single-event-bar > div i {
|
|
font-size: 20px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-single-modern .mec-single-event-bar > div .mec-time-comment {
|
|
font-size: 12px;
|
|
color: #999;
|
|
}
|
|
|
|
.mec-single-modern .mec-single-event-bar > div h3 {
|
|
text-transform: uppercase;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
padding-bottom: 5px;
|
|
display: inline;
|
|
color: #000;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.mec-single-modern .mec-single-event-bar > div dd {
|
|
font-size: 14px;
|
|
color: #8d8d8d;
|
|
padding-left: 34px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-single-modern .col-md-4 .mec-sponsors-details,
|
|
.mec-single-modern .col-md-4 .mec-frontbox {
|
|
margin-top: -50px;
|
|
margin-bottom: 70px;
|
|
padding: 20px;
|
|
border: 1px solid #e6e6e6;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-single-modern .col-md-4.mec-no-image .mec-frontbox {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.mec-next-occurrence ul {
|
|
padding-left: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.mec-next-occurrence li {
|
|
list-style: none;
|
|
}
|
|
|
|
@media only screen and (min-width: 960px) {
|
|
.mec-single-modern .col-md-4 .mec-sponsors-details,
|
|
.mec-single-modern .col-md-4 .mec-frontbox {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.featherlight-content .col-md-4 .mec-sponsors-details {
|
|
margin-left: 0;
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
.mec-single-modern .mec-single-event-bar > div {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.lity-content > div {
|
|
overflow: auto;
|
|
max-height: 80vh !important;
|
|
}
|
|
|
|
.mec-next-event-details li {
|
|
list-style: none;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.mec-next-event-details h6 {
|
|
text-transform: uppercase;
|
|
font-size: 13px;
|
|
padding-bottom: 5px;
|
|
display: inline;
|
|
color: #222;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-next-event-details abbr {
|
|
display: block;
|
|
padding-left: 0;
|
|
color: #8d8d8d;
|
|
}
|
|
|
|
.mec-next-event-details i {
|
|
margin-right: 10px;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.mec-next-event-details i:before {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-next-event-details a {
|
|
text-align: center;
|
|
display: block;
|
|
background: #fff;
|
|
padding: 6px 0;
|
|
font-size: 11px;
|
|
font-weight: 400;
|
|
letter-spacing: 0;
|
|
border: 1px solid #e3e3e3;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.mec-active-occurrence-button {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
/* MEC Single Modal
|
|
-------------------------------- */
|
|
.mec-single-modal.mec-single-modern .mec-single-title {
|
|
text-align: center;
|
|
padding: 15px 10px 0;
|
|
}
|
|
|
|
.admin-bar .mec-single-modal.mec-single-modern .mec-single-title {
|
|
padding-top: 40px;
|
|
}
|
|
|
|
.mec-single-modal.mec-single-modern .mec-single-event-bar {
|
|
width: calc(100% - 30px);
|
|
margin: 0 auto 15px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.mec-single-modal.mec-single-modern .mec-events-event-image {
|
|
width: calc(100% - 30px);
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.mec-single-modal.mec-single-modern .mec-single-event-bar > div dd {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.mec-single-modal.mec-single-modern .mec-single-event-bar > div h3 {
|
|
font-size: 15px;
|
|
}
|
|
|
|
@media only screen and (min-width: 960px) {
|
|
.mec-single-modal.mec-single-modern .col-md-4 .mec-frontbox {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
.mec-single-modal.mec-single-modern .col-md-4 .mec-frontbox {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-single-modal.mec-single-modern .col-md-4 .mec-frontbox.mec-event-meta {
|
|
padding: 0;
|
|
}
|
|
|
|
@media (min-width: 961px) {
|
|
.mec-single-event.mec-sticky {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-single-event.mec-sticky .col-md-4 {
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
top: 120px;
|
|
}
|
|
|
|
.mec-single-modern.mec-sticky .col-md-4 {
|
|
top: 170px;
|
|
}
|
|
|
|
/* Margin on Sticky Sidebar */
|
|
.single-mec-events .mec-sticky .col-md-8 > div:last-child {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.single-mec-events .mec-single-modern.mec-sticky .col-md-8 > div:last-child {
|
|
margin-bottom: 70px;
|
|
}
|
|
}
|
|
|
|
.mec-single-modal .mec-event-meta dd.mec-organizer-url a,
|
|
.mec-single-modal .mec-event-meta dd.mec-organizer-email a {
|
|
font-size: 12px;
|
|
display: block;
|
|
}
|
|
|
|
.mec-organizer-description p {
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.mec-modal-wrap {
|
|
max-width: 90vw;
|
|
max-height: 90vh !important;
|
|
background: #fff;
|
|
box-shadow: 0 1px 55px rgba(0, 0, 0, 0.5);
|
|
overflow-x: hidden !important;
|
|
}
|
|
|
|
@media (max-width: 1023px) {
|
|
.mec-modal-wrap {
|
|
max-width: 80vw;
|
|
}
|
|
}
|
|
|
|
.mec-single-modal
|
|
.mec-event-export-module.mec-frontbox
|
|
.mec-event-exporting
|
|
.mec-export-details
|
|
ul
|
|
li,
|
|
.mec-single-modal
|
|
.mec-event-export-module.mec-frontbox
|
|
.mec-event-exporting
|
|
.mec-export-details
|
|
ul
|
|
li
|
|
a.mec-events-button {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-single-modal
|
|
.mec-event-export-module.mec-frontbox
|
|
.mec-event-exporting
|
|
.mec-export-details
|
|
ul
|
|
li:first-child {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
/* Expired and Ongoing Event Label */
|
|
.mec-holding-status-expired {
|
|
color: #d8000c;
|
|
}
|
|
|
|
.mec-holding-status-ongoing {
|
|
color: #0dbf52;
|
|
}
|
|
|
|
/* Feather Light Modal */
|
|
|
|
body .featherlight {
|
|
z-index: 999999 !important;
|
|
}
|
|
|
|
body .featherlight .featherlight-content {
|
|
background: transparent;
|
|
overflow: unset;
|
|
z-index: 9999;
|
|
}
|
|
|
|
body .featherlight .featherlight-close-icon {
|
|
position: fixed;
|
|
top: 40px;
|
|
right: 40px;
|
|
background: transparent;
|
|
color: #fff;
|
|
border: 1px solid #fff;
|
|
border-radius: 0;
|
|
}
|
|
|
|
body .featherlight .featherlight-close-icon:hover {
|
|
background: #fff;
|
|
color: #000;
|
|
border: 1px solid #000;
|
|
}
|
|
|
|
/* filp-clock Responsive */
|
|
@media (max-width: 320px) {
|
|
.mec-wrap span.flip-clock-divider {
|
|
width: 20px;
|
|
}
|
|
|
|
.mec-single-event .mec-events-meta-group-countdown {
|
|
padding: 15px 12%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
|
.mec-wrap .flip-clock-wrapper ul {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 414px) {
|
|
.mec-wrap span.flip-clock-divider {
|
|
width: 30px;
|
|
}
|
|
|
|
.mec-single-event .mec-events-meta-group-countdown {
|
|
margin-left: 0;
|
|
padding: 15px 7%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
body .featherlight .featherlight-content {
|
|
width: 95%;
|
|
}
|
|
|
|
.mec-wrap span.flip-clock-divider {
|
|
width: 7px;
|
|
}
|
|
|
|
.mec-single-event .mec-events-meta-group-countdown {
|
|
margin-left: 0;
|
|
padding: 15px 1%;
|
|
}
|
|
|
|
/* Close Button - Feather Light Modal */
|
|
body .featherlight .featherlight-close-icon {
|
|
color: #000;
|
|
border-color: #000;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1366px) {
|
|
body .mec-modal-wrap .mec-single-modal .flip-clock-divider:not(:first-child) {
|
|
width: 20px !important;
|
|
}
|
|
|
|
body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown {
|
|
padding: 20px 15px;
|
|
}
|
|
|
|
body .mec-modal-wrap .mec-single-modal .flip-clock-wrapper ul {
|
|
width: 48px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1280px) {
|
|
body .mec-modal-wrap .mec-single-modal .flip-clock-divider:not(:first-child) {
|
|
width: 14px !important;
|
|
}
|
|
|
|
body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown {
|
|
padding: 15px 10px;
|
|
}
|
|
|
|
body .mec-modal-wrap .mec-single-modal .flip-clock-wrapper ul {
|
|
width: 38px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 961px) and (max-width: 1024px) {
|
|
body .mec-modal-wrap .mec-single-modal .flip-clock-divider:not(:first-child) {
|
|
width: 7px !important;
|
|
}
|
|
|
|
body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown {
|
|
padding: 15px 5px;
|
|
}
|
|
|
|
body .mec-modal-wrap .mec-single-modal .flip-clock-wrapper ul {
|
|
width: 14px;
|
|
}
|
|
|
|
body .mec-modal-wrap .mec-single-modal .flip-clock-wrapper ul li a div {
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
body .mec-modal-wrap .mec-single-modal.featherlight-close-icon {
|
|
top: 14px;
|
|
right: 14px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.featherlight .featherlight-content,
|
|
body .mec-modal-wrap {
|
|
max-width: 100%;
|
|
}
|
|
|
|
body .mec-modal-wrap.flip-clock-divider .flip-clock-label {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 414px) {
|
|
body .mec-modal-wrap .mec-single-modal .flip-clock-divider:not(:first-child) {
|
|
width: 50px !important;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-divider .flip-clock-label {
|
|
display: none;
|
|
}
|
|
|
|
body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown {
|
|
padding: 20px 5px 20px 65px;
|
|
}
|
|
|
|
body
|
|
.featherlight-content
|
|
.mec-modal-wrap
|
|
.mec-single-modal
|
|
.mec-events-meta-group-countdown {
|
|
padding: 20px 2px 20px 2px !important;
|
|
}
|
|
|
|
body
|
|
.featherlight-content
|
|
.mec-modal-wrap
|
|
.mec-single-modal
|
|
.flip-clock-divider:not(:first-child) {
|
|
width: 3px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 375px) {
|
|
body .mec-modal-wrap .mec-single-modal .flip-clock-divider:not(:first-child) {
|
|
width: 50px !important;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-divider .flip-clock-label {
|
|
display: none;
|
|
}
|
|
|
|
body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown {
|
|
padding: 20px 5px 20px 45px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 320px) {
|
|
body .mec-modal-wrap .mec-single-modal .flip-clock-divider:not(:first-child) {
|
|
width: 20px !important;
|
|
}
|
|
|
|
body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown {
|
|
padding: 20px 5px 20px 40px;
|
|
}
|
|
}
|
|
|
|
/* Other themes conflict fix on MEC */
|
|
.mec-single-event-bar dd {
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* MEC Toggle List
|
|
-------------------------------- */
|
|
.mec-events-toggle {
|
|
max-width: 960px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-item {
|
|
border: 1px solid #e4e4e4;
|
|
margin-bottom: 15px;
|
|
box-shadow: 0 10px 15px #f3f3f3;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-item-inner {
|
|
cursor: pointer;
|
|
position: relative;
|
|
padding: 30px 60px 30px 15px;
|
|
background: #fff;
|
|
transition: all 0.3s ease;
|
|
min-height: 100px;
|
|
display: table;
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-item-inner:hover {
|
|
background: #fbfbfb;
|
|
}
|
|
|
|
.mec-toggle-item-col {
|
|
width: 200px;
|
|
border-right: 1px solid #e3e3e3;
|
|
margin-right: 15px;
|
|
display: table-cell;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.mec-toggle-item-col .mec-event-date {
|
|
font-size: 38px;
|
|
line-height: 40px;
|
|
float: left;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.mec-toggle-item-col .mec-event-month,
|
|
.mec-toggle-item-col .mec-time-details {
|
|
text-transform: uppercase;
|
|
font-size: 12px;
|
|
line-height: 14px;
|
|
padding-top: 4px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.mec-toggle-item-col .mec-event-detail {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.mec-toggle-item-col .mec-event-day {
|
|
margin-top: 9px;
|
|
color: #c0c0c0;
|
|
font-size: 35px;
|
|
font-weight: 100;
|
|
text-transform: uppercase;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-title {
|
|
color: #000;
|
|
font-size: 23px;
|
|
font-weight: 600;
|
|
margin-bottom: 0;
|
|
transition: all 0.3s ease;
|
|
display: table-cell;
|
|
text-align: left;
|
|
max-width: calc(100% - 200px);
|
|
padding-left: 15px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-item-inner span.event-color {
|
|
width: 5px;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: -1px;
|
|
top: 0;
|
|
bottom: 0;
|
|
border-radius: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-item-inner i {
|
|
position: absolute;
|
|
font-size: 30px;
|
|
right: 25px;
|
|
top: 50%;
|
|
transform: translate(0, -50%);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-item.is-open i.mec-sl-plus:before {
|
|
content: "\e615";
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-item.is-open .mec-toggle-title {
|
|
background: #f8f8f8;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-content {
|
|
border-top: 1px solid #e4e4e4;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-content .mec-modal-wrap {
|
|
margin: 0;
|
|
max-width: 100%;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-content .mec-modal-wrap .mec-single-event {
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-content h1.mec-single-title,
|
|
.mec-events-toggle .mec-toggle-content .mec-single-event-bar {
|
|
display: none;
|
|
}
|
|
|
|
.mec-events-toggle .media-links a {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-content .mec-toggle-meta {
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-content .mec-frontbox {
|
|
padding: 12px 14px 8px;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-content .mec-frontbox .mec-speakers-details {
|
|
border: none;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-content .mec-frontbox .mec-speakers-details ul {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-events-toggle #mec_speakers_details.mec-frontbox {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-item h3.mec-speakers {
|
|
border: none;
|
|
text-align: left;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-item h3.mec-speakers:before {
|
|
content: "\e063";
|
|
font-family: simple-line-icons;
|
|
border: none;
|
|
position: relative;
|
|
display: inline-block;
|
|
left: 3px;
|
|
bottom: unset;
|
|
font-size: 22px;
|
|
font-weight: normal;
|
|
padding: 0 11px 0 28px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-events-toggle .mec-event-data-fields.mec-frontbox {
|
|
border: none;
|
|
padding: 0;
|
|
overflow: visible;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-toggle-item-inner .mec-toggle-item-col {
|
|
float: none;
|
|
width: 100%;
|
|
border-right: none;
|
|
margin-bottom: 5px;
|
|
display: block;
|
|
max-width: 100%;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toggle-title {
|
|
display: block;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
/* MEC Agenda View
|
|
-------------------------------- */
|
|
.mec-events-agenda-wrap {
|
|
margin: 10px 0;
|
|
border: 1px solid #e9e9e9;
|
|
background: #fff;
|
|
padding-left: 20px;
|
|
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03);
|
|
}
|
|
|
|
.mec-events-agenda {
|
|
padding: 0;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
|
|
.mec-agenda-date-wrap {
|
|
width: 210px;
|
|
padding-top: 15px;
|
|
float: left;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.mec-agenda-date-wrap i,
|
|
.mec-agenda-event i {
|
|
font-size: 11px;
|
|
color: #aaa;
|
|
margin-right: 4px;
|
|
margin-left: 1px;
|
|
}
|
|
|
|
.mec-agenda-event i {
|
|
vertical-align: middle;
|
|
margin-right: 1px;
|
|
}
|
|
|
|
.mec-agenda-events-wrap {
|
|
float: left;
|
|
width: calc(100% - 210px);
|
|
background: #f9f9f9;
|
|
padding: 15px;
|
|
}
|
|
|
|
.mec-agenda-event {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-agenda-time {
|
|
font-size: 11px;
|
|
color: #707070;
|
|
padding-right: 10px;
|
|
width: 138px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-agenda-event-title {
|
|
position: relative;
|
|
padding-left: 14px;
|
|
}
|
|
|
|
.mec-agenda-event-title a {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
color: #333;
|
|
}
|
|
|
|
.mec-agenda-event-title span.event-color {
|
|
width: 9px;
|
|
height: 9px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 6px;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-agenda-date-wrap span.mec-agenda-day {
|
|
color: #aaa;
|
|
font-size: 12px;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-agenda-date-wrap,
|
|
.mec-agenda-events-wrap {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-events-agenda-wrap {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-events-agenda span.mec-agenda-event-title {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-agenda-event-title span.event-color {
|
|
top: 7px;
|
|
}
|
|
|
|
.mec-agenda-event-title a {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
|
|
/* MEC Yearly View
|
|
-------------------------------- */
|
|
.mec-yearly-view-wrap {
|
|
margin: 0 0 15px;
|
|
border: 1px solid #e6e6e6;
|
|
background: #fff;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
|
|
border-bottom-width: 4px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar {
|
|
max-width: 100%;
|
|
width: 232px;
|
|
padding: 10px;
|
|
background: #fff;
|
|
margin: 10px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar dl dt {
|
|
transition: none;
|
|
height: 30px;
|
|
width: 30px;
|
|
line-height: 30px;
|
|
border-radius: 0;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap
|
|
.mec-calendar.mec-yearly-calendar
|
|
.mec-calendar-events-sec {
|
|
padding: 10px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar .mec-has-event:after {
|
|
width: 4px;
|
|
height: 4px;
|
|
bottom: 3px;
|
|
margin-left: -2px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-calendar-side .mec-calendar-table {
|
|
min-height: 200px;
|
|
}
|
|
|
|
.mec-calendar.mec-yearly-calendar .mec-calendar-table-head dl dt {
|
|
background: #f9f9f9;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.mec-calendar.mec-yearly-calendar .mec-calendar-table-title {
|
|
text-align: center;
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
color: #222;
|
|
margin-top: -5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-yearly-calendar-sec {
|
|
min-height: 200px;
|
|
width: 538px;
|
|
overflow: hidden;
|
|
float: left;
|
|
background: #f8f8f8;
|
|
padding: 15px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-yearly-agenda-sec {
|
|
min-height: 200px;
|
|
width: calc(100% - 538px);
|
|
float: left;
|
|
padding: 0 0 0 20px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-yearly-title-sec {
|
|
position: relative;
|
|
padding: 15px;
|
|
text-align: center;
|
|
border-bottom: 1px solid #e6e6e6;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-yearly-title-sec h2 {
|
|
font-size: 30px;
|
|
line-height: 40px;
|
|
color: #333;
|
|
margin: 0;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year,
|
|
.mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -15px;
|
|
min-width: 30px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding: 0 8px;
|
|
text-align: center;
|
|
background: #fff;
|
|
color: #666;
|
|
font-size: 14px;
|
|
border: 1px solid #eee;
|
|
border-radius: 2px;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.015);
|
|
transition: all 0.33s ease;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year {
|
|
right: auto;
|
|
left: 20px;
|
|
padding-right: 14px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year {
|
|
left: auto;
|
|
right: 20px;
|
|
padding-left: 14px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year i,
|
|
.mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year i {
|
|
font-size: 12px;
|
|
color: #40d9f1;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-events-agenda.mec-selected {
|
|
box-shadow: -10px 0 0 0 #fffcf2, 0 -1px 0 #fbebb6;
|
|
background: #fffcf2;
|
|
border-color: #fbebb6;
|
|
color: #f9af29;
|
|
}
|
|
|
|
.mec-yearly-agenda-sec span.mec-event-label-captions.mec-fc-style {
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
@media only screen and (max-width: 959px) {
|
|
.mec-yearly-view-wrap .mec-yearly-calendar-sec {
|
|
width: 268px;
|
|
padding: 10px 5px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-yearly-agenda-sec {
|
|
width: calc(100% - 268px);
|
|
padding: 0 0 0 10px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-yearly-view-wrap .mec-yearly-calendar-sec,
|
|
.mec-yearly-view-wrap .mec-yearly-agenda-sec {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar {
|
|
width: auto;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar dl dt {
|
|
width: 14.2%;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-yearly-title-sec h2 {
|
|
font-size: 25px;
|
|
}
|
|
}
|
|
|
|
/* agenda in yearly view */
|
|
.mec-yearly-view-wrap .mec-agenda-time,
|
|
.mec-yearly-view-wrap .mec-agenda-event i {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
.mec-yearly-view-wrap .mec-events-agenda-wrap {
|
|
margin-top: 0;
|
|
border: none;
|
|
padding-left: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-agenda-date-wrap {
|
|
width: 174px;
|
|
font-size: 11px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-agenda-events-wrap {
|
|
width: calc(100% - 174px);
|
|
padding: 10px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-agenda-event-title a {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-agenda-event-title span.event-color {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-agenda-date-wrap span.mec-agenda-day {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.mec-yearly-view-wrap .mec-yearly-calendar-sec {
|
|
box-shadow: -2px 0 5px rgba(0, 0, 0, 0.03) inset;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.mec-yearly-view-wrap .mec-agenda-event-title a {
|
|
font-size: 12px;
|
|
padding-right: 6px;
|
|
}
|
|
}
|
|
|
|
/* Timetable View
|
|
-------------------------------- */
|
|
.mec-calendar.mec-calendar-timetable .mec-calendar-d-table {
|
|
padding-bottom: 10px;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-timetable .mec-calendar-d-table dl dt:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-timetable
|
|
.mec-calendar-d-table
|
|
dl
|
|
dt.mec-timetable-has-no-event,
|
|
.mec-calendar.mec-calendar-timetable
|
|
.mec-calendar-d-table
|
|
dl
|
|
dt.mec-timetable-has-no-event:hover {
|
|
color: #bbb;
|
|
cursor: default;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-timetable
|
|
.mec-calendar-d-table
|
|
dl
|
|
dt.mec-timetable-day-active {
|
|
background: #40d9f1;
|
|
color: #fff;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-calendar.mec-calendar-timetable
|
|
.mec-calendar-d-table
|
|
dl
|
|
dt.mec-timetable-day-active:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
bottom: -20px;
|
|
left: 50%;
|
|
margin-left: -10px;
|
|
width: 0;
|
|
border-width: 10px;
|
|
border-style: solid;
|
|
border-color: #40d9f1 transparent transparent transparent;
|
|
}
|
|
|
|
.mec-week-events-container {
|
|
background: #fff;
|
|
}
|
|
|
|
.mec-timetable-events-list {
|
|
padding: 10px 20px;
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-timetable-events-list .mec-timetable-event {
|
|
padding: 10px 0;
|
|
border-bottom: 1px dashed #ddd;
|
|
}
|
|
|
|
.mec-timetable-events-list .mec-timetable-event:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.mec-timetable-event .mec-timetable-event-span {
|
|
font-size: 12px;
|
|
color: #444;
|
|
padding-right: 30px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.mec-timetable-events-list .mec-timetable-event i {
|
|
font-size: 13px;
|
|
color: #aaa;
|
|
margin-right: 3px;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.mec-timetable-event .mec-timetable-event-span a {
|
|
color: #333;
|
|
}
|
|
|
|
.mec-timetable-event .mec-timetable-event-time {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.mec-timetable-event .mec-timetable-event-time i {
|
|
vertical-align: text-bottom;
|
|
}
|
|
|
|
.mec-timetable-event .mec-timetable-event-title {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.mec-timetable-event .mec-timetable-event-title .event-color {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
.mec-timetable-events-list .mec-timetable-event.mec-util-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.mec-timetable-events-list.mec-util-hidden {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
.mec-timetable-events-list {
|
|
display: table;
|
|
width: 100%;
|
|
margin: 10px 0 20px;
|
|
}
|
|
|
|
.mec-timetable-events-list .mec-timetable-event {
|
|
display: table-row;
|
|
padding: 0;
|
|
border: none;
|
|
background: #fff;
|
|
}
|
|
|
|
.mec-timetable-events-list .mec-timetable-event:hover {
|
|
background: #fafafa;
|
|
}
|
|
|
|
.mec-timetable-event .mec-timetable-event-span {
|
|
display: table-cell;
|
|
padding: 10px 15px;
|
|
border-bottom: 1px solid #ebebeb;
|
|
}
|
|
|
|
.mec-timetable-events-list
|
|
.mec-timetable-event:last-child
|
|
.mec-timetable-event-span {
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mec-timetable-event .mec-timetable-event-title {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 5px 0 10px;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
|
|
/* Timetable View type 2
|
|
-------------------------------- */
|
|
.mec-timetable-t2-wrap {
|
|
border: 1px solid #e6e6e6;
|
|
background: #fafafa;
|
|
padding: 0 15px 15px;
|
|
overflow: hidden;
|
|
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.012);
|
|
}
|
|
|
|
.mec-timetable-t2-col {
|
|
width: 20%;
|
|
float: left;
|
|
min-height: 20px;
|
|
padding-right: 1px;
|
|
background: none;
|
|
}
|
|
|
|
.mec-ttt2-title {
|
|
background: #fafafa;
|
|
color: #333;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
text-align: center;
|
|
padding: 25px 10px 10px;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
.mec-timetable-t2-col .mec-event-article {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-timetable-t2-col .mec-event-article .event-color {
|
|
position: absolute;
|
|
width: auto;
|
|
height: auto;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
margin: 0;
|
|
z-index: 1;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.mec-timetable-t2-content {
|
|
position: relative;
|
|
z-index: 2;
|
|
color: #fff;
|
|
padding: 15px 15px 20px;
|
|
text-align: left;
|
|
height: auto;
|
|
margin-bottom: 1px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mec-timetable-t2-content .mec-event-title {
|
|
line-height: 22px;
|
|
margin-bottom: 13px;
|
|
white-space: nowrap;
|
|
padding-right: 1px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mec-timetable-t2-content .mec-event-title a {
|
|
color: #fff;
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
white-space: pre-line;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mec-timetable-t2-content div {
|
|
color: #fff;
|
|
font-size: 11px;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.mec-timetable-t2-content div i {
|
|
font-size: 12px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
.mec-timetable-t2-col {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 961px) {
|
|
.mec-timetable-col-7 {
|
|
width: 14.28%;
|
|
}
|
|
|
|
.mec-timetable-col-6 {
|
|
width: 16.6666%;
|
|
}
|
|
}
|
|
|
|
/* MEC Timetable Classic
|
|
-------------------------------- */
|
|
.mec-timetable-t3-wrap td {
|
|
position: relative;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-timetable-t3-wrap td a {
|
|
width: 100%;
|
|
display: block;
|
|
min-height: 110px;
|
|
}
|
|
|
|
/* MEC Weather widget
|
|
-------------------------------- */
|
|
.mec-weather-box {
|
|
padding: 15px 0;
|
|
}
|
|
|
|
.mec-weather-head {
|
|
min-height: 90px;
|
|
padding: 5px 0;
|
|
clear: both;
|
|
overflow: hidden;
|
|
margin-bottom: 25px;
|
|
border-radius: 10px;
|
|
background: #238af5;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-weather-icon-box {
|
|
float: left;
|
|
width: 80px;
|
|
height: 80px;
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
background: #238af5;
|
|
}
|
|
|
|
.mec-weather-icon {
|
|
width: 80px;
|
|
height: 80px;
|
|
display: inline-block;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.mec-weather-summary {
|
|
float: left;
|
|
width: calc(100% - 80px);
|
|
padding-left: 10px;
|
|
margin: 10px 0;
|
|
height: 60px;
|
|
}
|
|
|
|
.mec-weather-summary-report {
|
|
font-size: 15px;
|
|
color: rgba(255, 255, 255, 0.68);
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.mec-weather-summary-temp {
|
|
font-weight: 300;
|
|
color: #fff;
|
|
font-size: 29px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.degrees-mode {
|
|
background: rgba(0, 0, 0, 0.2);
|
|
cursor: pointer;
|
|
font-weight: 300;
|
|
font-size: 18px;
|
|
padding: 4px 5px;
|
|
line-height: 1;
|
|
color: #fff;
|
|
position: absolute;
|
|
border-radius: 8px;
|
|
bottom: 16px;
|
|
left: 16px;
|
|
}
|
|
|
|
.mec-weather-extras {
|
|
width: auto;
|
|
padding: 10px 15px 0 15px;
|
|
float: right;
|
|
min-height: 80px;
|
|
color: #fff;
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.mec-weather-extras {
|
|
width: auto;
|
|
padding: 10px 15px 0 15px;
|
|
float: right;
|
|
min-height: 80px;
|
|
color: #fff;
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.mec-weather-extras div {
|
|
line-height: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.mec-weather-extras span {
|
|
color: rgba(255, 255, 255, 0.68);
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.mec-weather-extras var {
|
|
font-size: 11px;
|
|
letter-spacing: 0.4px;
|
|
}
|
|
|
|
/* weather icons */
|
|
.mec-weather-icon.clear-day,
|
|
.mec-weather-icon.clear-night {
|
|
background-image: url(../img/mec-weather-icon-01.png);
|
|
}
|
|
|
|
.mec-weather-icon.partly-sunny-day,
|
|
.mec-weather-icon.partly-sunny-night {
|
|
background-image: url(../img/mec-weather-icon-02.png);
|
|
}
|
|
|
|
.mec-weather-icon.partly-cloudy-day,
|
|
.mec-weather-icon.partly-cloudy-night {
|
|
background-image: url(../img/mec-weather-icon-03.png);
|
|
}
|
|
|
|
.mec-weather-icon.cloudy,
|
|
.mec-weather-icon.fog,
|
|
.mec-weather-icon.wind {
|
|
background-image: url(../img/mec-weather-icon-04.png);
|
|
}
|
|
|
|
.mec-weather-icon.thunderstorm {
|
|
background-image: url(../img/mec-weather-icon-05.png);
|
|
}
|
|
|
|
.mec-weather-icon.rain {
|
|
background-image: url(../img/mec-weather-icon-06.png);
|
|
}
|
|
|
|
.mec-weather-icon.snow,
|
|
.mec-weather-icon.hail,
|
|
.mec-weather-icon.sleet {
|
|
background-image: url(../img/mec-weather-icon-07.png);
|
|
}
|
|
|
|
/* MEC Available spot
|
|
-------------------------------- */
|
|
.mec-av-spot-wrap {
|
|
width: auto;
|
|
max-width: 1200px;
|
|
padding: 0;
|
|
margin: 0 auto 25px;
|
|
background: #f7f7f7;
|
|
min-height: 480px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-av-spot {
|
|
height: auto;
|
|
border: 1px solid #eee;
|
|
box-shadow: 0 6px 12px -4px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.mec-av-spot .mec-event-article {
|
|
position: relative;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-av-spot .mec-av-spot-img {
|
|
position: relative;
|
|
background-size: cover !important;
|
|
background-position: center !important;
|
|
width: 100%;
|
|
height: 330px;
|
|
float: none;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mec-av-spot .mec-av-spot-content,
|
|
.mec-av-spot .mec-av-spot-head {
|
|
width: 100%;
|
|
float: none;
|
|
height: 100%;
|
|
background: #fff;
|
|
padding: 0 20px 20px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-av-spot .mec-av-spot-head {
|
|
background: #222;
|
|
color: #fff;
|
|
min-height: 80px;
|
|
}
|
|
|
|
.mec-av-spot .mec-av-spot-head .mec-av-spot-box {
|
|
padding-top: 25px;
|
|
font-size: 13px;
|
|
color: #ddd;
|
|
}
|
|
|
|
.mec-av-spot .mec-av-spot-head .mec-av-spot-box span {
|
|
color: #40d9f1;
|
|
font-size: 40px;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.mec-av-spot .mec-av-spot-head .mec-event-countdown {
|
|
text-align: center;
|
|
padding-top: 10px;
|
|
display: table;
|
|
table-layout: fixed;
|
|
margin: 0 auto;
|
|
float: right;
|
|
}
|
|
|
|
.mec-av-spot .mec-av-spot-head .mec-event-countdown li {
|
|
display: table-cell;
|
|
padding: 10px 20px;
|
|
position: relative;
|
|
height: 60px;
|
|
}
|
|
|
|
.mec-av-spot .mec-av-spot-head .mec-event-countdown p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-av-spot .mec-events-content p {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-av-spot-content.mec-event-grid-modern .mec-event-article {
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-av-spot-wrap .mec-event-grid-modern .event-grid-modern-head {
|
|
margin-bottom: 10px;
|
|
padding: 14px 34px;
|
|
margin-left: -20px;
|
|
margin-right: -20px;
|
|
text-align: left;
|
|
background: #f9f9f9;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.mec-av-spot-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 29px;
|
|
}
|
|
|
|
.mec-av-spot .mec-av-spot-col6 {
|
|
width: 50%;
|
|
float: left;
|
|
height: 100%;
|
|
}
|
|
|
|
.mec-av-spot .mec-av-spot-col6 i {
|
|
font-size: 42px;
|
|
float: left;
|
|
margin-right: 7px;
|
|
height: 58px;
|
|
}
|
|
|
|
.mec-av-spot .mec-av-spot-col6 h6 {
|
|
text-transform: uppercase;
|
|
font-size: 17px;
|
|
padding: 4px 0;
|
|
display: inline;
|
|
color: #444;
|
|
}
|
|
|
|
.mec-av-spot .mec-av-spot-col6 address {
|
|
font-size: 12px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-av-spot-content.mec-event-grid-modern .mec-event-title a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.mec-av-spot-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
.mec-booking-button {
|
|
font-size: 12px;
|
|
padding: 0 31px;
|
|
line-height: 49px;
|
|
height: 50px;
|
|
top: 0;
|
|
box-shadow: 0 5px 11px -3px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.mec-av-spot .mec-av-spot-col6 {
|
|
width: 100%;
|
|
margin: 10px 0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-av-spot-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 24px;
|
|
}
|
|
}
|
|
|
|
/* MEC Masonry
|
|
-------------------------------- */
|
|
.mec-events-masonry-wrap {
|
|
display: block;
|
|
width: auto;
|
|
}
|
|
|
|
.mec-masonry-item-wrap {
|
|
width: calc(33.33% - 30px);
|
|
padding: 0;
|
|
margin: 0 15px 30px;
|
|
min-height: 10px;
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
|
|
.mec-events-masonry-cats {
|
|
padding: 10px;
|
|
margin-bottom: 25px;
|
|
text-align: center;
|
|
clear: both;
|
|
list-style: none outside none;
|
|
}
|
|
|
|
.mec-events-masonry-cats a {
|
|
border-radius: 2px;
|
|
padding: 6px 12px;
|
|
font-size: 13px;
|
|
line-height: 1.2;
|
|
color: #333;
|
|
font-weight: normal;
|
|
margin-top: 0 !important;
|
|
text-align: center;
|
|
display: inline-block;
|
|
width: auto;
|
|
border: 2px solid transparent;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.mec-events-masonry-cats a:hover {
|
|
border-color: #40d9f1;
|
|
color: #333;
|
|
}
|
|
|
|
.mec-events-masonry-cats a.mec-masonry-cat-selected {
|
|
border: 2px solid #40d9f1;
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-masonry {
|
|
background: #f7f7f7;
|
|
height: auto;
|
|
border: 1px solid #eee;
|
|
box-shadow: 0 6px 12px -4px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.mec-masonry .mec-event-article {
|
|
position: relative;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-masonry .mec-masonry-img {
|
|
position: relative;
|
|
width: 100%;
|
|
height: auto;
|
|
float: none;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mec-masonry .mec-masonry-img img {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-masonry .mec-masonry-content,
|
|
.mec-masonry .mec-masonry-head {
|
|
width: 100%;
|
|
float: none;
|
|
height: 100%;
|
|
background: #fff;
|
|
padding: 0 20px 20px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-masonry .mec-events-content p {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-masonry-content.mec-event-grid-modern .mec-event-article {
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head {
|
|
min-height: 79px;
|
|
margin-bottom: 10px;
|
|
padding: 14px 5%;
|
|
margin-left: -20px;
|
|
margin-right: -20px;
|
|
text-align: left;
|
|
background: #f9f9f9;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.mec-masonry-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 22px;
|
|
}
|
|
|
|
.mec-masonry-content.mec-event-grid-modern .mec-event-content {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-masonry-content.mec-event-grid-modern .mec-labels-normal {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.mec-masonry-content.mec-event-grid-modern .mec-event-footer {
|
|
height: auto;
|
|
display: flex;
|
|
gap: 10px;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-event-masonry
|
|
.mec-masonry-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
a {
|
|
position: static;
|
|
padding: 0;
|
|
flex: auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-masonry .mec-masonry-col6 .mec-event-date {
|
|
font-size: 52px;
|
|
letter-spacing: -2px;
|
|
line-height: 41px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.mec-masonry .mec-masonry-col6 {
|
|
width: 50%;
|
|
float: left;
|
|
height: 100%;
|
|
}
|
|
|
|
.mec-masonry .mec-masonry-col6 i {
|
|
font-size: 24px;
|
|
float: left;
|
|
margin-right: 7px;
|
|
height: 50px;
|
|
}
|
|
|
|
.mec-masonry .mec-masonry-col6 h6,
|
|
.mec-masonry .mec-masonry-col6 .mec-event-month {
|
|
text-transform: capitalize;
|
|
font-size: 15px;
|
|
padding: 4px 0;
|
|
display: inline;
|
|
color: #444;
|
|
}
|
|
|
|
.mec-masonry .mec-masonry-col6 address,
|
|
.mec-masonry .mec-masonry-col6 .mec-event-detail {
|
|
font-size: 11px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-masonry-content.mec-event-grid-modern .mec-event-title a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.mec-masonry-content.mec-event-grid-modern
|
|
.mec-event-footer
|
|
.mec-booking-button {
|
|
font-size: 12px;
|
|
line-height: 49px;
|
|
height: 50px;
|
|
box-shadow: 0 5px 11px -3px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
.mec-masonry-item-wrap {
|
|
width: calc(50% - 30px);
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.mec-masonry .mec-masonry-col6 {
|
|
width: 100%;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.mec-masonry-item-wrap {
|
|
width: calc(100% - 30px);
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-masonry-content.mec-event-grid-modern .mec-event-title {
|
|
font-size: 24px;
|
|
}
|
|
}
|
|
|
|
.mec-wrap.mec-skin-masonry-container .mec-load-more-wrap {
|
|
position: unset;
|
|
}
|
|
|
|
/* MEC Single Page CountDown
|
|
-------------------------------- */
|
|
|
|
/* event countdown */
|
|
.btn-wrapper {
|
|
text-align: center;
|
|
}
|
|
|
|
.countdown-wrapper .btn-wrapper {
|
|
padding-top: 10px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.countdown-wrapper h5.countdown-message {
|
|
letter-spacing: 5px;
|
|
font-weight: 500;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.countdown-wrapper p,
|
|
.blox.dar .countdown-wrapper p {
|
|
color: #888;
|
|
}
|
|
|
|
.countdown-wrapper a.button.black {
|
|
float: right;
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* event countdown-clock */
|
|
|
|
.mec-wrap .threedaydigits .days .flip-clock-label {
|
|
right: -100px;
|
|
}
|
|
|
|
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
|
.mec-wrap .flip-clock-wrapper ul {
|
|
width: 29px !important;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul li a div div.inn {
|
|
font-size: 25px !important;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-divider .flip-clock-label {
|
|
left: 0;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.mec-wrap span.flip-clock-divider {
|
|
width: 12px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 320px) and (max-width: 480px) {
|
|
.mec-wrap .flip-clock-wrapper ul {
|
|
width: 29px !important;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul li a div div.inn {
|
|
font-size: 25px !important;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-divider .flip-clock-label {
|
|
display: none;
|
|
}
|
|
|
|
.mec-wrap span.flip-clock-divider:first-child {
|
|
width: 0;
|
|
}
|
|
|
|
.mec-wrap span.flip-clock-divider {
|
|
width: 5px;
|
|
}
|
|
|
|
.mec-single-event .mec-events-meta-group-countdown {
|
|
margin-left: 0;
|
|
padding: 15px 18%;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 960px) and (max-width: 1200px) {
|
|
.mec-wrap .threedaydigits ul {
|
|
height: 50px;
|
|
width: 47px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 480px) and (max-width: 768px) {
|
|
.mec-wrap .threedaydigits ul {
|
|
height: 48px;
|
|
width: 26px !important;
|
|
}
|
|
|
|
.mec-wrap .threedaydigits .flip-clock-label {
|
|
font-size: 8px;
|
|
left: -8px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 320px) and (max-width: 480px) {
|
|
.mec-wrap .threedaydigits ul {
|
|
height: 48px;
|
|
width: 22px !important;
|
|
}
|
|
}
|
|
|
|
/* reset */
|
|
.mec-wrap .flip-clock-wrapper * {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-ms-box-sizing: border-box;
|
|
-o-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-backface-visibility: hidden;
|
|
-moz-backface-visibility: hidden;
|
|
-ms-backface-visibility: hidden;
|
|
-o-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper a {
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
color: #ccc;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul {
|
|
list-style: none;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper.clearfix:before,
|
|
.flip-clock-wrapper.clearfix:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper.clearfix:after {
|
|
clear: both;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper.clearfix {
|
|
*zoom: 1;
|
|
}
|
|
|
|
/* main */
|
|
.mec-wrap .flip-clock-wrapper {
|
|
font: normal 11px "helvetica neue", "helvetica", sans-serif;
|
|
-webkit-user-select: none;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-meridium {
|
|
background: none !important;
|
|
box-shadow: 0 0 0 !important;
|
|
font-size: 36px !important;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-meridium a {
|
|
color: #313333;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper {
|
|
text-align: center;
|
|
position: relative;
|
|
display: inline-block;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper:before,
|
|
.flip-clock-wrapper:after {
|
|
content: " ";
|
|
/* 1 */
|
|
display: table;
|
|
/* 2 */
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper:after {
|
|
clear: both;
|
|
}
|
|
|
|
/* skeleton */
|
|
.mec-wrap .flip-clock-wrapper ul {
|
|
position: relative;
|
|
float: left;
|
|
margin: 2px;
|
|
width: 50px;
|
|
height: 50px;
|
|
font-size: 80px;
|
|
font-weight: bold;
|
|
line-height: 87px;
|
|
border-radius: 3px;
|
|
background: rgba(0, 0, 0, 0.21);
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul li {
|
|
z-index: 1;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
line-height: 54px;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul li:first-child {
|
|
z-index: 2;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul li a {
|
|
display: block;
|
|
height: 100%;
|
|
-webkit-perspective: 200px;
|
|
-moz-perspective: 200px;
|
|
perspective: 200px;
|
|
margin: 0 !important;
|
|
overflow: visible !important;
|
|
cursor: default !important;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul li a div {
|
|
z-index: 1;
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 50%;
|
|
font-size: 80px;
|
|
overflow: hidden;
|
|
outline: 1px solid transparent;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul li a div .shadow {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 2;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul li a div.up {
|
|
-webkit-transform-origin: 50% 100%;
|
|
-moz-transform-origin: 50% 100%;
|
|
-ms-transform-origin: 50% 100%;
|
|
-o-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
top: 0;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul li a div.up:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 24px;
|
|
left: 0;
|
|
z-index: 5;
|
|
width: 100%;
|
|
height: 3px;
|
|
background-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul li a div.down {
|
|
-webkit-transform-origin: 50% 0;
|
|
-moz-transform-origin: 50% 0;
|
|
-ms-transform-origin: 50% 0;
|
|
-o-transform-origin: 50% 0;
|
|
transform-origin: 50% 0;
|
|
bottom: 0;
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul li a div div.inn {
|
|
position: absolute;
|
|
left: 0;
|
|
z-index: 1;
|
|
width: 100%;
|
|
height: 200%;
|
|
color: #fff;
|
|
text-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
|
|
text-align: center;
|
|
background-color: #40d9f1;
|
|
border-radius: 3px;
|
|
font-size: 48px;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul li a div.up div.inn {
|
|
top: 0;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul li a div.down div.inn {
|
|
bottom: 0;
|
|
}
|
|
|
|
/* play */
|
|
.mec-wrap .flip-clock-wrapper ul.play li.flip-clock-before {
|
|
z-index: 3;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper .flip {
|
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul.play li.flip-clock-active {
|
|
-webkit-animation: asd 0.5s 0.5s linear both;
|
|
-moz-animation: asd 0.5s 0.5s linear both;
|
|
animation: asd 0.5s 0.5s linear both;
|
|
z-index: 5;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-divider {
|
|
float: left;
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 18px;
|
|
height: 62px;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-divider:first-child {
|
|
width: 0;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-dot {
|
|
display: none;
|
|
background: #323434;
|
|
width: 10px;
|
|
height: 10px;
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
|
|
left: 5px;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-divider .flip-clock-label {
|
|
position: absolute;
|
|
bottom: -1.5em;
|
|
right: -71px;
|
|
color: #101010;
|
|
font-weight: bold;
|
|
text-shadow: none;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.mec-wrap .blox.dark .flip-clock-divider .flip-clock-label {
|
|
color: #8a8a8a;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-divider.seconds .flip-clock-label {
|
|
right: -82px;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-dot.top {
|
|
top: 30px;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-dot.bottom {
|
|
bottom: 30px;
|
|
}
|
|
|
|
@-webkit-keyframes asd {
|
|
0% {
|
|
z-index: 2;
|
|
}
|
|
|
|
20% {
|
|
z-index: 4;
|
|
}
|
|
|
|
100% {
|
|
z-index: 4;
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes asd {
|
|
0% {
|
|
z-index: 2;
|
|
}
|
|
|
|
20% {
|
|
z-index: 4;
|
|
}
|
|
|
|
100% {
|
|
z-index: 4;
|
|
}
|
|
}
|
|
|
|
@-o-keyframes asd {
|
|
0% {
|
|
z-index: 2;
|
|
}
|
|
|
|
20% {
|
|
z-index: 4;
|
|
}
|
|
|
|
100% {
|
|
z-index: 4;
|
|
}
|
|
}
|
|
|
|
@keyframes asd {
|
|
0% {
|
|
z-index: 2;
|
|
}
|
|
|
|
20% {
|
|
z-index: 4;
|
|
}
|
|
|
|
100% {
|
|
z-index: 4;
|
|
}
|
|
}
|
|
|
|
.flip-clock-wrapper ul.play li.flip-clock-active .down {
|
|
z-index: 2;
|
|
-webkit-animation: turn 0.5s 0.5s linear both;
|
|
-moz-animation: turn 0.5s 0.5s linear both;
|
|
animation: turn 0.5s 0.5s linear both;
|
|
}
|
|
|
|
@-webkit-keyframes turn {
|
|
0% {
|
|
-webkit-transform: rotatex(90deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotatex(0deg);
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes turn {
|
|
0% {
|
|
-moz-transform: rotatex(90deg);
|
|
}
|
|
|
|
100% {
|
|
-moz-transform: rotatex(0deg);
|
|
}
|
|
}
|
|
|
|
@-o-keyframes turn {
|
|
0% {
|
|
-o-transform: rotatex(90deg);
|
|
}
|
|
|
|
100% {
|
|
-o-transform: rotatex(0deg);
|
|
}
|
|
}
|
|
|
|
@keyframes turn {
|
|
0% {
|
|
transform: rotatex(90deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotatex(0deg);
|
|
}
|
|
}
|
|
|
|
.flip-clock-wrapper ul.play li.flip-clock-before .up {
|
|
z-index: 2;
|
|
-webkit-animation: turn2 0.5s linear both;
|
|
-moz-animation: turn2 0.5s linear both;
|
|
animation: turn2 0.5s linear both;
|
|
}
|
|
|
|
@-webkit-keyframes turn2 {
|
|
0% {
|
|
-webkit-transform: rotatex(0deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotatex(-90deg);
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes turn2 {
|
|
0% {
|
|
-moz-transform: rotatex(0deg);
|
|
}
|
|
|
|
100% {
|
|
-moz-transform: rotatex(-90deg);
|
|
}
|
|
}
|
|
|
|
@-o-keyframes turn2 {
|
|
0% {
|
|
-o-transform: rotatex(0deg);
|
|
}
|
|
|
|
100% {
|
|
-o-transform: rotatex(-90deg);
|
|
}
|
|
}
|
|
|
|
@keyframes turn2 {
|
|
0% {
|
|
transform: rotatex(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotatex(-90deg);
|
|
}
|
|
}
|
|
|
|
.flip-clock-wrapper ul li.flip-clock-active {
|
|
z-index: 3;
|
|
}
|
|
|
|
/* shadow */
|
|
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
|
|
background: -moz-linear-gradient(
|
|
top,
|
|
rgba(0, 0, 0, 0.1) 0%,
|
|
rgba(64, 64, 64, 0.68) 100%
|
|
);
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(0%, rgba(0, 0, 0, 0.1)),
|
|
color-stop(100%, rgba(64, 64, 64, 0.68))
|
|
);
|
|
background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64, 64, 0.68) 100%;
|
|
background: -o-linear-gradient(
|
|
top,
|
|
rgba(0, 0, 0, 0.1) 0%,
|
|
rgba(64, 64, 64, 0.68) 100%
|
|
);
|
|
background: -ms-linear-gradient(
|
|
top,
|
|
rgba(0, 0, 0, 0.1) 0%,
|
|
rgba(64, 64, 64, 0.68) 100%
|
|
);
|
|
background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%,
|
|
rgba(64, 64, 64, 0.68) 100%;
|
|
-webkit-animation: show 0.5s linear both;
|
|
-moz-animation: show 0.5s linear both;
|
|
animation: show 0.5s linear both;
|
|
}
|
|
|
|
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
|
|
background: -moz-linear-gradient(
|
|
top,
|
|
rgba(0, 0, 0, 0.1) 0%,
|
|
rgba(64, 64, 64, 0.68) 100%
|
|
);
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(0%, rgba(0, 0, 0, 0.1)),
|
|
color-stop(100%, rgba(64, 64, 64, 0.68))
|
|
);
|
|
background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64, 64, 0.68) 100%;
|
|
background: -o-linear-gradient(
|
|
top,
|
|
rgba(0, 0, 0, 0.1) 0%,
|
|
rgba(64, 64, 64, 0.68) 100%
|
|
);
|
|
background: -ms-linear-gradient(
|
|
top,
|
|
rgba(0, 0, 0, 0.1) 0%,
|
|
rgba(64, 64, 64, 0.68) 100%
|
|
);
|
|
background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%,
|
|
rgba(64, 64, 64, 0.68) 100%;
|
|
-webkit-animation: hide 0.5s 0.3s linear both;
|
|
-moz-animation: hide 0.5s 0.3s linear both;
|
|
animation: hide 0.5s 0.3s linear both;
|
|
}
|
|
|
|
/*down*/
|
|
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
|
|
background: -moz-linear-gradient(
|
|
top,
|
|
rgba(64, 64, 64, 0.68) 0%,
|
|
rgba(0, 0, 0, 0.1) 100%
|
|
);
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(0%, rgba(64, 64, 64, 0.68)),
|
|
color-stop(100%, rgba(0, 0, 0, 0.1))
|
|
);
|
|
background: linear, top, rgba(64, 64, 64, 0.68) 0%, rgba(0, 0, 0, 0.1) 100%;
|
|
background: -o-linear-gradient(
|
|
top,
|
|
rgba(64, 64, 64, 0.68) 0%,
|
|
rgba(0, 0, 0, 0.1) 100%
|
|
);
|
|
background: -ms-linear-gradient(
|
|
top,
|
|
rgba(64, 64, 64, 0.68) 0%,
|
|
rgba(0, 0, 0, 0.1) 100%
|
|
);
|
|
background: linear, to bottom, rgba(64, 64, 64, 0.68) 0%,
|
|
rgba(0, 0, 0, 0.1) 100%;
|
|
-webkit-animation: show 0.5s linear both;
|
|
-moz-animation: show 0.5s linear both;
|
|
animation: show 0.5s linear both;
|
|
}
|
|
|
|
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
|
|
background: -moz-linear-gradient(
|
|
top,
|
|
rgba(64, 64, 64, 0.68) 0%,
|
|
rgba(0, 0, 0, 0.1) 100%
|
|
);
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(0%, rgba(64, 64, 64, 0.68)),
|
|
color-stop(100%, rgba(0, 0, 0, 0.1))
|
|
);
|
|
background: linear, top, rgba(64, 64, 64, 0.68) 0%, rgba(0, 0, 0, 0.1) 100%;
|
|
background: -o-linear-gradient(
|
|
top,
|
|
rgba(64, 64, 64, 0.68) 0%,
|
|
rgba(0, 0, 0, 0.1) 100%
|
|
);
|
|
background: -ms-linear-gradient(
|
|
top,
|
|
rgba(64, 64, 64, 0.68) 0%,
|
|
rgba(0, 0, 0, 0.1) 100%
|
|
);
|
|
background: linear, to bottom, rgba(64, 64, 64, 0.68) 0%,
|
|
rgba(0, 0, 0, 0.1) 100%;
|
|
-webkit-animation: hide 0.5s 0.3s linear both;
|
|
-moz-animation: hide 0.5s 0.3s linear both;
|
|
animation: hide 0.5s 0.2s linear both;
|
|
}
|
|
|
|
@-webkit-keyframes show {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes show {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-o-keyframes show {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes show {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes hide {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes hide {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@-o-keyframes hide {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes hide {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 320px) and (max-width: 480px) {
|
|
.single-mec-events .mec-wrap .flip-clock-wrapper {
|
|
padding-bottom: 0;
|
|
max-width: 218px;
|
|
}
|
|
|
|
.single-mec-events .mec-wrap .mec-events-meta-group-countdown {
|
|
padding: 20px 10px 20px 10px;
|
|
}
|
|
|
|
.mec-wrap .flip-clock-wrapper ul {
|
|
width: 25px !important;
|
|
padding: 0;
|
|
}
|
|
|
|
.single-mec-events .mec-wrap .flip-clock-wrapper .flip {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.single-mec-events .mec-wrap .flip-clock-divider .flip-clock-label {
|
|
display: block;
|
|
}
|
|
|
|
.single-mec-events .mec-wrap .flip-clock-divider.days .flip-clock-label {
|
|
left: -15px;
|
|
}
|
|
|
|
.single-mec-events .mec-wrap .flip-clock-divider.hours .flip-clock-label {
|
|
left: 0;
|
|
}
|
|
|
|
.single-mec-events .mec-wrap .flip-clock-divider.minutes .flip-clock-label {
|
|
left: 0;
|
|
}
|
|
|
|
.single-mec-events .mec-wrap .flip-clock-divider.seconds .flip-clock-label {
|
|
left: -15px;
|
|
}
|
|
|
|
.single-mec-events .mec-wrap .flip-clock-wrapper {
|
|
max-width: unset;
|
|
}
|
|
}
|
|
|
|
/* MEC Events - Extras
|
|
-------------------------------- */
|
|
@font-face {
|
|
font-family: "simple-line-icons";
|
|
src: url("../fonts/Simple-Line-Icons.eot?v=2.3.1");
|
|
src: url("../fonts/Simple-Line-Icons.eot?v=2.3.1#iefix")
|
|
format("embedded-opentype"),
|
|
url("../fonts/Simple-Line-Icons.woff2?v=2.3.1") format("woff2"),
|
|
url("../fonts/Simple-Line-Icons.woff?v=2.3.1") format("woff"),
|
|
url("../fonts/Simple-Line-Icons.ttf?v=2.3.1") format("truetype"),
|
|
url("../fonts/Simple-Line-Icons.svg?v=2.3.1#simple-line-icons")
|
|
format("svg");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
[class*="mec-sl-"] {
|
|
font-family: "simple-line-icons";
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.mec-sl-facebook:before {
|
|
content: "\e00b";
|
|
}
|
|
|
|
.mec-sl-twitter:before {
|
|
content: "\e009";
|
|
}
|
|
|
|
.mec-sl-google-plus:before {
|
|
content: "\e60d";
|
|
}
|
|
|
|
.mec-sl-angle-left:before {
|
|
content: "\e605";
|
|
}
|
|
|
|
.mec-sl-angle-right:before {
|
|
content: "\e606";
|
|
}
|
|
|
|
.mec-sl-calendar:before {
|
|
content: "\e075";
|
|
}
|
|
|
|
.mec-sl-clock-o:before {
|
|
content: "\e081";
|
|
}
|
|
|
|
.mec-sl-home:before {
|
|
content: "\e069";
|
|
}
|
|
|
|
.mec-sl-phone:before {
|
|
content: "\e600";
|
|
}
|
|
|
|
.mec-sl-envelope:before {
|
|
content: "\e086";
|
|
}
|
|
|
|
.mec-sl-sitemap:before {
|
|
content: "\e037";
|
|
}
|
|
|
|
.mec-sl-map-marker:before {
|
|
content: "\e096";
|
|
}
|
|
|
|
.mec-sl-floder:before {
|
|
content: "\e089";
|
|
}
|
|
|
|
.mec-sl-wallet:before {
|
|
content: "\e02a";
|
|
}
|
|
|
|
/* # Color Skins
|
|
================================================== */
|
|
/* colorskin-1 */
|
|
.mec-color,
|
|
.mec-color-hover:hover,
|
|
.mec-color-before *:before,
|
|
.mec-wrap .mec-color,
|
|
.mec-wrap .mec-color-hover:hover,
|
|
.mec-wrap .mec-color-before *:before {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-bg-color,
|
|
.mec-bg-color-hover:hover,
|
|
.mec-wrap .mec-bg-color,
|
|
.mec-wrap .mec-bg-color-hover:hover {
|
|
background-color: #40d9f1;
|
|
}
|
|
|
|
.mec-box-marker,
|
|
.mec-vip-content-notice {
|
|
box-shadow: 5px 0 0 #40d9f1 inset;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.mec-border-color,
|
|
.mec-border-color-hover:hover,
|
|
.mec-wrap .mec-border-color,
|
|
.mec-wrap .mec-border-color-hover:hover {
|
|
border-color: #40d9f1;
|
|
}
|
|
|
|
/* # Toggle Month Divider
|
|
================================================== */
|
|
.mec-toggle-month-divider.mec-skin-list-events-container {
|
|
border: 1px solid #e8e8e8;
|
|
margin-bottom: 30px;
|
|
background: #f8f8f8;
|
|
box-shadow: 0 2px 18px -1px rgba(0, 0, 0, 0.1);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.mec-toggle-month-divider .mec-month-divider {
|
|
margin: 0;
|
|
text-align: left;
|
|
background: #fff;
|
|
position: relative;
|
|
cursor: pointer;
|
|
border-top: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.mec-toggle-month-divider .mec-month-divider span {
|
|
padding: 20px;
|
|
border-bottom: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.mec-toggle-month-divider .mec-month-divider i {
|
|
position: absolute;
|
|
right: 20px;
|
|
top: 24px;
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-toggle-month-divider .mec-month-divider span:before {
|
|
display: none;
|
|
}
|
|
|
|
.mec-toggle-month-divider .mec-month-divider + article {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.mec-toggle-month-divider .mec-wrap .mec-month-divider:first-of-type {
|
|
border-top: none;
|
|
}
|
|
|
|
.mec-toggle-month-divider
|
|
.mec-event-list-accordion
|
|
.mec-month-divider:not(:first-of-type)
|
|
~ article {
|
|
display: none;
|
|
}
|
|
|
|
.mec-skin-list-events-container:not(.mec-toggle-month-divider)
|
|
.mec-month-divider
|
|
i {
|
|
display: none;
|
|
}
|
|
|
|
.mec-month-divider {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.mec-month-divider:before,
|
|
.mec-month-divider:after {
|
|
content: "";
|
|
flex: 1;
|
|
height: 4px;
|
|
background: #ebebeb;
|
|
}
|
|
|
|
.mec-month-divider h5 {
|
|
font-size: 22px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.mec-month-divider i {
|
|
display: none;
|
|
}
|
|
|
|
.mec-toogle-inner-month-divider .mec-toggle-item-col .mec-event-month {
|
|
display: inline-block;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.mec-toogle-inner-month-divider .mec-toggle-item-col .mec-event-date {
|
|
font-size: 14px;
|
|
line-height: 14px;
|
|
float: none;
|
|
display: inline-block;
|
|
margin-right: 0;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toogle-inner-month-divider.mec-toggle-item-inner {
|
|
padding: 20px 60px 30px 15px;
|
|
}
|
|
|
|
.mec-toogle-inner-month-divider .mec-toggle-month-inner-image {
|
|
float: left;
|
|
clear: right;
|
|
width: 100px;
|
|
margin-right: 20px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.mec-toogle-inner-month-divider .mec-toggle-item-col .mec-event-detail {
|
|
margin-top: -6px;
|
|
}
|
|
|
|
.mec-toogle-inner-month-divider .mec-toggle-item-col {
|
|
float: none;
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
display: block;
|
|
border: none;
|
|
}
|
|
|
|
.mec-events-toggle .mec-toogle-inner-month-divider .mec-toggle-title {
|
|
font-size: 19px;
|
|
display: block;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.mec-events-toggle .mec-toogle-inner-month-divider .mec-toggle-title {
|
|
font-size: 14px;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.mec-toogle-inner-month-divider .mec-toggle-item-col {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.mec-toogle-inner-month-divider .mec-toggle-month-inner-image {
|
|
width: 70px;
|
|
}
|
|
}
|
|
|
|
/* # Featured/Canceled Label
|
|
================================================== */
|
|
/* .mec-wrap article:not([class^="mec-event-countdown"]):not([class^="mec-event-cover-"]).mec-label-featured:before,
|
|
.mec-wrap article:not([class^="mec-event-countdown"]):not([class^="mec-event-cover-"]).mec-label-canceled:before {
|
|
z-index: 1;
|
|
position: absolute;
|
|
top: 25px;
|
|
right: -37px;
|
|
font-size: 11px;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
background: #04de78;
|
|
padding: 2px 40px;
|
|
color: #fff;
|
|
-ms-transform: rotate(45deg);
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
-webkit-transition: .5s cubic-bezier(.25, .5, .06, .85);
|
|
transition: .5s cubic-bezier(.25, .5, .06, .85);
|
|
content: attr(data-style);
|
|
} */
|
|
|
|
.mec-wrap
|
|
article:not([class^="mec-event-countdown"]):not(
|
|
[class^="mec-event-cover-"]
|
|
).mec-label-featured,
|
|
.mec-wrap
|
|
article:not([class^="mec-event-countdown"]):not(
|
|
[class^="mec-event-cover-"]
|
|
).mec-label-canceled,
|
|
.mec-wrap
|
|
article:not([class^="mec-event-countdown"]):not(
|
|
[class^="mec-event-cover-"]
|
|
).mec-label-custom {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-event-label-captions {
|
|
z-index: 1;
|
|
position: absolute;
|
|
top: 30px;
|
|
right: -37px;
|
|
font-size: 10px;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
background: #04de78;
|
|
padding: 2px 0;
|
|
color: #fff;
|
|
-ms-transform: rotate(45deg);
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
-webkit-transition: 0.5s cubic-bezier(0.25, 0.5, 0.06, 0.85);
|
|
transition: 0.5s cubic-bezier(0.25, 0.5, 0.06, 0.85);
|
|
list-style: none;
|
|
text-align: center;
|
|
width: 150px;
|
|
max-width: 150px;
|
|
}
|
|
|
|
.mec-event-agenda-clean .mec-event-label-captions {
|
|
top: 0;
|
|
}
|
|
|
|
.mec-box-calendar.mec-event-calendar-classic.mec-event-container-novel
|
|
.mec-event-label-captions {
|
|
display: none;
|
|
}
|
|
|
|
.mec-wrap
|
|
article:not([class^="mec-event-countdown"]):not(
|
|
[class^="mec-event-cover-"]
|
|
).mec-label-canceled:before {
|
|
background: #de0404;
|
|
}
|
|
|
|
/* Full Calendar/Weekly view */
|
|
ul.mec-weekly-view-dates-events article:before,
|
|
.mec-daily-view-date-events article:before {
|
|
padding: 7px 40px !important;
|
|
top: 27px !important;
|
|
}
|
|
|
|
/* Full Calendar/Yearly View */
|
|
.mec-timeline-event .mec-fc-style,
|
|
.mec-wrap .mec-events-agenda .mec-agenda-event .mec-fc-style,
|
|
.mec-wrap .mec-event-list-modern article .mec-fc-style,
|
|
.mec-wrap .mec-event-list-accordion article .mec-fc-style,
|
|
.mec-timetable-wrap article .mec-fc-style,
|
|
.mec-event-grid-minimal article .mec-fc-style,
|
|
.mec-event-grid-classic article .mec-fc-style,
|
|
.mec-event-grid-simple article .mec-fc-style,
|
|
.mec-wrap article.mec-event-cover-modern .mec-fc-style,
|
|
.mec-wrap article.mec-event-cover-classic .mec-fc-style,
|
|
.mec-wrap article.mec-event-cover-clean .mec-fc-style,
|
|
.mec-wrap article[class^="mec-event-countdown-"] .mec-fc-style {
|
|
font-size: 9px;
|
|
letter-spacing: 0.5px;
|
|
text-transform: uppercase;
|
|
background: #04de78;
|
|
padding: 2px 7px;
|
|
color: #fff;
|
|
position: relative;
|
|
margin-left: 5px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.mec-timeline-event.mec-label-canceled .mec-fc-style,
|
|
.mec-wrap .mec-events-agenda .mec-agenda-event.mec-label-canceled .mec-fc-style,
|
|
.mec-wrap article.mec-event-cover-modern.mec-label-canceled .mec-fc-style {
|
|
background: #de0404;
|
|
}
|
|
|
|
.mec-timeline-event .mec-fc-style:before,
|
|
.mec-wrap .mec-events-agenda .mec-agenda-event .mec-fc-style:before,
|
|
.mec-wrap .mec-event-list-modern article .mec-fc-style:before,
|
|
.mec-wrap .mec-event-list-accordion article .mec-fc-style:before,
|
|
.mec-timetable-wrap article .mec-fc-style:before,
|
|
.mec-event-grid-minimal article .mec-fc-style:before,
|
|
.mec-event-grid-simple article .mec-fc-style:before,
|
|
.mec-wrap article.mec-event-cover-classic .mec-fc-style:before,
|
|
.mec-wrap article.mec-event-cover-clean .mec-fc-style:before,
|
|
.mec-wrap article[class^="mec-event-countdown-"] .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: -5px;
|
|
transform: translateY(-4.5px);
|
|
position: absolute;
|
|
content: "";
|
|
color: var(--background-color);
|
|
}
|
|
|
|
.mec-timeline-event.mec-label-canceled .mec-fc-style:before,
|
|
.mec-wrap
|
|
.mec-events-agenda
|
|
.mec-agenda-event.mec-label-canceled
|
|
.mec-fc-style:before {
|
|
color: #de0404;
|
|
}
|
|
|
|
/* List view/Modern & Accordion */
|
|
.mec-wrap .mec-event-list-modern article.mec-label-featured:before,
|
|
.mec-wrap .mec-event-list-modern article.mec-label-canceled:before,
|
|
.mec-wrap .mec-event-list-accordion article.mec-label-featured:before,
|
|
.mec-wrap .mec-event-list-accordion article.mec-label-canceled:before,
|
|
.mec-event-grid-minimal article.mec-label-featured:before,
|
|
.mec-event-grid-minimal article.mec-label-canceled:before,
|
|
.mec-event-grid-simple article.mec-label-featured:before,
|
|
.mec-event-grid-simple article.mec-label-canceled:before,
|
|
.mec-event-grid-classic article.mec-label-featured:before,
|
|
.mec-event-grid-classic article.mec-label-canceled:before,
|
|
.mec-timetable-wrap article.mec-label-featured:before,
|
|
.mec-timetable-wrap article.mec-label-canceled:before {
|
|
display: none;
|
|
}
|
|
|
|
.mec-wrap .mec-event-list-modern article .mec-fc-style,
|
|
.mec-wrap .mec-event-list-accordion article .mec-fc-style,
|
|
.mec-wrap article.mec-event-cover-classic .mec-fc-style,
|
|
.mec-wrap article.mec-event-cover-clean .mec-fc-style,
|
|
.mec-wrap article[class^="mec-event-countdown-"] .mec-fc-style {
|
|
top: -1px;
|
|
right: -3px;
|
|
font-size: 11px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.mec-wrap .mec-event-list-modern article.mec-label-canceled .mec-fc-style,
|
|
.mec-wrap .mec-event-list-accordion article.mec-label-canceled .mec-fc-style,
|
|
.mec-timetable-wrap article.mec-label-canceled .mec-fc-style,
|
|
.mec-event-grid-minimal article.mec-label-canceled .mec-fc-style,
|
|
.mec-event-grid-classic article.mec-label-canceled .mec-fc-style,
|
|
.mec-event-grid-simple article.mec-label-canceled .mec-fc-style,
|
|
.mec-wrap article.mec-event-cover-classic.mec-label-canceled .mec-fc-style,
|
|
.mec-wrap article.mec-event-cover-clean.mec-label-canceled .mec-fc-style,
|
|
.mec-wrap
|
|
article[class^="mec-event-countdown-"].mec-label-canceled
|
|
.mec-fc-style {
|
|
background: #de0404;
|
|
}
|
|
|
|
.mec-wrap
|
|
.mec-event-list-modern
|
|
article.mec-label-canceled
|
|
.mec-fc-style:before,
|
|
.mec-wrap
|
|
.mec-event-list-accordion
|
|
article.mec-label-canceled
|
|
.mec-fc-style:before,
|
|
.mec-timetable-wrap article.mec-label-canceled .mec-fc-style:before,
|
|
.mec-event-grid-minimal article.mec-label-canceled .mec-fc-style:before,
|
|
.mec-event-grid-classic article.mec-label-canceled .mec-fc-style:before,
|
|
.mec-event-grid-simple article.mec-label-canceled .mec-fc-style:before,
|
|
.mec-wrap
|
|
article.mec-event-cover-classic.mec-label-canceled
|
|
.mec-fc-style:before,
|
|
.mec-wrap article.mec-event-cover-clean.mec-label-canceled .mec-fc-style:before,
|
|
.mec-wrap
|
|
article[class^="mec-event-countdown-"].mec-label-canceled
|
|
.mec-fc-style:before {
|
|
color: #de0404;
|
|
}
|
|
|
|
/* Slider view */
|
|
.mec-wrap
|
|
.mec-slider-t5
|
|
article:not([class^="mec-event-countdown"]).mec-label-featured:before,
|
|
.mec-wrap
|
|
.mec-slider-t5
|
|
article:not([class^="mec-event-countdown"]).mec-label-canceled:before {
|
|
-ms-transform: none;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
top: 271px;
|
|
right: 0;
|
|
}
|
|
|
|
/* Timetable view */
|
|
.mec-timetable-wrap article .mec-fc-style {
|
|
top: -2px;
|
|
font-size: 10px;
|
|
right: 0;
|
|
}
|
|
|
|
/* Cover View */
|
|
.mec-wrap article.mec-event-cover-modern .mec-fc-style {
|
|
padding: 5px 9px;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 24px;
|
|
display: inline-block;
|
|
border-radius: 2px;
|
|
-ms-transform: rotate(0);
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0);
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
/* Grid View/Clean */
|
|
.mec-skin-grid-events-container
|
|
.mec-wrap
|
|
.mec-event-grid-clean
|
|
.mec-event-article:before {
|
|
-ms-transform: none;
|
|
-webkit-transform: none;
|
|
transform: none !important;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
top: 22px !important;
|
|
right: 22px !important;
|
|
padding: 0 10px !important;
|
|
}
|
|
|
|
/* Grid view/Minimal */
|
|
.mec-event-grid-minimal article .mec-fc-style,
|
|
.mec-event-grid-simple article .mec-fc-style {
|
|
top: -4px;
|
|
font-size: 10px;
|
|
margin-left: 10px;
|
|
right: 0;
|
|
}
|
|
|
|
.mec-event-grid-classic article .mec-fc-style {
|
|
padding: 5px 20px;
|
|
font-size: 12px;
|
|
margin-top: 8px;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* # Common Style For All Shortcodes
|
|
================================================== */
|
|
|
|
/* Next & Previous Month */
|
|
.mec-load-month-link {
|
|
color: #a9a9a9;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
text-decoration: unset;
|
|
transition: all 0.33s ease;
|
|
}
|
|
|
|
/* Categories*/
|
|
.mec-categories-wrapper {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.mec-categories-wrapper i {
|
|
margin-right: 4px;
|
|
display: inline-block;
|
|
}
|
|
|
|
ul.mec-categories {
|
|
padding: 0;
|
|
display: inline;
|
|
vertical-align: top;
|
|
}
|
|
|
|
ul.mec-categories li.mec-category {
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin-right: 3px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
ul.mec-categories li.mec-category:not(:last-of-type):after {
|
|
content: ",";
|
|
}
|
|
|
|
ul.mec-categories li.mec-category a {
|
|
color: #777;
|
|
text-align: left;
|
|
transition: all 0.23s ease;
|
|
-webkit-transition: all 0.23s ease;
|
|
}
|
|
|
|
/* Tooltip for custom data fields */
|
|
.mec-wrap [id^="mec_skin_events_"] .mec-event-data-fields {
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 18px;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
margin: 0 0 0 4px;
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAD90lEQVRoge2ZzWscZRjAf8/OJpUkQrF6SJMcNB+zobVdk8WCWEwqBEou0kMKtkgPHoRUD54VFMQ/wJBYhJ6MoGvFg3rQQ7dQFJVN09RANl9UkrgRbVrFuDZpZh4PSWqYmd2Z2a8Ize+0+7zPO/N7dt7l/RjYY48HGynHRZKqRltm7mmBXo1It9jEEBqBhq2UVYSswrTYmraVVFdn248iYpd675IK+GluruXehg4KchZoCtl9SVRHJcrw0fb2pWIdiirg2uzsY2LLOyjngNpib77FOujFdd1481hn50rYzqELGJ+afxGxh0AeCdvXhxURBuNm2ydhOgUuIJ1O1xgN+0eAl0OrhUDgwp3lxVd7e3s3Aub7k05n64yG3CXgZEl2QVG+sv6uG0gkDub8UiN+CZu/fBXlAYR+oz6XTKVSUb9U3wK2hk315LcR+vc3Nr/nn1aA8cz8GdDR8lmFR9DT8Vh7Mn97Hn6YmjpQKzUZ4NGKmAVnxRIrljDNW16NeYdQbaTmXXZfHuCAYUffytfo+QQmZmebbUvmKX2SKhdrIlZr3DR/cTZ4PgHL4jz/H3mAfUp00KvBVYCqRgQ5U3mnkKi+lFQ1nGFXAeOZuWNAc1WkwtHUMXOz2xl0FSDQWx2f8NjoCWfM4z8giWrIFIMorifgnqojdKDeF7Asi69TVxm7MYkIdB85TF/PcQzDqGjeNoqa/gWoNuab3765cpUr331//3vq283PJ5/vqWjeNgKNzpjXEGpwxzZJT0zuSmwHDzsDvou5nYjHg4l4xMqdVwiPAnQ1X3L3kcOuWNfRJyuet4O/nAH3f0BkGcVzu9jXcxyAsRuT9wX6nnu24nnbKCy7dJ2Ba9Nzn4lyKu9VdhX59KlY68DOiHsis3WsekLhEHC5uQqwlcvV0QmPitvNNYRUNTI+Pf+zQEt1tAKzEDdbH3ee5rmHkIgdUf2oel4BEUa9jiI95wGJMgysV1wqOGuCNeLV4FnA5lmlXqysU3BE+MBrNwaF9sTWQ28Av1fMKjgra/a9t/M15i3g0KGW2yq8Vhmn4Cj6SqFD34JroS6z7WOBC+XXCoYIQ12x9kuFcnwXczNm63mUz8unFRDRL+9kF1/3TQtyrXQ6W2fU55II/aWb+aPIF3fra08/09Lyj19uoOV0InEw98eviy+Avl+6XmFEGPpzeeFUEHko4gXH9czsgCLDlP/U7jdFB/3GvJNQGxqAeKw9WWvtM1EZBtbC9ncicFeEIWO9JhZWfqt/8Vyfnm5SooOqeraItdMC8KGyMdIVi2WLdSjLa1ZVjUzM3EzY6AlRuhU1BW36b3+tqyBLIDMCaRUuxzueGCvHa9Y99njQ+RcbkGTacAW/agAAAABJRU5ErkJggg==");
|
|
background-position: center center;
|
|
background-size: cover;
|
|
padding: 0;
|
|
border: none;
|
|
background-color: transparent;
|
|
overflow: visible;
|
|
}
|
|
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip {
|
|
position: absolute;
|
|
width: 160px;
|
|
bottom: 24px;
|
|
left: calc(50% - 80px);
|
|
background: #fff;
|
|
border-radius: 5px;
|
|
border: 1px solid #535a6121;
|
|
box-shadow: 0 4px 45px -8px #444b5061;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.25s ease;
|
|
transform: scale(0.9);
|
|
z-index: 99;
|
|
}
|
|
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-data-fields:hover
|
|
.mec-data-fields-tooltip {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip:before {
|
|
display: block;
|
|
content: "";
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
left: calc(50% - 12px);
|
|
top: 100%;
|
|
transform: translate(50%, -50%) rotate(-45deg);
|
|
background-color: #fff;
|
|
box-shadow: 0 8px 9px -4px #535a61;
|
|
z-index: 0;
|
|
}
|
|
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip
|
|
.mec-data-fields-tooltip-box {
|
|
overflow: hidden;
|
|
border-radius: 11px;
|
|
padding: 12px 0;
|
|
}
|
|
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip
|
|
.mec-data-fields-tooltip-box
|
|
ul {
|
|
width: 100%;
|
|
height: fit-content;
|
|
overflow-y: scroll;
|
|
padding: 9px 15px;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip
|
|
.mec-data-fields-tooltip-box
|
|
ul::-webkit-scrollbar-track {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip
|
|
.mec-data-fields-tooltip-box
|
|
ul::-webkit-scrollbar {
|
|
width: 4px;
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip
|
|
.mec-data-fields-tooltip-box
|
|
ul::-webkit-scrollbar-thumb {
|
|
background-color: #40d9f1;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip
|
|
.mec-data-fields-tooltip-box
|
|
ul
|
|
.mec-event-data-field-item {
|
|
display: block;
|
|
width: 100%;
|
|
text-transform: none;
|
|
margin: 0 0 8px 0;
|
|
color: #616263;
|
|
font-size: 13px;
|
|
line-height: 1.5;
|
|
font-weight: 400;
|
|
padding-bottom: 8px;
|
|
border-bottom: 1px dashed #e1e2e3;
|
|
}
|
|
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip
|
|
.mec-data-fields-tooltip-box
|
|
ul
|
|
.mec-event-data-field-item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-data-fields-tooltip
|
|
.mec-data-fields-tooltip-box
|
|
ul
|
|
.mec-event-data-field-item
|
|
a {
|
|
color: #40d9f1;
|
|
font-size: 13px;
|
|
line-height: 1.5;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-data-fields-tooltip
|
|
.mec-data-fields-tooltip-box
|
|
ul
|
|
.mec-event-data-field-item
|
|
a:hover {
|
|
color: #000;
|
|
}
|
|
|
|
/* Custom Data with Label */
|
|
.mec-wrap .mec-custom-data .mec-timetable-t2-content,
|
|
.mec-wrap .mec-custom-data .mec-timetable-t2-content .mec-event-title,
|
|
.mec-wrap
|
|
article:not([class^="mec-event-countdown"]):not(
|
|
[class^="mec-event-cover-"]
|
|
).mec-custom-data.mec-label-canceled,
|
|
.mec-wrap
|
|
article:not([class^="mec-event-countdown"]):not(
|
|
[class^="mec-event-cover-"]
|
|
).mec-custom-data.mec-label-featured {
|
|
overflow: visible !important;
|
|
}
|
|
|
|
.mec-wrap
|
|
article:not([class^="mec-event-countdown"]):not(
|
|
[class^="mec-event-cover-"]
|
|
).mec-custom-data.mec-label-canceled
|
|
.mec-event-label-captions,
|
|
.mec-wrap
|
|
article:not([class^="mec-event-countdown"]):not(
|
|
[class^="mec-event-cover-"]
|
|
).mec-custom-data.mec-label-featured
|
|
.mec-event-label-captions {
|
|
-ms-transform: rotate(0);
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0);
|
|
width: fit-content;
|
|
top: 7px;
|
|
right: 7px;
|
|
padding: 2px 5px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
@media (min-width: 769px) {
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-list-standard
|
|
.mec-label-custom
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip,
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-list-standard
|
|
.mec-label-featured
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip,
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-list-standard
|
|
.mec-label-canceled
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip {
|
|
bottom: calc(50% - 110px);
|
|
left: 30px;
|
|
}
|
|
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-list-standard
|
|
.mec-label-custom
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip:before,
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-list-standard
|
|
.mec-label-featured
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip:before,
|
|
.mec-wrap
|
|
[id^="mec_skin_events_"]
|
|
.mec-event-list-standard
|
|
.mec-label-canceled
|
|
.mec-event-data-fields
|
|
.mec-data-fields-tooltip:before {
|
|
left: -10px;
|
|
top: calc(100% - 110px);
|
|
box-shadow: -8px -5px 9px -4px #535a61;
|
|
}
|
|
}
|
|
|
|
/* # Speaker Modal
|
|
================================================== */
|
|
.mec-hourly-schedule-speaker-info {
|
|
background: #fff;
|
|
padding: 30px;
|
|
border: 1px solid #e6e6e6;
|
|
}
|
|
|
|
.mec-hourly-schedule-speaker-thumbnail {
|
|
float: left;
|
|
max-width: 30%;
|
|
width: 30%;
|
|
}
|
|
|
|
.mec-hourly-schedule-speaker-name {
|
|
font-weight: 700;
|
|
font-size: 26px;
|
|
line-height: 1.2;
|
|
color: #333;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.mec-hourly-schedule-speaker-details {
|
|
float: left;
|
|
width: 69%;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.mec-hourly-schedule-speaker-job-title {
|
|
font-size: 16px;
|
|
line-height: 1.3;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.mec-hourly-schedule-speaker-description {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #6d7683;
|
|
line-height: 1.7;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-organizer-social-information a i,
|
|
.mec-hourly-schedule-speaker-contact-information a i {
|
|
color: #6b6b6b;
|
|
background: #ebebeb;
|
|
line-height: 29px;
|
|
margin: 9px 7px 9px 0;
|
|
width: 30px;
|
|
height: 30px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
transition: all 0.2s ease;
|
|
font-size: 15px;
|
|
cursor: pointer;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.mec-organizer-social-information a i:hover,
|
|
.mec-hourly-schedule-speaker-contact-information a i:hover {
|
|
background: #222;
|
|
color: #fff;
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-hourly-schedule-speaker-thumbnail {
|
|
float: none;
|
|
max-width: none;
|
|
margin-right: 0;
|
|
margin-bottom: 15px;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-hourly-schedule-speaker-thumbnail img {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-hourly-schedule-speaker-details {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-hourly-schedule-speaker-info {
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
/* # Profile page
|
|
================================================== */
|
|
.mec-profile {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings {
|
|
border: 2px solid #e6e6e6;
|
|
text-align: center;
|
|
min-width: 600px;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr:first-child {
|
|
background: #f7f7f7;
|
|
font-weight: bold;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr {
|
|
border-bottom: 1px solid #e6e6e6;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td {
|
|
border: 1px solid #e6e6e6;
|
|
padding: 10px;
|
|
text-align: center;
|
|
word-break: initial;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(1) {
|
|
width: 5%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(2) {
|
|
width: 30%;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(3) {
|
|
width: 30%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(4) {
|
|
width: 7%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(5) {
|
|
width: 7%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(6) {
|
|
width: 7%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(7) {
|
|
width: 7%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(8) {
|
|
width: 7%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(8) i {
|
|
color: #fe686a;
|
|
}
|
|
|
|
.mec-profile .mec-event-status {
|
|
padding: 5px 10px;
|
|
color: #fff;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
letter-spacing: 0.4px;
|
|
}
|
|
|
|
.mec-profile .mec-event-status.mec-book-confirmed {
|
|
background: #50d477;
|
|
}
|
|
|
|
.mec-profile .mec-event-status.mec-book-pending {
|
|
background: #fcbe69;
|
|
}
|
|
|
|
.mec-profile .mec-event-status.mec-book-rejected {
|
|
background: #fe686a;
|
|
}
|
|
|
|
.mec-profile .mec-event-date {
|
|
font-size: 12px;
|
|
color: #888;
|
|
}
|
|
|
|
/* MEC Profile date and status with icon */
|
|
.mec-event-status,
|
|
.mec-event-date {
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-event-status .mec-tooltip,
|
|
.mec-event-date .mec-tooltip {
|
|
position: relative;
|
|
width: fit-content;
|
|
margin: auto;
|
|
}
|
|
|
|
.mec-profile i {
|
|
font-size: 15px;
|
|
color: #008aff;
|
|
vertical-align: text-bottom;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.mec-event-status .mec-tooltip .box,
|
|
.mec-event-date .mec-tooltip .box {
|
|
min-width: 250px;
|
|
max-width: 300px;
|
|
display: inline-block;
|
|
top: -8px;
|
|
left: 50%;
|
|
margin-top: 0;
|
|
transform: translate(-50%, -100%);
|
|
padding: 0;
|
|
background-color: #000;
|
|
color: #fff;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
letter-spacing: 0.5px;
|
|
line-height: 1.5;
|
|
position: absolute;
|
|
z-index: 99999999;
|
|
box-sizing: border-box;
|
|
border-radius: 6px;
|
|
box-shadow: 0 4px 45px -8px #535a61;
|
|
padding: 5px 10px 6px;
|
|
border-radius: 8px;
|
|
text-align: center;
|
|
font-style: normal;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
display: none;
|
|
}
|
|
|
|
.mec-event-date .mec-tooltip .box,
|
|
.mec-event-status .mec-tooltip .box {
|
|
font-size: 13px;
|
|
letter-spacing: 1.1px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.mec-event-status .mec-tooltip:hover .box:after,
|
|
.mec-event-date .mec-tooltip:hover .box:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
left: calc(50% - 12px);
|
|
bottom: -12px;
|
|
transform: translate(50%, -50%) rotate(-45deg);
|
|
background-color: #000;
|
|
box-shadow: 0 8px 9px -4px #535a61;
|
|
}
|
|
|
|
.mec-event-status .mec-tooltip .box {
|
|
min-width: 100px;
|
|
}
|
|
|
|
.mec-event-status.mec-book-confirmed .mec-tooltip:hover .box:after,
|
|
.mec-event-status.mec-book-confirmed .mec-tooltip .box {
|
|
background-color: #50d477;
|
|
}
|
|
|
|
.mec-event-status.mec-book-rejected .mec-tooltip:hover .box:after,
|
|
.mec-event-status.mec-book-rejected .mec-tooltip .box {
|
|
background-color: #fe686a;
|
|
}
|
|
|
|
.mec-event-status.mec-book-pending .mec-tooltip:hover .box:after,
|
|
.mec-event-status.mec-book-pending .mec-tooltip .box {
|
|
background-color: #fcbe69;
|
|
}
|
|
|
|
.mec-event-status .mec-tooltip:hover .box,
|
|
.mec-event-date .mec-tooltip:hover .box {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
display: block;
|
|
}
|
|
|
|
.mec-profile .mec-booking-number-of-attendees {
|
|
font-size: 13px;
|
|
color: #888;
|
|
}
|
|
|
|
.mec-profile .mec-booking-number-of-attendees i,
|
|
.mec-profile .mec-profile-bookings-view-invoice i {
|
|
font-size: 15px;
|
|
color: #008aff;
|
|
vertical-align: text-bottom;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.mec-booking-attendees {
|
|
background: #fff;
|
|
padding: 10px;
|
|
}
|
|
|
|
.mec-booking-attendees {
|
|
width: 850px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-booking-attendees-wrapper {
|
|
border: 2px solid #e6e6e6;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.mec-booking-attendees-head {
|
|
display: table;
|
|
width: 100%;
|
|
background: #f7f7f7;
|
|
border-bottom: 1px solid #e6e6e6;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.mec-booking-attendees-head span,
|
|
.mec-booking-attendees-head-content > span {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
padding: 7px;
|
|
border-right: 1px solid #e6e6e6;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.mec-booking-attendees-head-content {
|
|
display: table;
|
|
width: 100%;
|
|
border-bottom: 1px solid #e6e6e6;
|
|
}
|
|
|
|
.mec-booking-attendees-wrapper .mec-booking-attendees-head-content:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.mec-booking-attendees-head span:nth-child(1),
|
|
.mec-booking-attendees-head-content > span:nth-child(1) {
|
|
width: 4%;
|
|
}
|
|
|
|
.mec-booking-attendees-head span:nth-child(2),
|
|
.mec-booking-attendees-head-content > span:nth-child(2) {
|
|
width: 20%;
|
|
}
|
|
|
|
.mec-booking-attendees-head span:nth-child(3),
|
|
.mec-booking-attendees-head-content > span:nth-child(3) {
|
|
width: 24%;
|
|
}
|
|
|
|
.mec-booking-attendees-head span:nth-child(4),
|
|
.mec-booking-attendees-head-content > span:nth-child(4) {
|
|
width: 26%;
|
|
}
|
|
|
|
.mec-booking-attendees-head span:nth-child(5),
|
|
.mec-booking-attendees-head-content > span:nth-child(5) {
|
|
width: 26%;
|
|
}
|
|
|
|
@media only screen and (max-width: 759px) {
|
|
.mec-booking-attendees {
|
|
width: 470px;
|
|
}
|
|
|
|
.mec-booking-attendees-head span,
|
|
.mec-booking-attendees-head-content > span {
|
|
word-break: break-all;
|
|
}
|
|
}
|
|
|
|
/* User Profile Responsive */
|
|
@media (max-width: 1366px) {
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(1) {
|
|
width: 5%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(2) {
|
|
width: 30%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(3) {
|
|
width: 30%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(4) {
|
|
width: 10%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(5) {
|
|
width: 10%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(6) {
|
|
width: 5%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(7) {
|
|
width: 5%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(8) {
|
|
width: 5%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(1) {
|
|
width: 5%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(2) {
|
|
width: 30%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(3) {
|
|
width: 30%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(4) {
|
|
width: 10%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(5) {
|
|
width: 10%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(6) {
|
|
width: 5%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(7) {
|
|
width: 5%;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td:nth-child(8) {
|
|
width: 5%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 780px) {
|
|
.mec-profile i,
|
|
.mec-profile .mec-profile-bookings tbody tr {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.mec-event-date .mec-tooltip .box {
|
|
min-width: 200px;
|
|
}
|
|
|
|
.mec-event-status .mec-tooltip .box {
|
|
min-width: 90px;
|
|
}
|
|
|
|
.mec-event-date .mec-tooltip .box,
|
|
.mec-event-status .mec-tooltip .box {
|
|
padding: 4px 5px !important;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-profile .mec-booking-number-of-attendees,
|
|
.mec-profile i,
|
|
.mec-profile .mec-profile-bookings tbody tr,
|
|
.mec-profile .mec-event-date {
|
|
font-size: 10px !important;
|
|
}
|
|
|
|
.mec-profile .mec-event-status {
|
|
padding: 2px 4px;
|
|
font-size: 10px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.mec-profile .mec-profile-bookings tbody tr td {
|
|
padding: 3px;
|
|
}
|
|
|
|
.mec-event-date .mec-tooltip .box,
|
|
.mec-event-status .mec-tooltip .box {
|
|
font-size: 8px;
|
|
}
|
|
|
|
.mec-event-date .mec-tooltip .box {
|
|
min-width: 75px;
|
|
}
|
|
|
|
.mec-event-status .mec-tooltip .box {
|
|
min-width: 70px;
|
|
}
|
|
|
|
.mec-event-date .mec-tooltip .box,
|
|
.mec-event-status .mec-tooltip .box {
|
|
padding: 4px 5px !important;
|
|
}
|
|
}
|
|
|
|
/* # Woocommerce
|
|
================================================== */
|
|
.mec-woo-booking-checkout {
|
|
position: relative;
|
|
border: none;
|
|
border-radius: 0;
|
|
color: #fff;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
letter-spacing: 1px;
|
|
line-height: 1.5;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
margin-bottom: 21px;
|
|
margin-right: 10px;
|
|
line-height: 1;
|
|
padding: 18px 20px 16px;
|
|
background: #39c36e;
|
|
-webkit-transition: all 0.21s ease;
|
|
-moz-transition: all 0.21s ease;
|
|
transition: all 0.21s ease;
|
|
border-radius: 0;
|
|
margin-bottom: 6px;
|
|
min-width: 170px;
|
|
margin-top: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-woo-booking-checkout:hover {
|
|
background: #222;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-woo-booking-checkout:focus,
|
|
.mec-woo-booking-checkout:visited {
|
|
color: #fff;
|
|
}
|
|
|
|
/* # Booking Modal
|
|
================================================== */
|
|
.single-mec-events .lity-container {
|
|
max-width: 768px;
|
|
width: 768px;
|
|
}
|
|
|
|
.lity-content .mec-events-meta-group-booking {
|
|
width: 100%;
|
|
background: #fff;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
.lity-content .mec-events-meta-group-booking {
|
|
padding: 20px;
|
|
width: 340px;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.single-mec-events .lity-container {
|
|
max-width: 440px;
|
|
width: 440px;
|
|
margin: 0 auto !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 411px) {
|
|
.single-mec-events .lity-container {
|
|
max-width: 380px;
|
|
width: 380px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 375px) {
|
|
.single-mec-events .lity-container {
|
|
max-width: 350px;
|
|
width: 350px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 320px) {
|
|
.single-mec-events .lity-container {
|
|
max-width: 300px;
|
|
width: 300px;
|
|
}
|
|
}
|
|
|
|
/* Booking Cover Overley */
|
|
.mec-events-meta-group-booking {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-cover-loader:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
background: rgba(255, 255, 255, 0.5);
|
|
z-index: 99999;
|
|
}
|
|
|
|
.mec-loader {
|
|
background: rgba(0, 0, 0, 0);
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
z-index: 9;
|
|
}
|
|
|
|
.mec-loader,
|
|
.mec-loader:after {
|
|
border-radius: 50%;
|
|
width: 5em;
|
|
height: 5em;
|
|
z-index: 999999999999;
|
|
}
|
|
|
|
.mec-loader {
|
|
font-size: 10px;
|
|
text-indent: -9999em;
|
|
border-top: 0.5em solid rgba(0, 0, 0, 0.2);
|
|
border-right: 0.5em solid rgba(0, 0, 0, 0.2);
|
|
border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
|
|
border-left: 0.5em solid #ffffff;
|
|
-webkit-transform: translateZ(0);
|
|
-ms-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
-webkit-animation: mecloader 1.1s infinite linear;
|
|
animation: mecloader 1.1s infinite linear;
|
|
}
|
|
|
|
@-webkit-keyframes mecloader {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes mecloader {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
/* Recaptcha Style on booking page */
|
|
.mec-google-recaptcha {
|
|
margin: 0 0 20px 16px;
|
|
}
|
|
|
|
/* Bootstrap v3.0.3 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */
|
|
.mec-wrap * {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.mec-wrap *:before,
|
|
.mec-wrap *:after {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.lity .clearfix:before,
|
|
.lity .clearfix:after,
|
|
.mec-wrap .clearfix:before,
|
|
.mec-wrap .clearfix:after {
|
|
content: "\0020";
|
|
display: block;
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
.lity .clearfix:after,
|
|
.mec-wrap .clearfix:after {
|
|
clear: both;
|
|
}
|
|
|
|
.lity .clearfix,
|
|
.mec-wrap .clearfix {
|
|
zoom: 1;
|
|
}
|
|
|
|
.lity .clear,
|
|
.lity .clr,
|
|
.mec-wrap .clear,
|
|
.mec-wrap .clr {
|
|
clear: both;
|
|
display: block;
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.lity .clr,
|
|
.mec-wrap .clr {
|
|
visibility: visible;
|
|
overflow: visible;
|
|
}
|
|
|
|
.mec-container [class*="col-"] img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.mec-container {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.mec-container:before,
|
|
.mec-container:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.mec-container:after {
|
|
clear: both;
|
|
}
|
|
|
|
@media only screen and (max-width: 479px) {
|
|
.mec-container {
|
|
width: 300px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
|
.mec-container {
|
|
width: 420px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) and (max-width: 960px) {
|
|
.mec-container {
|
|
width: 768px;
|
|
/* webnus */
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 961px) {
|
|
.mec-container {
|
|
width: 960px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1200px) {
|
|
.mec-container {
|
|
width: 1196px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1921px) {
|
|
.mec-container {
|
|
max-width: 1690px;
|
|
}
|
|
}
|
|
|
|
.mec-wrap .row {
|
|
margin-left: -10px;
|
|
margin-right: -10px;
|
|
}
|
|
|
|
.mec-wrap .row:before,
|
|
.mec-wrap .row:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.mec-wrap .row:after {
|
|
clear: both;
|
|
}
|
|
|
|
.mec-wrap .col-xs-1,
|
|
.mec-wrap .col-sm-1,
|
|
.mec-wrap .col-md-1,
|
|
.mec-wrap .col-lg-1,
|
|
.mec-wrap .col-xs-2,
|
|
.mec-wrap .col-sm-2,
|
|
.mec-wrap .col-md-2,
|
|
.mec-wrap .col-lg-2,
|
|
.mec-wrap .col-xs-3,
|
|
.mec-wrap .col-sm-3,
|
|
.mec-wrap .col-md-3,
|
|
.mec-wrap .col-lg-3,
|
|
.mec-wrap .col-xs-4,
|
|
.mec-wrap .col-sm-4,
|
|
.mec-wrap .col-md-4,
|
|
.mec-wrap .col-lg-4,
|
|
.mec-wrap .col-xs-5,
|
|
.mec-wrap .col-sm-5,
|
|
.mec-wrap .col-md-5,
|
|
.mec-wrap .col-lg-5,
|
|
.mec-wrap .col-xs-6,
|
|
.mec-wrap .col-sm-6,
|
|
.mec-wrap .col-md-6,
|
|
.mec-wrap .col-lg-6,
|
|
.mec-wrap .col-xs-7,
|
|
.mec-wrap .col-sm-7,
|
|
.mec-wrap .col-md-7,
|
|
.mec-wrap .col-lg-7,
|
|
.mec-wrap .col-xs-8,
|
|
.mec-wrap .col-sm-8,
|
|
.mec-wrap .col-md-8,
|
|
.mec-wrap .col-lg-8,
|
|
.mec-wrap .col-xs-9,
|
|
.mec-wrap .col-sm-9,
|
|
.mec-wrap .col-md-9,
|
|
.mec-wrap .col-lg-9,
|
|
.mec-wrap .col-xs-10,
|
|
.mec-wrap .col-sm-10,
|
|
.mec-wrap .col-md-10,
|
|
.mec-wrap .col-lg-10,
|
|
.mec-wrap .col-xs-11,
|
|
.mec-wrap .col-sm-11,
|
|
.mec-wrap .col-md-11,
|
|
.mec-wrap .col-lg-11,
|
|
.mec-wrap .col-xs-12,
|
|
.mec-wrap .col-sm-12,
|
|
.mec-wrap .col-md-12,
|
|
.mec-wrap .col-lg-12 {
|
|
position: relative;
|
|
min-height: 1px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
@media only screen and (min-width: 1200px) {
|
|
.mec-wrap .col-xs-1,
|
|
.mec-wrap .col-sm-1,
|
|
.mec-wrap .col-md-1,
|
|
.mec-wrap .col-lg-1,
|
|
.mec-wrap .col-xs-2,
|
|
.mec-wrap .col-sm-2,
|
|
.mec-wrap .col-md-2,
|
|
.mec-wrap .col-lg-2,
|
|
.mec-wrap .col-xs-3,
|
|
.mec-wrap .col-sm-3,
|
|
.mec-wrap .col-md-3,
|
|
.mec-wrap .col-lg-3,
|
|
.mec-wrap .col-xs-4,
|
|
.mec-wrap .col-sm-4,
|
|
.mec-wrap .col-md-4,
|
|
.mec-wrap .col-lg-4,
|
|
.mec-wrap .col-xs-5,
|
|
.mec-wrap .col-sm-5,
|
|
.mec-wrap .col-md-5,
|
|
.mec-wrap .col-lg-5,
|
|
.mec-wrap .col-xs-6,
|
|
.mec-wrap .col-sm-6,
|
|
.mec-wrap .col-md-6,
|
|
.mec-wrap .col-lg-6,
|
|
.mec-wrap .col-xs-7,
|
|
.mec-wrap .col-sm-7,
|
|
.mec-wrap .col-md-7,
|
|
.mec-wrap .col-lg-7,
|
|
.mec-wrap .col-xs-8,
|
|
.mec-wrap .col-sm-8,
|
|
.mec-wrap .col-md-8,
|
|
.mec-wrap .col-lg-8,
|
|
.mec-wrap .col-xs-9,
|
|
.mec-wrap .col-sm-9,
|
|
.mec-wrap .col-md-9,
|
|
.mec-wrap .col-lg-9,
|
|
.mec-wrap .col-xs-10,
|
|
.mec-wrap .col-sm-10,
|
|
.mec-wrap .col-md-10,
|
|
.mec-wrap .col-lg-10,
|
|
.mec-wrap .col-xs-11,
|
|
.mec-wrap .col-sm-11,
|
|
.mec-wrap .col-md-11,
|
|
.mec-wrap .col-lg-11,
|
|
.mec-wrap .col-xs-12,
|
|
.mec-wrap .col-sm-12,
|
|
.mec-wrap .col-md-12,
|
|
.mec-wrap .col-lg-12 {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.mec-wrap .row {
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
}
|
|
}
|
|
|
|
.mec-container [class*="col-"].alpha {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-container [class*="col-"].omega {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.mec-wrap .col-xs-1,
|
|
.mec-wrap .col-xs-2,
|
|
.mec-wrap .col-xs-3,
|
|
.mec-wrap .col-xs-4,
|
|
.mec-wrap .col-xs-5,
|
|
.mec-wrap .col-xs-6,
|
|
.mec-wrap .col-xs-7,
|
|
.mec-wrap .col-xs-8,
|
|
.mec-wrap .col-xs-9,
|
|
.mec-wrap .col-xs-10,
|
|
.mec-wrap .col-xs-11,
|
|
.mec-wrap .col-xs-12 {
|
|
float: left;
|
|
}
|
|
|
|
.mec-wrap .col-xs-12 {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-wrap .col-xs-11 {
|
|
width: 91.66666666666666%;
|
|
}
|
|
|
|
.mec-wrap .col-xs-10 {
|
|
width: 83.33333333333334%;
|
|
}
|
|
|
|
.mec-wrap .col-xs-9 {
|
|
width: 75%;
|
|
}
|
|
|
|
.mec-wrap .col-xs-8 {
|
|
width: 66.66666666666666%;
|
|
}
|
|
|
|
.mec-wrap .col-xs-7 {
|
|
width: 58.333333333333336%;
|
|
}
|
|
|
|
.mec-wrap .col-xs-6 {
|
|
width: 50%;
|
|
}
|
|
|
|
.mec-wrap .col-xs-5 {
|
|
width: 41.66666666666667%;
|
|
}
|
|
|
|
.mec-wrap .col-xs-4 {
|
|
width: 33.33333333333333%;
|
|
}
|
|
|
|
.mec-wrap .col-xs-3 {
|
|
width: 25%;
|
|
}
|
|
|
|
.mec-wrap .col-xs-2 {
|
|
width: 16.666666666666664%;
|
|
}
|
|
|
|
.mec-wrap .col-xs-1 {
|
|
width: 8.333333333333332%;
|
|
}
|
|
|
|
@media (min-width: 769px) {
|
|
.mec-wrap .col-sm-1,
|
|
.mec-wrap .col-sm-2,
|
|
.mec-wrap .col-sm-3,
|
|
.mec-wrap .col-sm-4,
|
|
.mec-wrap .col-sm-5,
|
|
.mec-wrap .col-sm-6,
|
|
.mec-wrap .col-sm-7,
|
|
.mec-wrap .col-sm-8,
|
|
.mec-wrap .col-sm-9,
|
|
.mec-wrap .col-sm-10,
|
|
.mec-wrap .col-sm-11,
|
|
.mec-wrap .col-sm-12 {
|
|
float: left;
|
|
}
|
|
|
|
.mec-wrap .col-sm-12 {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-wrap .col-sm-11 {
|
|
width: 91.66666666666666%;
|
|
}
|
|
|
|
.mec-wrap .col-sm-10 {
|
|
width: 83.33333333333334%;
|
|
}
|
|
|
|
.mec-wrap .col-sm-9 {
|
|
width: 75%;
|
|
}
|
|
|
|
.mec-wrap .col-sm-8 {
|
|
width: 66.66666666666666%;
|
|
}
|
|
|
|
.mec-wrap .col-sm-7 {
|
|
width: 58.333333333333336%;
|
|
}
|
|
|
|
.mec-wrap .col-sm-6 {
|
|
width: 50%;
|
|
}
|
|
|
|
.mec-wrap .col-sm-5 {
|
|
width: 41.66666666666667%;
|
|
}
|
|
|
|
.mec-wrap .col-sm-4 {
|
|
width: 33.33333333333333%;
|
|
}
|
|
|
|
.mec-wrap .col-sm-3 {
|
|
width: 25%;
|
|
}
|
|
|
|
.mec-wrap .col-sm-2 {
|
|
width: 16.666666666666664%;
|
|
}
|
|
|
|
.mec-wrap .col-sm-1 {
|
|
width: 8.333333333333332%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 961px) {
|
|
.mec-wrap .col-md-1,
|
|
.mec-wrap .col-md-2,
|
|
.mec-wrap .col-md-3,
|
|
.mec-wrap .col-md-4,
|
|
.mec-wrap .col-md-5,
|
|
.mec-wrap .col-md-6,
|
|
.mec-wrap .col-md-7,
|
|
.mec-wrap .col-md-8,
|
|
.mec-wrap .col-md-9,
|
|
.mec-wrap .col-md-10,
|
|
.mec-wrap .col-md-11,
|
|
.mec-wrap .col-md-12 {
|
|
float: left;
|
|
}
|
|
|
|
.mec-wrap .col-md-12 {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-wrap .col-md-11 {
|
|
width: 91.66666666666666%;
|
|
}
|
|
|
|
.mec-wrap .col-md-10 {
|
|
width: 83.33333333333334%;
|
|
}
|
|
|
|
.mec-wrap .col-md-9 {
|
|
width: 75%;
|
|
}
|
|
|
|
.mec-wrap .col-md-8 {
|
|
width: 66.66666666666666%;
|
|
}
|
|
|
|
.mec-wrap .col-md-7 {
|
|
width: 58.333333333333336%;
|
|
}
|
|
|
|
.mec-wrap .col-md-6 {
|
|
width: 50%;
|
|
}
|
|
|
|
.mec-wrap .col-md-5 {
|
|
width: 41.66666666666667%;
|
|
}
|
|
|
|
.mec-wrap .col-md-4 {
|
|
width: 33.33333333333333%;
|
|
}
|
|
|
|
.mec-wrap .col-md-3 {
|
|
width: 25%;
|
|
}
|
|
|
|
.mec-wrap .col-md-2 {
|
|
width: 16.666666666666664%;
|
|
}
|
|
|
|
.mec-wrap .col-md-1 {
|
|
width: 8.333333333333332%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.mec-wrap .col-lg-1,
|
|
.mec-wrap .col-lg-2,
|
|
.mec-wrap .col-lg-3,
|
|
.mec-wrap .col-lg-4,
|
|
.mec-wrap .col-lg-5,
|
|
.mec-wrap .col-lg-6,
|
|
.mec-wrap .col-lg-7,
|
|
.mec-wrap .col-lg-8,
|
|
.mec-wrap .col-lg-9,
|
|
.mec-wrap .col-lg-10,
|
|
.mec-wrap .col-lg-11,
|
|
.mec-wrap .col-lg-12 {
|
|
float: left;
|
|
}
|
|
|
|
.mec-wrap .col-lg-12 {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-wrap .col-lg-11 {
|
|
width: 91.66666666666666%;
|
|
}
|
|
|
|
.mec-wrap .col-lg-10 {
|
|
width: 83.33333333333334%;
|
|
}
|
|
|
|
.mec-wrap .col-lg-9 {
|
|
width: 75%;
|
|
}
|
|
|
|
.mec-wrap .col-lg-8 {
|
|
width: 66.66666666666666%;
|
|
}
|
|
|
|
.mec-wrap .col-lg-7 {
|
|
width: 58.333333333333336%;
|
|
}
|
|
|
|
.mec-wrap .col-lg-6 {
|
|
width: 50%;
|
|
}
|
|
|
|
.mec-wrap .col-lg-5 {
|
|
width: 41.66666666666667%;
|
|
}
|
|
|
|
.mec-wrap .col-lg-4 {
|
|
width: 33.33333333333333%;
|
|
}
|
|
|
|
.mec-wrap .col-lg-3 {
|
|
width: 25%;
|
|
}
|
|
|
|
.mec-wrap .col-lg-2 {
|
|
width: 16.666666666666664%;
|
|
}
|
|
|
|
.mec-wrap .col-lg-1 {
|
|
width: 8.333333333333332%;
|
|
}
|
|
}
|
|
|
|
/* WooCommerce Addon */
|
|
#mec_woo_add_to_cart_btn {
|
|
min-width: 170px;
|
|
margin-top: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Breadcrumbs */
|
|
|
|
.mec-breadcrumbs {
|
|
border-radius: 2px;
|
|
padding: 9px 15px 6px;
|
|
font-size: 11px;
|
|
color: #8d8d8d;
|
|
letter-spacing: 0;
|
|
text-transform: none;
|
|
font-weight: 500;
|
|
margin: auto 15px 33px 15px;
|
|
border: 1px solid #e6e6e6;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.025);
|
|
}
|
|
|
|
.mec-breadcrumbs-modern {
|
|
margin: auto 0 33px 0;
|
|
}
|
|
|
|
.mec-breadcrumbs a {
|
|
color: #000;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.mec-breadcrumbs a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.mec-breadcrumbs i {
|
|
font-size: 8px;
|
|
margin: 0 0 0 4px;
|
|
}
|
|
|
|
.mec-breadcrumbs .container {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
/* Notification single builder */
|
|
.mec-content-notification a {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.mec-content-notification {
|
|
background: #f7f7f7;
|
|
padding: 10px 10px 10px;
|
|
border: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.mec-content-notification p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* Advanced Repeating */
|
|
|
|
.mec-fes-form #mec-advanced-wraper div:first-child > ul {
|
|
border: 1px solid #cfeff5;
|
|
width: auto;
|
|
box-shadow: 0 1px 4px -2px #cfeff5;
|
|
display: block;
|
|
margin: 5px 0 10px;
|
|
padding: 5px 0;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.mec-fes-form #mec-advanced-wraper div:first-child > ul:last-of-type {
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
#mec-advanced-wraper div:first-child > ul span {
|
|
display: none;
|
|
}
|
|
|
|
#mec-advanced-wraper div:first-child > ul * {
|
|
display: inline-block;
|
|
background: #fff;
|
|
font-size: 12px;
|
|
color: #717273;
|
|
text-align: center;
|
|
}
|
|
|
|
#mec-advanced-wraper div:first-child > ul > li {
|
|
width: 60px;
|
|
font-weight: 700;
|
|
margin: 0 10px 0 0;
|
|
padding: 4px 0;
|
|
border-right: 1px solid #cfeff5;
|
|
}
|
|
|
|
#mec-advanced-wraper div:first-child > ul > ul > li {
|
|
margin: 0;
|
|
padding: 2px 10px;
|
|
cursor: pointer;
|
|
border-radius: 2px;
|
|
transition: all 0.18s ease;
|
|
}
|
|
|
|
.mec-fes-form #mec-advanced-wraper div:first-child > ul > ul > li:hover,
|
|
.mec-fes-form #mec-advanced-wraper div:first-child > ul > ul > li.mec-active {
|
|
background: #40d9f1 !important;
|
|
box-shadow: 0 1px 9px -3px #40d9f1;
|
|
color: #fff !important;
|
|
}
|
|
|
|
/* Search Bar */
|
|
.mec-search-bar-wrap .mec-search-form .mec-text-input-search {
|
|
width: 83%;
|
|
}
|
|
|
|
.mec-search-bar-wrap
|
|
.mec-search-form
|
|
.mec-ajax-search-result
|
|
.mec-text-input-search {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
|
|
.mec-search-bar-wrap input#mec-search-bar-input {
|
|
width: calc(100% - 84%);
|
|
margin-left: 11px;
|
|
background: #40d9f1;
|
|
color: #fff;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.mec-text-input-search + input#mec-search-bar-input {
|
|
margin-left: -3px;
|
|
}
|
|
|
|
.mec-search-bar-wrap input#mec-search-bar-input:hover {
|
|
background: #000;
|
|
}
|
|
|
|
.mec-wrap.mec-search-bar-wrap .mec-totalcal-box input {
|
|
float: none;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.mec-search-bar-wrap .mec-search-form .mec-text-input-search {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-search-bar-wrap .mec-search-form .mec-text-input-search {
|
|
width: 64%;
|
|
}
|
|
|
|
.mec-search-bar-wrap input#mec-search-bar-input {
|
|
width: calc(100% - 67%);
|
|
}
|
|
}
|
|
|
|
/* Ajax search bar result */
|
|
.mec-wrap.mec-search-bar-wrap .mec-totalcal-box {
|
|
overflow: visible;
|
|
}
|
|
|
|
.mec-ajax-search-result {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-search-bar-wrap.mec-wrap .mec-totalcal-box input[type="text"] {
|
|
width: calc(100% - 36px);
|
|
}
|
|
|
|
.mec-search-bar-wrap.mec-wrap .mec-totalcal-box input[type="text"]:focus {
|
|
border-color: #efefef;
|
|
}
|
|
|
|
div#mec-ajax-search-result-wrap {
|
|
position: absolute;
|
|
top: 100%;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
width: calc(100% - 2px);
|
|
min-height: 50px;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 0 10px;
|
|
z-index: 9999;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.mec-ajax-search-result-events {
|
|
background: #ffffff;
|
|
padding: 10px 20px;
|
|
border: 1px solid #efefef;
|
|
border-top: none;
|
|
}
|
|
|
|
.mec-ajax-search-result-events article:first-of-type {
|
|
border: none;
|
|
}
|
|
|
|
article.mec-search-bar-result {
|
|
text-align: left;
|
|
margin-bottom: 0;
|
|
padding-bottom: 25px;
|
|
padding-top: 26px;
|
|
border-top: 1px solid #efefef;
|
|
transition: all 0.33s ease;
|
|
clear: both;
|
|
}
|
|
|
|
.mec-search-bar-result .mec-event-list-search-bar-date {
|
|
width: 64px;
|
|
height: 64px;
|
|
margin-right: 10px;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
float: left;
|
|
text-align: center;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.mec-search-bar-result .mec-event-list-search-bar-date span {
|
|
font-size: 40px;
|
|
line-height: 30px;
|
|
font-weight: 700;
|
|
display: block;
|
|
margin-bottom: 6px;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.mec-search-bar-result .mec-event-image {
|
|
float: left;
|
|
margin-right: 20px;
|
|
width: 65px;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-search-bar-result .mec-event-time {
|
|
font-size: 11px;
|
|
line-height: 1.1;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-search-bar-result .mec-event-time i {
|
|
color: #40d9f1;
|
|
float: none;
|
|
width: unset;
|
|
height: unset;
|
|
font-size: inherit;
|
|
margin-right: 3px;
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-search-bar-result .mec-event-title {
|
|
font-size: 13px;
|
|
padding: 0;
|
|
margin: 10px 0 8px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.mec-search-bar-result .mec-event-title a {
|
|
text-decoration: none;
|
|
color: #494949;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.mec-search-bar-result .mec-event-detail {
|
|
font-size: 13px;
|
|
line-height: 1.3;
|
|
color: #9a9a9a;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* Modern Search bar */
|
|
.mec-wrap.mec-modern-search-bar .mec-totalcal-box {
|
|
background: rgba(255, 255, 255, 0.87);
|
|
border: none;
|
|
padding: 35px;
|
|
border-radius: 3px;
|
|
box-shadow: 0 3px 13px rgba(0, 0, 0, 0.4);
|
|
position: relative;
|
|
}
|
|
|
|
.mec-wrap.mec-modern-search-bar .mec-totalcal-box input[type="search"],
|
|
.mec-wrap.mec-modern-search-bar .mec-totalcal-box input[type="text"] {
|
|
height: 58px;
|
|
background: rgba(255, 255, 255, 0.99);
|
|
border-radius: 2px;
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) inset;
|
|
border: 1px solid #ccc;
|
|
width: 100%;
|
|
padding-left: 45px;
|
|
padding-right: 13px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.mec-wrap.mec-modern-search-bar .mec-totalcal-box .mec-text-input-search i {
|
|
position: absolute;
|
|
background: none;
|
|
border: none;
|
|
font-size: 21px;
|
|
left: 15px;
|
|
top: calc(50% - 19px);
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-wrap.mec-modern-search-bar .mec-text-input-search {
|
|
position: relative;
|
|
height: 58px;
|
|
}
|
|
|
|
.mec-wrap.mec-modern-search-bar .mec-totalcal-box input[type="submit"] {
|
|
height: 58px;
|
|
border: none;
|
|
border-radius: 2px;
|
|
background: #fc4a1a;
|
|
font-size: 17px;
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
.mec-wrap.mec-modern-search-bar
|
|
.mec-text-input-search
|
|
+ input#mec-search-bar-input {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.mec-wrap.mec-modern-search-bar
|
|
.mec-search-form
|
|
.mec-dropdown-wrap
|
|
.mec-dropdown-search
|
|
select {
|
|
height: 45px;
|
|
background: rgba(255, 255, 255, 0.99);
|
|
border-radius: 2px;
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) inset;
|
|
border: 1px solid #ccc;
|
|
padding-right: 13px;
|
|
font-size: 16px;
|
|
border-left: 0;
|
|
}
|
|
|
|
.mec-wrap.mec-modern-search-bar .mec-search-form .mec-dropdown-wrap i {
|
|
height: 45px;
|
|
background: #ffff;
|
|
border-radius: 2px 0 0 2px;
|
|
box-shadow: none;
|
|
border: 1px solid #ccc;
|
|
font-size: 15px;
|
|
padding-top: 14px;
|
|
border-right: 0;
|
|
color: #40d9f1;
|
|
margin-right: -1px;
|
|
}
|
|
|
|
.mec-wrap.mec-modern-search-bar .mec-search-form .mec-dropdown-wrap {
|
|
min-height: 64px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.mec-wrap.mec-modern-search-bar .mec-search-form .mec-text-input-search {
|
|
width: 70%;
|
|
}
|
|
|
|
.mec-wrap.mec-modern-search-bar input#mec-search-bar-input {
|
|
width: calc(100% - 72%);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-wrap.mec-modern-search-bar input#mec-search-bar-input {
|
|
width: 92%;
|
|
padding: 0 10px;
|
|
position: relative;
|
|
display: block;
|
|
margin-left: 11px;
|
|
}
|
|
|
|
.mec-wrap.mec-modern-search-bar .mec-search-form .mec-text-input-search {
|
|
width: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-wrap.mec-modern-search-bar
|
|
.mec-text-input-search
|
|
+ input#mec-search-bar-input {
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
|
|
/* Related Events */
|
|
|
|
.mec-wrap .mec-related-events-wrap {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.mec-related-events {
|
|
margin-right: -15px;
|
|
margin-left: -15px;
|
|
}
|
|
|
|
@media (max-width: 980px) {
|
|
.mec-related-events {
|
|
margin-right: -10px;
|
|
margin-left: -10px;
|
|
}
|
|
}
|
|
|
|
.mec-related-events-wrap {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
.mec-related-events-wrap h3.mec-rec-events-title:before {
|
|
content: "";
|
|
background: #2c2f34;
|
|
width: 46px;
|
|
height: 4px;
|
|
position: absolute;
|
|
top: 59px;
|
|
left: 0;
|
|
}
|
|
|
|
.mec-related-events-wrap h3.mec-rec-events-title {
|
|
font-size: 21px;
|
|
font-weight: 600;
|
|
padding: 17px 0;
|
|
margin-bottom: 28px;
|
|
text-transform: uppercase;
|
|
border-bottom: 1px solid #e8e8e8;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-related-event-post figure {
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-related-event-post figure img {
|
|
width: 100%;
|
|
border-radius: 3px;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-related-event-content {
|
|
background-color: #fff;
|
|
margin: -40px 20px 15px;
|
|
border-radius: 2px;
|
|
position: relative;
|
|
max-width: 90%;
|
|
padding: 10px 12px 16px 17px;
|
|
}
|
|
|
|
.mec-related-event-content h5 a {
|
|
font-size: 16px;
|
|
color: #121212;
|
|
font-weight: 600;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-wrap .mec-related-events .mec-related-event-post {
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
}
|
|
|
|
/* Next / Previous Events */
|
|
.mec-next-previous-events {
|
|
width: 100%;
|
|
height: 104px;
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-next-previous-events li {
|
|
list-style: none;
|
|
width: 50%;
|
|
display: inline-block;
|
|
margin: 40px 0 40px;
|
|
}
|
|
|
|
.mec-next-previous-events li:last-child {
|
|
text-align: right;
|
|
float: right;
|
|
}
|
|
|
|
.mec-next-previous-events li a {
|
|
padding: 9px 14px 9px 14px;
|
|
border: 1px solid #000;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.mec-wrap .mec-next-previous-events li a:hover {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.mec-previous-event {
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-next-event ul {
|
|
padding-left: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-next-previous-events .mec-previous-event i {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.mec-next-previous-events .mec-next-event i {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.mec-next-multiple ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-next-multiple ul li a {
|
|
display: block;
|
|
position: relative;
|
|
padding: 11px 14px 9px;
|
|
z-index: 9;
|
|
}
|
|
|
|
.mec-next-multiple ul .mec-time,
|
|
.mec-next-multiple ul .mec-date {
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-next-multiple ul .mec-time {
|
|
width: 40%;
|
|
}
|
|
|
|
.mec-next-multiple ul .mec-date {
|
|
width: 60%;
|
|
}
|
|
|
|
.mec-next-multiple ul .mec-date {
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-next-multiple ul .mec-time {
|
|
text-align: right;
|
|
position: relative;
|
|
z-index: -1;
|
|
}
|
|
|
|
.mec-next-multiple ul .mec-time dd {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-next-multiple ul .mec-date .mec-end-date-label,
|
|
.mec-next-multiple ul .mec-time .mec-events-abbr,
|
|
.mec-next-multiple ul .mec-date .mec-start-date-label {
|
|
font-size: 11px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
@media (max-width: 1280px) {
|
|
.mec-next-multiple ul li a {
|
|
padding: 7px 9px 5px;
|
|
}
|
|
|
|
.mec-next-multiple ul .mec-time .mec-events-abbr,
|
|
.mec-next-multiple ul .mec-date .mec-start-date-label {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-next-previous-events li {
|
|
list-style: none;
|
|
width: 100%;
|
|
display: block;
|
|
margin: 10px 0;
|
|
float: unset;
|
|
}
|
|
|
|
.mec-next-previous-events li a {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
float: unset;
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
/* Fronrend Organizer Payment */
|
|
.mec-fes-form-cntt #mec-organizer-payments ul {
|
|
list-style: none;
|
|
background: transparent;
|
|
margin: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-fes-form-cntt #mec-organizer-payments ul li h4 {
|
|
background: transparent;
|
|
letter-spacing: 0.2px;
|
|
display: inline-block;
|
|
padding-left: 0 !important;
|
|
padding-bottom: 10px !important;
|
|
margin: 0;
|
|
margin-bottom: 1px;
|
|
letter-spacing: 1px;
|
|
text-transform: capitalize;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
.mec-fes-form-cntt #mec-organizer-payments ul > li {
|
|
width: 100%;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-fes-form #mec_gateway_options_form_stripe_connection_button {
|
|
padding: 9px 13px !important;
|
|
}
|
|
|
|
/* Login Module */
|
|
#mec-login-form.mec-login-form {
|
|
width: 100%;
|
|
background: #fff;
|
|
padding: 20px;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .mec-login-input {
|
|
display: block;
|
|
width: 286px;
|
|
margin: 0 auto;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .mec-login-forgotpassword {
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-login-forgotpassword a {
|
|
color: #000;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .mec-login-submit {
|
|
float: right;
|
|
text-align: right;
|
|
width: 49%;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .mec-login-input input {
|
|
border: none;
|
|
box-shadow: none;
|
|
background: #fff;
|
|
color: #ccc;
|
|
border-left: 1px solid #e6e6e6;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
background-image: none !important;
|
|
padding-left: 10px;
|
|
padding-right: 0;
|
|
width: 222px;
|
|
margin-left: 0;
|
|
clear: none;
|
|
float: left;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .mec-login-input label {
|
|
border: 1px solid #e6e6e6;
|
|
height: 52px;
|
|
display: inline-block;
|
|
padding: 0;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
|
|
}
|
|
|
|
#mec-login-form.mec-login-form
|
|
.mec-login-input
|
|
label
|
|
i:not(.mec-sl-display-controller-password) {
|
|
padding: 15px 13px 17px 16px;
|
|
vertical-align: middle;
|
|
font-size: 20px;
|
|
width: 50px;
|
|
color: #c5cad0;
|
|
background: #fafafa;
|
|
margin-right: 0;
|
|
float: left;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .mec-login-forgotpassword {
|
|
float: left;
|
|
width: 49%;
|
|
text-align: left;
|
|
padding-top: 10px;
|
|
font-size: 13px;
|
|
padding-left: 2px;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form button {
|
|
width: 120px;
|
|
height: 44px;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
transition: all 0.22s ease;
|
|
margin: 0;
|
|
min-width: unset;
|
|
}
|
|
|
|
.mec-login-form button {
|
|
box-shadow: 0 4px 22px -7px #40d9f1;
|
|
background-color: #40d9f1;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .mec-login-form-footer {
|
|
width: 286px;
|
|
margin: 0 auto;
|
|
margin-top: 20px;
|
|
clear: both;
|
|
position: relative;
|
|
display: block;
|
|
min-height: 50px;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .mec-ajax-login-loading {
|
|
position: absolute;
|
|
background: #ffffffc2;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .lds-ripple {
|
|
position: absolute;
|
|
width: 64px;
|
|
height: 64px;
|
|
top: calc(50% - 23px);
|
|
left: calc(50% - 23px);
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .lds-ripple div {
|
|
position: absolute;
|
|
border: 4px solid #40d9f1;
|
|
opacity: 1;
|
|
border-radius: 50%;
|
|
animation: lds-ripple 1.2s cubic-bezier(0, 0.2, 0.1, 0.8) infinite;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .lds-ripple div:nth-child(2) {
|
|
animation-delay: -0.5s;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .mec-ajax-login-loading-text {
|
|
position: absolute;
|
|
min-width: 200px;
|
|
top: calc(50% - 18px);
|
|
left: calc(50% - 124px);
|
|
color: #fff;
|
|
padding: 10px 22px;
|
|
border-radius: 3px;
|
|
background: #fff;
|
|
height: 47px;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .mec-ajax-login-loading-text strong {
|
|
color: #3fcc60;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .mec-ajax-login-loading-text strong:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 1px;
|
|
border-right: 2px solid #3fcc60;
|
|
border-bottom: 2px solid #3acb5c;
|
|
transform: rotate(45deg);
|
|
transform-origin: 0 100%;
|
|
color: #000;
|
|
animation: checkbox-check 130ms 140ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
|
|
width: 8px;
|
|
height: 14px;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .mec-ajax-login-loading-text.error strong:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 14px;
|
|
left: 5px;
|
|
border-bottom: 2px solid #ff5d39;
|
|
transform: rotate(45deg);
|
|
transform-origin: 0 100%;
|
|
color: #000;
|
|
animation: checkbox-check 130ms 140ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
|
|
width: 14px;
|
|
height: 4px;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form .mec-ajax-login-loading-text.error strong {
|
|
color: #ff5d39;
|
|
}
|
|
|
|
#mec-login-form.mec-login-form
|
|
.mec-ajax-login-loading-text.error
|
|
strong:before {
|
|
border-color: #ff5d39;
|
|
border-bottom: none;
|
|
}
|
|
|
|
@keyframes lds-ripple {
|
|
0% {
|
|
top: 28px;
|
|
left: 28px;
|
|
width: 0;
|
|
height: 0;
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
top: -1px;
|
|
left: -1px;
|
|
width: 58px;
|
|
height: 58px;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
/* Stripe V3 */
|
|
|
|
.mec-card-element-stripe {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.mec-book-form-gateway-checkout
|
|
[id*="mec_do_transaction_stripe_"]
|
|
.mec-form-row.mec-stripe-name-and-email-wrapper {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-book-form-gateway-checkout
|
|
[id*="mec_do_transaction_stripe_"]
|
|
.mec-form-row.mec-stripe-name-and-email-wrapper
|
|
.mec-form-row {
|
|
width: 50%;
|
|
}
|
|
|
|
.mec-book-form-gateway-checkout
|
|
[id*="mec_do_transaction_stripe_"]
|
|
.mec-form-row.mec-stripe-name-and-email-wrapper
|
|
.mec-form-row:nth-child(2) {
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.mec-book-form-gateway-checkout
|
|
[id*="mec_do_transaction_stripe_"]
|
|
.mec-form-row.mec-stripe-name-and-email-wrapper
|
|
.mec-form-row
|
|
input {
|
|
max-width: unset;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-events-meta-group-booking .StripeElement--invalid {
|
|
border-color: #fa755a;
|
|
}
|
|
|
|
.mec-events-meta-group-booking .StripeElement--webkit-autofill {
|
|
background-color: #fefde5 !important;
|
|
}
|
|
|
|
/* front-end submition new edition */
|
|
|
|
#mec_occurrences_add {
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
|
|
.mec-occurrences-wrapper ul.mec-occurrences-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-occurrences-wrapper ul.mec-occurrences-list li.mec_occurrences_item {
|
|
border: 2px dashed #eee;
|
|
}
|
|
|
|
.mec-occurrences-wrapper ul.mec-occurrences-list li.mec_occurrences_item {
|
|
border: 2px dashed #eee;
|
|
padding: 20px;
|
|
}
|
|
|
|
.mec-occurrences-wrapper ul.mec-occurrences-list li.mec_occurrences_item h3 {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.mec-occurrences-wrapper ul.mec-occurrences-list li.mec_occurrences_item h3 {
|
|
font-size: 1rem;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-occurrences-wrapper
|
|
ul.mec-occurrences-list
|
|
li.mec_occurrences_item
|
|
h3
|
|
span.mec-occurrences-delete-button {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 0;
|
|
margin: 0;
|
|
padding: 6px 8px !important;
|
|
font-size: 11px;
|
|
line-height: 12px !important;
|
|
min-height: 10px;
|
|
height: auto;
|
|
display: block;
|
|
cursor: pointer;
|
|
color: #ea6485;
|
|
border: 2px solid #ffd2dd;
|
|
border-radius: 3px;
|
|
letter-spacing: 0.4px;
|
|
}
|
|
|
|
.mec-occurrences-wrapper
|
|
ul.mec-occurrences-list
|
|
li.mec_occurrences_item
|
|
h3
|
|
span.mec-occurrences-delete-button:hover {
|
|
background: #ea6485;
|
|
color: #fff;
|
|
border-color: #ea6485;
|
|
box-shadow: 0 2px 6px -3px #ea6485;
|
|
}
|
|
|
|
ul#mec_bfixed_form_fields li .mec_bfixed_field_remove,
|
|
ul#mec_orgz_form_row li .mec-additional-organizer-remove,
|
|
ul#mec_reg_form_fields li .mec_reg_field_remove,
|
|
.mec-booking-tab-content .mec-reg-field-add-option,
|
|
.mec-booking-tab-content .mec-bfixed-field-add-option,
|
|
.mec-booking-tab-content .button,
|
|
.mec-fes-form .mec-form-row .button:not(.wp-color-result),
|
|
.mec-fes-form input[type="file"],
|
|
#mec_occurrences_add {
|
|
height: 40px;
|
|
margin-top: 1px;
|
|
text-decoration: none;
|
|
font-size: 14px;
|
|
line-height: 34px !important;
|
|
margin: 0;
|
|
padding: 0 15px 1px !important;
|
|
text-transform: none;
|
|
letter-spacing: 0;
|
|
font-weight: 600;
|
|
color: #40d9f1;
|
|
background: #fff;
|
|
border-radius: 3px;
|
|
margin-right: 8px;
|
|
border: 2px solid #cfeff5;
|
|
box-shadow: 0 2px 6px -3px #cfeff5;
|
|
}
|
|
|
|
.mec-fes-form .mec-additional-organizers .select2-container {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-booking-tab-content .mec-bfixed-field-add-option:hover,
|
|
.mec-booking-tab-content .mec-reg-field-add-option:hover,
|
|
.mec-booking-tab-content .button:hover,
|
|
.mec-fes-form .mec-form-row .button:not(.wp-color-result):hover {
|
|
background: #40d9f1;
|
|
color: #fff;
|
|
border-color: #40d9f1;
|
|
box-shadow: 0 2px 6px -3px #40d9f1;
|
|
}
|
|
|
|
.mec-fes-form .mec-form-row input + button.button {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.mec-fes-form .mec-form-row .quicktags-toolbar input.button.button-small {
|
|
border-width: 1px;
|
|
padding: 0 7px;
|
|
color: #80c6d2;
|
|
font-weight: 400;
|
|
margin: 1px;
|
|
transform: none;
|
|
}
|
|
|
|
.mec-fes-form input[type="file"] {
|
|
max-width: 166px;
|
|
text-align: center;
|
|
height: 44px;
|
|
transition: all 0.2s ease;
|
|
border-radius: 5px !important;
|
|
border: 2px dashed #b8e9f3;
|
|
}
|
|
|
|
.mec-fes-form input[type="file"]:hover {
|
|
box-shadow: 0 2px 16px -3px #cfeff5;
|
|
}
|
|
|
|
.mec-fes-form input[type="file"]::-webkit-file-upload-button {
|
|
visibility: hidden;
|
|
width: 1px;
|
|
height: 38px;
|
|
}
|
|
|
|
.mec-fes-form input[type="file"]::-moz-file-upload-button {
|
|
visibility: hidden;
|
|
width: 1px;
|
|
height: 38px;
|
|
}
|
|
|
|
.mec-fes-form .mec-meta-box-fields > label {
|
|
padding: 0;
|
|
}
|
|
|
|
#mec_bfixed_form_fields li,
|
|
#mec_orgz_form_row li,
|
|
#mec_reg_form_fields li {
|
|
list-style: none;
|
|
}
|
|
|
|
ul#mec_bfixed_form_fields,
|
|
ul#mec_orgz_form_row,
|
|
ul#mec_reg_form_fields {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
ul#mec_bfixed_form_fields li,
|
|
ul#mec_orgz_form_row li,
|
|
ul#mec_reg_form_fields li {
|
|
background: #f8feff;
|
|
margin: 6px -20px;
|
|
padding: 15px 25px 10px;
|
|
width: auto;
|
|
font-size: 13px;
|
|
border-top: 1px solid #e8fafd;
|
|
border-bottom: 1px solid #e8fafd;
|
|
position: relative;
|
|
}
|
|
|
|
ul#mec_bfixed_form_fields li .mec_bfixed_field_remove,
|
|
ul#mec_orgz_form_row li .mec-additional-organizer-remove,
|
|
ul#mec_reg_form_fields li .mec_reg_field_remove {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
margin: 0;
|
|
padding: 6px 8px !important;
|
|
font-size: 11px;
|
|
line-height: 12px !important;
|
|
min-height: 10px;
|
|
height: auto;
|
|
display: block;
|
|
cursor: pointer;
|
|
color: #ea6485;
|
|
border-color: #ffd2dd;
|
|
letter-spacing: 0.4px;
|
|
}
|
|
|
|
ul#mec_bfixed_form_fields li .mec_bfixed_field_remove:hover,
|
|
ul#mec_orgz_form_row li .mec-additional-organizer-remove:hover,
|
|
ul#mec_reg_form_fields li .mec_reg_field_remove:hover {
|
|
background: #ea6485;
|
|
color: #fff;
|
|
border-color: #ea6485;
|
|
box-shadow: 0 2px 6px -3px #ea6485;
|
|
}
|
|
|
|
/* from backend */
|
|
#mec_bfixed_form_fields input[type="checkbox"],
|
|
#mec_bfixed_form_fields input[type="radio"],
|
|
#mec_reg_form_fields input[type="checkbox"],
|
|
#mec_reg_form_fields input[type="radio"],
|
|
.mec-form-row input[type="checkbox"],
|
|
.mec-form-row input[type="radio"] {
|
|
background-color: #fff;
|
|
border: 1px solid #cfeff5;
|
|
box-shadow: 0 1px 3px -1px #cfeff5;
|
|
padding: 9px;
|
|
border-radius: 3px;
|
|
min-width: 24px;
|
|
min-height: 24px;
|
|
display: inline-block !important;
|
|
vertical-align: middle;
|
|
float: none;
|
|
transition: all 0.18s ease;
|
|
outline: none;
|
|
margin: 1px 4px 4px 0;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
}
|
|
|
|
#mec_bfixed_form_fields input[type="checkbox"]:focus,
|
|
#mec_bfixed_form_fields input[type="radio"]:focus,
|
|
#mec_reg_form_fields input[type="checkbox"]:focus,
|
|
#mec_reg_form_fields input[type="radio"]:focus,
|
|
.mec-form-row input[type="checkbox"]:focus,
|
|
.mec-form-row input[type="radio"]:focus {
|
|
outline: none;
|
|
}
|
|
|
|
#mec_bfixed_form_fields input[type="radio"],
|
|
#mec_reg_form_fields input[type="radio"],
|
|
.mec-form-row input[type="radio"] {
|
|
-webkit-appearance: none;
|
|
border-radius: 20px !important;
|
|
min-width: 20px;
|
|
min-height: 20px;
|
|
margin: 0 0 4px 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#mec_bfixed_form_fields input[type="checkbox"]:hover,
|
|
#mec_bfixed_form_fields input[type="radio"]:hover,
|
|
#mec_reg_form_fields input[type="checkbox"]:hover,
|
|
#mec_reg_form_fields input[type="radio"]:hover,
|
|
.mec-form-row input[type="checkbox"]:hover,
|
|
.mec-form-row input[type="radio"]:hover {
|
|
border-color: #40d9f1;
|
|
}
|
|
|
|
#mec_bfixed_form_fields input[type="checkbox"]:checked,
|
|
#mec_bfixed_form_fields input[type="radio"]:checked,
|
|
#mec_reg_form_fields input[type="checkbox"]:checked,
|
|
#mec_reg_form_fields input[type="radio"]:checked,
|
|
.mec-fes-form .mec-form-row input[type="checkbox"]:checked,
|
|
.mec-fes-form .mec-form-row input[type="radio"]:checked {
|
|
box-shadow: 0 1px 6px -2px #40d9f1;
|
|
border-color: #40d9f1;
|
|
background: #40d9f1;
|
|
border-radius: 2px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-form-row input[type="radio"]:checked {
|
|
box-shadow: 0 1px 6px -2px #40d9f1, inset 0 0 0 3px #fff !important;
|
|
}
|
|
|
|
#mec_bfixed_form_fields input[type="checkbox"]:checked::before,
|
|
#mec_reg_form_fields input[type="checkbox"]:checked::before,
|
|
.mec-form-row input[type="checkbox"]:checked:before {
|
|
content: "";
|
|
font: normal;
|
|
position: absolute;
|
|
top: 12px;
|
|
left: 5px;
|
|
margin: 0;
|
|
vertical-align: middle;
|
|
line-height: 1;
|
|
border-right: 2px solid #fff !important;
|
|
border-bottom: 2px solid #fff !important;
|
|
transform: rotate(45deg);
|
|
transform-origin: 0% 100%;
|
|
color: #fff;
|
|
transition: all 0.2s ease;
|
|
animation: checkbox-check 130ms 140ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
|
|
}
|
|
|
|
@keyframes checkbox-check {
|
|
0% {
|
|
width: 0;
|
|
height: 0;
|
|
border-color: #fff;
|
|
transform: translate3d(0, 0, 0) rotate(45deg);
|
|
}
|
|
|
|
33% {
|
|
width: 6px;
|
|
height: 0;
|
|
transform: translate3d(0, 0, 0) rotate(45deg);
|
|
}
|
|
|
|
100% {
|
|
width: 6px;
|
|
height: 12px;
|
|
border-color: #fff;
|
|
transform: translate3d(0, -12px, 0) rotate(45deg);
|
|
}
|
|
}
|
|
|
|
/* Deep Theme and BuddyPress style on MEC Event Data */
|
|
#wrap #mec-event-data input[type="radio"] {
|
|
position: relative;
|
|
}
|
|
|
|
#wrap #mec-event-data input[type="radio"]:empty::before {
|
|
display: none;
|
|
}
|
|
|
|
#mec_bfixed_form_field_types .button,
|
|
#mec_reg_form_field_types .button {
|
|
position: relative;
|
|
outline: 0;
|
|
border-radius: 50px;
|
|
padding: 2px 21px 2px 31px !important;
|
|
line-height: 1;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
color: #40d9f1;
|
|
letter-spacing: 2px;
|
|
height: auto;
|
|
cursor: pointer;
|
|
margin-top: 5px;
|
|
text-transform: uppercase;
|
|
box-shadow: 0 2px 6px -3px #40d9f1;
|
|
border: 2px solid #cfeff5;
|
|
}
|
|
|
|
#mec_meta_box_tickets_form [id^="mec_ticket_row"] button,
|
|
#mec_fes_organizer_remove_image_button,
|
|
#mec_fes_location_remove_image_button,
|
|
#mec_meta_box_hourly_schedule_days
|
|
[id^="mec_meta_box_hourly_schedule_day_"]
|
|
.mec-form-row.mec-box
|
|
.button,
|
|
#mec_meta_box_hourly_schedule_days
|
|
[id^="mec_meta_box_hourly_schedule_day_"]
|
|
.mec-col-1
|
|
.button,
|
|
#mec_reg_form_field_types .button.red {
|
|
color: #ea6485;
|
|
box-shadow: 0 2px 6px -3px #ea6485;
|
|
background: #fff;
|
|
border-color: #ffd2dd;
|
|
}
|
|
|
|
#mec_meta_box_tickets_form [id^="mec_ticket_row"] button:hover,
|
|
#mec_fes_organizer_remove_image_button:hover,
|
|
#mec_fes_location_remove_image_button:hover,
|
|
#mec_meta_box_hourly_schedule_days
|
|
[id^="mec_meta_box_hourly_schedule_day_"]
|
|
.mec-form-row.mec-box
|
|
.button:hover,
|
|
#mec_meta_box_hourly_schedule_days
|
|
[id^="mec_meta_box_hourly_schedule_day_"]
|
|
.mec-col-1
|
|
.button:hover,
|
|
#mec_reg_form_field_types .button.red:hover {
|
|
background: #ea6485;
|
|
color: #fff;
|
|
}
|
|
|
|
#mec_bfixed_form_field_types .button:before,
|
|
#mec_reg_form_field_types .button:before {
|
|
position: absolute;
|
|
left: 12px;
|
|
color: #40d9f1;
|
|
content: "\e095";
|
|
font-family: simple-line-icons;
|
|
font-size: 13px;
|
|
display: inline-block;
|
|
}
|
|
|
|
#mec_reg_form_field_types .button.red:before {
|
|
color: #ea6485;
|
|
}
|
|
|
|
#mec_reg_form_field_types .button.red:hover:before,
|
|
#mec_bfixed_form_field_types .button:hover:before,
|
|
#mec_reg_form_field_types .button:hover:before {
|
|
color: #fff;
|
|
}
|
|
|
|
#mec_meta_box_tickets_form [id^="mec_ticket_row"] button:hover,
|
|
#mec_fes_organizer_remove_image_button:hover,
|
|
#mec_fes_location_remove_image_button:hover,
|
|
#mec_meta_box_hourly_schedule_days
|
|
[id^="mec_meta_box_hourly_schedule_day_"]
|
|
.mec-form-row.mec-box
|
|
.button:hover,
|
|
#mec_meta_box_hourly_schedule_days
|
|
[id^="mec_meta_box_hourly_schedule_day_"]
|
|
.mec-col-1
|
|
.button:hover,
|
|
#mec_price_per_dates_container .button:hover,
|
|
#mec_reg_form_field_types .button.red:hover {
|
|
color: #fff;
|
|
border: 2px solid #ea6485;
|
|
}
|
|
|
|
#mec_ticket_variations_list [id^="mec_remove_ticket_variation_button"],
|
|
#mec_taxes_fees_container_toggle [id^="mec_remove_fee_button"] {
|
|
color: #ea6485;
|
|
border-color: #ffd2dd;
|
|
}
|
|
|
|
#mec_ticket_variations_list [id^="mec_remove_ticket_variation_button"]:hover,
|
|
#mec_taxes_fees_container_toggle [id^="mec_remove_fee_button"]:hover {
|
|
color: #fff;
|
|
border: 2px solid #ea6485;
|
|
background: #ea6485;
|
|
}
|
|
|
|
#mec_fees_list [id^="mec_remove_fee_button"],
|
|
#mec_meta_box_ticket_variations_form
|
|
.mec-form-row
|
|
[id^="mec_remove_ticket_variation_button"] {
|
|
margin-left: 14px !important;
|
|
}
|
|
|
|
#mec_meta_box_hourly_schedule_days .mec-add-hourly-schedule-button {
|
|
line-height: 10px !important;
|
|
}
|
|
|
|
#mec_meta_box_tickets_form [id^="mec_ticket_row"] .mec_add_price_date_button {
|
|
color: #40d9f1;
|
|
box-shadow: 0 2px 6px -3px #40d9f1;
|
|
border: 2px solid #cfeff5;
|
|
}
|
|
|
|
#mec_meta_box_tickets_form
|
|
[id^="mec_ticket_row"]
|
|
.mec_add_price_date_button:hover,
|
|
#mec_reg_form_field_types .button:hover {
|
|
color: #fff;
|
|
border: 2px solid #40d9f1;
|
|
background: #40d9f1;
|
|
}
|
|
|
|
.mec-fes-form #mec_reg_form_fields span.mec_reg_field_sort,
|
|
.mec-fes-form #mec_orgz_form_row span.mec-additional-organizer-sort,
|
|
.mec-fes-form #mec_bfixed_form_fields span.mec_bfixed_field_sort {
|
|
font-size: 0;
|
|
color: #fff;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.mec-fes-form #mec_reg_form_fields .mec_reg_field_options,
|
|
.mec-fes-form #mec_bfixed_form_fields .mec_bfixed_field_option_sort,
|
|
.mec-fes-form #mec_orgz_form_row span.mec-additional-organizer-sort,
|
|
.mec-fes-form #mec_reg_form_fields span.mec_reg_field_option_sort {
|
|
font-size: 0;
|
|
}
|
|
|
|
.mec-fes-form #mec_reg_form_fields span.mec_reg_field_option_sort:before,
|
|
.mec-fes-form #mec_reg_form_fields span.mec_reg_field_options:before,
|
|
.mec-fes-form #mec_orgz_form_row span.mec-additional-organizer-sort:before,
|
|
.mec-fes-form #mec_reg_form_fields span.mec_reg_field_sort:before,
|
|
.mec-fes-form #mec_bfixed_form_fields span.mec_bfixed_field_option_sort:before,
|
|
.mec-fes-form #mec_bfixed_form_fields span.mec_bfixed_field_sort:before {
|
|
position: absolute;
|
|
left: px;
|
|
top: 12px;
|
|
width: 80px;
|
|
height: 20px;
|
|
display: block;
|
|
cursor: move;
|
|
font-family: simple-line-icons;
|
|
content: "\e023";
|
|
font-size: 18px;
|
|
color: #888;
|
|
}
|
|
|
|
.mec-fes-form #mec_reg_form_fields span.mec_reg_field_option_sort:before,
|
|
.mec-fes-form #mec_reg_form_fields span.mec_reg_field_options:before,
|
|
.mec-fes-form #mec_bfixed_form_fields span.mec_bfixed_field_option_sort:before {
|
|
font-size: 13px;
|
|
left: 2px;
|
|
top: 26px;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
.mec-fes-form #mec_reg_form_fields .mec_reg_field_options,
|
|
.mec-fes-form #mec_bfixed_form_fields .mec_bfixed_field_options {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.mec-fes-form
|
|
#mec_fes_form
|
|
#mec_bfixed_form_fields
|
|
.mec_bfixed_notification_placeholder {
|
|
font-size: 0;
|
|
}
|
|
|
|
.mec-form-row select + span.mec-tooltip,
|
|
.mec-form-row input + span.mec-tooltip {
|
|
bottom: 10px;
|
|
}
|
|
|
|
.mec-form-row label + span.mec-tooltip {
|
|
bottom: 8px;
|
|
}
|
|
|
|
.mec-form-row textarea + span.mec-tooltip {
|
|
bottom: auto;
|
|
vertical-align: top;
|
|
top: 12px;
|
|
}
|
|
|
|
.mec-form-row span + span.mec-tooltip {
|
|
bottom: 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-form-row .mec-col-8 span.mec-archive-skins,
|
|
.mec-form-row .mec-col-8 select,
|
|
.mec-form-row .mec-col-8 input[type="text"] {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.mec-form-row input:disabled {
|
|
opacity: 0.6;
|
|
background: #f6f6f6;
|
|
}
|
|
|
|
.mec-form-row p {
|
|
font-size: 12px !important;
|
|
line-height: 18px !important;
|
|
color: #97b2bb !important;
|
|
}
|
|
|
|
.mec-form-row p.description {
|
|
font-style: italic;
|
|
}
|
|
|
|
.ui-datepicker.ui-widget {
|
|
border: 1px solid #e8e8e8;
|
|
box-shadow: 0 1px 9px rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
table.ui-datepicker-calendar {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ui-datepicker-calendar th {
|
|
font-weight: 700;
|
|
color: #4a4b4c;
|
|
}
|
|
|
|
.ui-datepicker-calendar tr,
|
|
.ui-datepicker-calendar td,
|
|
.ui-datepicker-calendar th {
|
|
border: none;
|
|
}
|
|
|
|
.ui-datepicker.ui-widget select {
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
border-radius: 2px;
|
|
padding: 2px 10px;
|
|
margin: 5px 3px;
|
|
width: auto;
|
|
min-height: 20px;
|
|
height: 26px;
|
|
border: 1px solid #e3e3e3;
|
|
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
|
|
}
|
|
|
|
.ui-datepicker.ui-widget table {
|
|
border-spacing: 2px;
|
|
border: none;
|
|
}
|
|
|
|
.ui-datepicker.ui-widget td,
|
|
.ui-datepicker.ui-widget tr {
|
|
padding: 0;
|
|
background: none !important;
|
|
}
|
|
|
|
.ui-datepicker.ui-widget td a {
|
|
color: #9a9b9c;
|
|
font-weight: 600;
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
display: inline-block;
|
|
border-radius: 33px;
|
|
padding: 0;
|
|
background: #fff;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.ui-datepicker.ui-widget td a:hover,
|
|
.ui-datepicker.ui-widget td a.ui-state-active {
|
|
background: #40d9f1;
|
|
color: #fff;
|
|
}
|
|
|
|
.ui-datepicker.ui-widget .ui-datepicker-next,
|
|
.ui-datepicker.ui-widget .ui-datepicker-prev {
|
|
color: #40d9f1;
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
border-radius: 33px;
|
|
background: #ecfcff;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.ui-datepicker.ui-widget .ui-datepicker-next:hover,
|
|
.ui-datepicker.ui-widget .ui-datepicker-prev:hover {
|
|
background: #fff;
|
|
box-shadow: 0 0 7px -3px rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .dashicons-before:before {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-fes-form button[type="submit"].mec-fes-sub-button {
|
|
border-radius: 3px;
|
|
background: #40d9f1;
|
|
color: #fff;
|
|
height: 54px;
|
|
font-size: 17px;
|
|
font-weight: 700;
|
|
box-shadow: 0 2px 8px -4px #40d9f1;
|
|
display: block;
|
|
transition: all 0.28s ease;
|
|
text-transform: uppercase;
|
|
margin: 20px 0 0;
|
|
padding: 14px 20px;
|
|
border: 0;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
letter-spacing: 0.1em;
|
|
line-height: 1;
|
|
}
|
|
|
|
.mec-fes-form button[type="submit"].mec-fes-sub-button:hover {
|
|
box-shadow: 0 2px 12px -2px #40d9f1;
|
|
}
|
|
|
|
.mec-fes-form button[type="submit"].mec-fes-sub-button:focus {
|
|
margin-bottom: -2px;
|
|
background: #1dc2dc;
|
|
}
|
|
|
|
.mec-fes-form .mec-title span.mec-dashicons {
|
|
color: #40d9f1;
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.mec-fes-form .mec-tooltip .box h5 {
|
|
padding: 14px 2px;
|
|
}
|
|
|
|
#mec_fes_form,
|
|
.mec-fes-form-top-actions {
|
|
max-width: 838px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
@media only screen and (min-width: 961px) {
|
|
.mec-fes-form .mec-fes-form-cntt {
|
|
width: calc(100% - 300px);
|
|
float: left;
|
|
padding-right: 20px;
|
|
max-width: 538px;
|
|
display: block;
|
|
}
|
|
|
|
.mec-fes-form .mec-fes-form-sdbr {
|
|
width: 300px;
|
|
}
|
|
}
|
|
|
|
.mec-fes-form div.mce-toolbar-grp,
|
|
.mec-fes-form .quicktags-toolbar {
|
|
background: #ecfcff;
|
|
border-bottom: 1px solid #cfeff5;
|
|
box-shadow: 0 1px 0 1px #cfeff5;
|
|
}
|
|
|
|
.mec-fes-form .quicktags-toolbar {
|
|
margin-right: -1px;
|
|
border-top: 1px solid #cfeff5;
|
|
}
|
|
|
|
.mec-fes-form div.mce-statusbar {
|
|
border-top-color: #cfeff5;
|
|
}
|
|
|
|
.mec-fes-form .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
|
|
border: 1px solid #cfeff5;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.mec-fes-form .mce-tinymce.mce-container.mce-panel {
|
|
border: 1px solid #cfeff5;
|
|
box-shadow: 0 2px 6px -3px #cfeff5;
|
|
border-radius: 2px 0 2px 2px;
|
|
}
|
|
|
|
.mec-fes-form .wp-editor-tools .wp-media-buttons {
|
|
transform: translateY(-6px);
|
|
margin-top: -6px;
|
|
}
|
|
|
|
.mec-fes-form .wp-editor-tabs {
|
|
padding-right: 0;
|
|
margin-right: -2px;
|
|
}
|
|
|
|
.mec-fes-form .wp-editor-tabs .wp-switch-editor {
|
|
border-radius: 3px 3px 0 0;
|
|
border-color: #cfeff5;
|
|
background: #fff;
|
|
color: #96b8bd;
|
|
border-bottom: 1px solid #ecfcff;
|
|
}
|
|
|
|
.mec-fes-form .wp-editor-tabs .wp-switch-editor:active,
|
|
.mec-fes-form .html-active .switch-html,
|
|
.mec-fes-form .tmce-active .switch-tmce {
|
|
background: #ecfcff;
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-fes-form .wp-editor-container,
|
|
.mec-fes-form div.mce-edit-area.mce-panel {
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-fes-form .wp-editor-container textarea.wp-editor-area {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.mec-fes-form .mce-toolbar .mce-listbox button {
|
|
font-size: 12px;
|
|
line-height: 22px;
|
|
color: #798f96;
|
|
}
|
|
|
|
.mec-fes-form .mce-toolbar .mce-ico {
|
|
color: #627f88;
|
|
}
|
|
|
|
.mec-fes-form .mce-toolbar .mce-btn-group .mce-btn.mce-active,
|
|
.mec-fes-form .mce-toolbar .mce-btn-group .mce-btn:active,
|
|
.mec-fes-form .qt-dfw.active {
|
|
background: #fff;
|
|
border-color: #40d9f1;
|
|
box-shadow: inset 0 2px 6px -3px rgba(106, 231, 255, 0.7);
|
|
}
|
|
|
|
.mec-fes-form .mce-toolbar .mce-btn-group .mce-btn.mce-active .mce-ico {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
body .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal,
|
|
body.mce-menu .mce-menu-item.mce-active.mce-menu-item-preview,
|
|
body .mce-menu .mce-menu-item.mce-selected,
|
|
body .mce-menu .mce-menu-item:focus,
|
|
body .mce-menu .mce-menu-item:hover {
|
|
background: #40d9f1;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-fes-form .mec-not-in-days-day {
|
|
display: inline-block;
|
|
padding: 4px 32px 4px 15px;
|
|
border-radius: 33px;
|
|
border: 1px solid #cfeff5;
|
|
box-shadow: 0 1px 3px -1px #cfeff5;
|
|
background: #fbfeff;
|
|
color: #40d9f1;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.mec-fes-form .mec-not-in-days-remove {
|
|
display: inline-block;
|
|
padding: 0 1px 0 0;
|
|
margin-left: -30px;
|
|
vertical-align: sub;
|
|
background: #ff918a;
|
|
color: #fff;
|
|
font-family: cursive;
|
|
width: 21px;
|
|
height: 21px;
|
|
line-height: 17px;
|
|
text-align: center;
|
|
border-radius: 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-fes-list ul li .mec-event-status {
|
|
float: left;
|
|
margin-right: 10px;
|
|
margin-left: 0;
|
|
font-size: 11px;
|
|
font-weight: 400;
|
|
letter-spacing: 0.3px;
|
|
border-radius: 3px;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
.mec-fes-list ul li .mec-event-status.mec-book-confirmed:before,
|
|
.mec-fes-form .post-status.mec-book-confirmed:before {
|
|
content: "";
|
|
margin: 0;
|
|
vertical-align: middle;
|
|
line-height: 1;
|
|
border-right: 2px solid #fff !important;
|
|
border-bottom: 2px solid #fff !important;
|
|
transform: rotate(45deg);
|
|
color: #fff;
|
|
width: 6px;
|
|
height: 12px;
|
|
float: left;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.mec-fes-list ul li .mec-fes-event-remove:before,
|
|
.mec-fes-list ul li .mec-fes-event-view a:before,
|
|
.mec-fes-list ul li .mec-fes-event-edit a:before,
|
|
.mec-fes-list-top-actions a:before,
|
|
.mec-fes-list ul li .mec-fes-event-export a:before {
|
|
content: "\e054";
|
|
font-family: simple-line-icons;
|
|
font-size: 13px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-fes-list ul li .mec-fes-event-view a:before {
|
|
content: "\e087";
|
|
}
|
|
|
|
.mec-fes-list ul li .mec-fes-event-edit a:before {
|
|
content: "\e060";
|
|
}
|
|
|
|
.mec-fes-list-top-actions a:before {
|
|
content: "\e095";
|
|
font-weight: 400;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.mec-fes-list ul li .mec-fes-event-export a:before {
|
|
content: "\e083";
|
|
}
|
|
|
|
.mec-fes-form .post-status {
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.mec-fes-form .post-status.mec-book-confirmed:before {
|
|
height: 20px;
|
|
width: 9px;
|
|
margin: 3px 10px;
|
|
}
|
|
|
|
.ui-datepicker-calendar th,
|
|
.ui-datepicker .ui-datepicker-calendar td {
|
|
height: auto;
|
|
padding: 0;
|
|
}
|
|
|
|
.ui-datepicker-calendar th,
|
|
.ui-datepicker .ui-datepicker-calendar td a {
|
|
font-size: 14px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.ui-datepicker.ui-widget .ui-state-disabled .ui-state-default {
|
|
color: #ccc;
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-fes-form .description {
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* FireFox Checkbox */
|
|
.mec-fes-form input[type="file"] {
|
|
text-align: left;
|
|
}
|
|
|
|
/* FES Export */
|
|
.mec-fes-export-wrapper {
|
|
width: 640px;
|
|
background: #f8feff;
|
|
padding: 40px 25px;
|
|
}
|
|
|
|
.mec-fes-export-wrapper .mec-fes-btn-date {
|
|
font-size: 16px;
|
|
line-height: 44px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mec-fes-export-wrapper .date-messgae {
|
|
font-family: sans-serif;
|
|
padding: 2px 18px;
|
|
}
|
|
|
|
.mec-fes-list ul li .mec-event-export-csv,
|
|
.mec-fes-list ul li .mec-event-export-excel {
|
|
font-size: 12px;
|
|
border: 1px solid #40d9f1;
|
|
padding: 1px 4px;
|
|
background: rgba(141, 229, 243, 0.18);
|
|
border-radius: 4px;
|
|
color: #40d9f1;
|
|
font-family: sans-serif;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
height: 26px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.mec-export-badge {
|
|
font-size: 11px;
|
|
color: #40d9f1;
|
|
width: auto;
|
|
height: 24px;
|
|
line-height: 25px;
|
|
display: inline-block;
|
|
padding: 0 8px;
|
|
text-align: center;
|
|
border-radius: 3px;
|
|
background: #ecfcff;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.mec-fes-list ul li .mec-fes-event-export {
|
|
font-size: 11px;
|
|
background: #f7f7f7;
|
|
float: right;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.mec-fes-list ul li .mec-fes-event-export:hover {
|
|
cursor: pointer;
|
|
background: rgb(144, 240, 224);
|
|
border-color: rgb(77, 200, 204);
|
|
}
|
|
|
|
.mec-fes-export-wrapper ul {
|
|
padding: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-fes-export-wrapper ul li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
width: 30%;
|
|
padding: 10px 15px 10px 32px;
|
|
border-radius: 3px;
|
|
margin-bottom: 15px;
|
|
border: 1px solid #cfeff5;
|
|
box-shadow: 0 2px 6px -4px #cfeff5;
|
|
background: #fff;
|
|
line-height: normal;
|
|
margin-right: 10px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.mec-fes-export-wrapper ul li:nth-child(3n + 0) {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.mec-fes-export-wrapper ul li:hover {
|
|
box-shadow: 0 2px 16px -1px #c6e8ef;
|
|
}
|
|
|
|
.mec-fes-export-wrapper ul li:before {
|
|
content: "";
|
|
position: absolute;
|
|
display: inline-block;
|
|
background: #fff;
|
|
width: 15px;
|
|
height: 15px;
|
|
margin: -1px 0 0 5px;
|
|
cursor: pointer;
|
|
border: 2px solid #e1e7ed;
|
|
box-shadow: 0 2px 15px -3px rgba(69, 77, 89, 0.32);
|
|
border-radius: 50%;
|
|
left: 9px;
|
|
top: calc(50% - 7px);
|
|
}
|
|
|
|
.mec-fes-export-wrapper ul li.fes-export-date-active {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-fes-export-wrapper ul li.fes-export-date-active:before {
|
|
width: 15px;
|
|
height: 15px;
|
|
border: 6px solid #40d9f1;
|
|
background: #fff;
|
|
box-shadow: 0 3px 16px -3px #40d9f1;
|
|
}
|
|
|
|
.mec-fes-btn-export {
|
|
margin-left: 15px;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.mec-fes-btn-export span {
|
|
position: relative;
|
|
border: none;
|
|
border-radius: 3px;
|
|
color: #fff !important;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
text-transform: none;
|
|
font-weight: 400;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
margin-right: 4px;
|
|
line-height: 1;
|
|
letter-spacing: 0;
|
|
padding: 15px 22px;
|
|
background: #39c36e;
|
|
box-shadow: 0 1px 7px -3px #39c36e !important;
|
|
-webkit-transition: all 0.21s ease;
|
|
-moz-transition: all 0.21s ease;
|
|
transition: all 0.21s ease;
|
|
cursor: pointer;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.mec-fes-btn-export span:hover {
|
|
background: #222;
|
|
}
|
|
|
|
span.mec-event-export-csv:before,
|
|
.mec-event-export-excel:before {
|
|
content: "\e083";
|
|
font-family: simple-line-icons;
|
|
font-size: 13px;
|
|
vertical-align: middle;
|
|
margin-right: 7px;
|
|
margin-top: -1px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-fes-list .wn-p-t-right {
|
|
min-width: 170px;
|
|
max-width: 200px;
|
|
display: inline-block;
|
|
top: -8px;
|
|
left: 50%;
|
|
margin-top: 0;
|
|
transform: translate(-50%, -100%);
|
|
padding: 0;
|
|
background-color: #000;
|
|
color: #fff;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
letter-spacing: 0.5px;
|
|
line-height: 1.5;
|
|
position: absolute;
|
|
z-index: 99999999;
|
|
box-sizing: border-box;
|
|
border-radius: 6px;
|
|
box-shadow: 0 4px 45px -8px #535a61;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: opacity 0.23s;
|
|
padding: 5px 10px 6px;
|
|
border-radius: 8px;
|
|
text-align: center;
|
|
font-style: normal;
|
|
}
|
|
|
|
.mec-fes-list .mec-fes-event-export:hover .wn-p-t-right,
|
|
.mec-fes-list .mec-fes-event-view:hover .wn-p-t-right,
|
|
.mec-fes-list .mec-fes-event-remove:hover .wn-p-t-right,
|
|
.mec-fes-list .mec-fes-event-edit:hover .wn-p-t-right {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.mec-fes-list .wn-p-t-right i {
|
|
position: absolute !important;
|
|
top: 100%;
|
|
right: 50%;
|
|
margin-top: -6px !important;
|
|
margin-right: -6px !important;
|
|
width: 12px;
|
|
height: 24px;
|
|
overflow: hidden;
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
.mec-fes-list .wn-p-t-right i:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
left: 0;
|
|
top: 50%;
|
|
transform: translate(50%, -50%) rotate(-45deg);
|
|
background-color: #000;
|
|
box-shadow: 0 8px 9px -4px #535a61;
|
|
}
|
|
|
|
/* Select 2 Styles */
|
|
.mec-fes-form .select2-container {
|
|
min-height: 38px;
|
|
box-sizing: border-box;
|
|
margin-bottom: 8px;
|
|
padding: 0 6px;
|
|
border-radius: 2px;
|
|
border: 1px solid #ddd;
|
|
box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.07);
|
|
background-color: #fff;
|
|
color: #32373c;
|
|
outline: none;
|
|
transition: 0.05s border-color ease-in-out;
|
|
min-width: 200px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.mec-fes-form .select2-selection {
|
|
border: none;
|
|
background: transparent;
|
|
padding-top: 2px;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.select2-container--default.select2-container--focus
|
|
.select2-selection {
|
|
border: none !important;
|
|
outline: 0;
|
|
}
|
|
|
|
.mec-fes-form
|
|
.select2-container--default
|
|
.select2-selection--single
|
|
.select2-selection__arrow {
|
|
top: 5px;
|
|
right: 4px;
|
|
}
|
|
|
|
.select2-results {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* FES SubCategories */
|
|
.mec-fes-category-children .mec-fes-category-children,
|
|
.mec-fes-category-children {
|
|
padding-left: 24px;
|
|
}
|
|
|
|
/* Timeline view */
|
|
.mec-timeline-events-container {
|
|
margin-left: 19px;
|
|
padding-top: 20px;
|
|
padding-bottom: 9px;
|
|
}
|
|
|
|
.mec-events-timeline-wrap {
|
|
position: relative;
|
|
display: block;
|
|
overflow: visible;
|
|
padding-left: 95px;
|
|
}
|
|
|
|
.mec-events-timeline-wrap:before {
|
|
width: 1px;
|
|
content: "";
|
|
height: 100%;
|
|
position: absolute;
|
|
background: #b8f5ff;
|
|
left: 95px;
|
|
}
|
|
|
|
.mec-timeline-month-divider + .mec-timeline-events-container {
|
|
padding-top: 110px;
|
|
}
|
|
|
|
.mec-timeline-right-content {
|
|
float: right;
|
|
width: 300px;
|
|
}
|
|
|
|
.mec-timeline-left-content {
|
|
float: left;
|
|
width: calc(100% - 300px);
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-timeline-month-divider {
|
|
position: absolute;
|
|
display: block;
|
|
background: #fff;
|
|
right: calc(100% - 95px);
|
|
left: 0;
|
|
width: 190px;
|
|
text-align: center;
|
|
border: 1px solid #b8f5ff;
|
|
border-radius: 50px;
|
|
font-size: 15px;
|
|
padding: 12px 27px;
|
|
color: #40d9f1;
|
|
}
|
|
|
|
.mec-timeline-event-date {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-timeline-events-container .mec-timeline-event-date:before {
|
|
content: "";
|
|
width: 11px;
|
|
height: 11px;
|
|
position: absolute;
|
|
background: #40d9f1;
|
|
border-radius: 50px;
|
|
top: 8px;
|
|
left: -24px;
|
|
z-index: 9;
|
|
}
|
|
|
|
.mec-timeline-events-container .mec-timeline-event-date:after {
|
|
content: "";
|
|
width: 21px;
|
|
height: 21px;
|
|
position: absolute;
|
|
background: rgba(64, 217, 241, 0.3);
|
|
border-radius: 50px;
|
|
top: 3px;
|
|
left: -29px;
|
|
}
|
|
|
|
.mec-timeline-event-date {
|
|
float: left;
|
|
width: 17%;
|
|
margin-top: 27px;
|
|
}
|
|
|
|
.mec-timeline-event-content {
|
|
float: left;
|
|
width: 82%;
|
|
background: #fff;
|
|
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
|
|
border-radius: 10px;
|
|
overflow: visible;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-timeline-main-content {
|
|
padding: 23px 30px;
|
|
}
|
|
|
|
.mec-timeline-main-content h4 {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.mec-timeline-main-content h4 a {
|
|
font-size: 25px;
|
|
font-weight: bold;
|
|
color: #000;
|
|
line-height: 33px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.mec-timeline-main-content p {
|
|
font-size: 15px;
|
|
color: #515151;
|
|
line-height: 24px;
|
|
margin-bottom: 36px;
|
|
}
|
|
|
|
a.mec-timeline-readmore {
|
|
width: 100%;
|
|
display: block;
|
|
text-align: center;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
line-height: 52px;
|
|
font-size: 17px;
|
|
font-weight: bold;
|
|
-webkit-transition: all 0.2s ease;
|
|
transition: all 0.2s ease;
|
|
border-radius: 0 0 10px 10px;
|
|
}
|
|
|
|
a.mec-timeline-readmore:hover {
|
|
background: #222;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-timeline-event-time .mec-time-details,
|
|
.mec-timeline-event-location address span,
|
|
.mec-timeline-event-organizer .mec-organizer-item span,
|
|
.mec-timeline-event-categories ul.mec-categories li.mec-category a {
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
color: inherit;
|
|
}
|
|
|
|
.mec-timeline-event-organizer .mec-shortcode-organizers,
|
|
.mec-timeline-event-categories .mec-categories-wrapper {
|
|
line-height: unset;
|
|
}
|
|
|
|
.mec-timeline-event-location,
|
|
.mec-timeline-event-time,
|
|
.mec-timeline-event-local-time,
|
|
.mec-timeline-event-organizer,
|
|
.mec-timeline-event-categories {
|
|
background: rgba(64, 217, 241, 0.11);
|
|
display: inline-block;
|
|
padding: 0 20px;
|
|
border-radius: 50px;
|
|
line-height: 32px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-timeline-event-time i,
|
|
.mec-timeline-event-organizer i,
|
|
.mec-timeline-event-categories i,
|
|
.mec-timeline-event-location i {
|
|
font-size: 16px;
|
|
margin-right: 6px;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
|
|
.mec-timeline-event-location address {
|
|
font-style: normal;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mec-timeline-event-details + .mec-timeline-event-details {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.mec-timeline-event-content .col-md-4 {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-timeline-event-content:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -10px;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 10px;
|
|
}
|
|
|
|
.mec-timeline-event-content:after {
|
|
top: 30px;
|
|
border-color: transparent #ffffff transparent transparent;
|
|
left: -10px;
|
|
}
|
|
|
|
.mec-timeline-event-image img {
|
|
border-radius: 0 10px 0 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-timeline-event-image a {
|
|
display: block;
|
|
line-height: 0;
|
|
}
|
|
|
|
a.mec-timeline-readmore i {
|
|
vertical-align: middle;
|
|
margin-left: 10px;
|
|
font-size: 9px;
|
|
}
|
|
|
|
.mec-wrap .mec-timeline-event-content a.mec-timeline-readmore:hover {
|
|
background: #444;
|
|
}
|
|
|
|
@media (min-width: 1024px) {
|
|
.mec-timeline-event {
|
|
margin: 50px 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1023px) {
|
|
.mec-timeline-event {
|
|
margin: 25px 0;
|
|
}
|
|
|
|
.mec-events-timeline-wrap {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.mec-events-timeline-wrap:before {
|
|
left: 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1200px) and (min-width: 992px) {
|
|
.mec-timeline-event-content {
|
|
width: 81%;
|
|
}
|
|
|
|
.mec-timeline-event-date {
|
|
width: 18%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 992px) {
|
|
.mec-timeline-right-content,
|
|
.mec-timeline-left-content {
|
|
float: none;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-timeline-right-content .mec-timeline-event-image {
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-timeline-right-content .mec-timeline-event-image img {
|
|
max-width: 300px;
|
|
border-radius: 10px;
|
|
margin-top: 35px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 440px) {
|
|
.mec-timeline-right-content .mec-timeline-event-image img {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 320px) {
|
|
.mec-timeline-event-date,
|
|
.mec-timeline-event-content {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-timeline-event-date {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.mec-timeline-event-content:after {
|
|
display: none;
|
|
}
|
|
|
|
.mec-timeline-main-content {
|
|
padding: 23px 0;
|
|
}
|
|
|
|
.mec-timeline-main-content p {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.mec-timeline-main-content h4 a {
|
|
font-size: 23px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.mec-time-details span {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.mec-timeline-event-location address span {
|
|
font-size: 12px;
|
|
}
|
|
|
|
a.mec-timeline-readmore {
|
|
line-height: 44px;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
.mec-timeline-event-image img {
|
|
margin-bottom: -7px;
|
|
border-radius: 0 10px 10px 0;
|
|
}
|
|
|
|
.mec-timeline-event-image a img {
|
|
margin-bottom: 0;
|
|
border-radius: 0 10px 0 0;
|
|
}
|
|
|
|
/* Tile View */
|
|
.mec-event-tile-view article.mec-tile-item {
|
|
height: 400px;
|
|
margin: 15px 0;
|
|
border-radius: 22px;
|
|
padding: 35px 25px;
|
|
position: relative;
|
|
color: #fff;
|
|
background-size: cover !important;
|
|
background-position: center !important;
|
|
box-shadow: 0 2px 9px rgba(0, 0, 0, 0.25);
|
|
transition: all 0.22s ease;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item:hover {
|
|
cursor: pointer;
|
|
box-shadow: 0 4px 19px rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item div {
|
|
position: relative;
|
|
z-index: 3;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item .mec-categories-wrapper {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item .mec-categories-wrapper i {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.mec-event-tile-view
|
|
article.mec-tile-item
|
|
.mec-categories-wrapper
|
|
ul.mec-categories
|
|
li.mec-category
|
|
a,
|
|
.mec-event-tile-view article.mec-tile-item .mec-shortcode-organizers {
|
|
color: #fff;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item .mec-shortcode-organizers,
|
|
.mec-event-tile-view article.mec-tile-item .mec-categories-wrapper,
|
|
.mec-event-tile-view article.mec-tile-item .mec-event-loc-place {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item:before,
|
|
.mec-event-tile-view article.mec-tile-item:after {
|
|
position: absolute;
|
|
background: -moz-linear-gradient(
|
|
180deg,
|
|
rgba(0, 0, 0, 0.35) 0%,
|
|
rgba(0, 0, 0, 0.48) 65%,
|
|
rgba(0, 0, 0, 0.72) 100%
|
|
);
|
|
background: -webkit-gradient(
|
|
left top,
|
|
right top,
|
|
color-stop(0%, rgba(0, 0, 0, 0.35)),
|
|
color-stop(65%, rgba(0, 0, 0, 0.48)),
|
|
color-stop(100%, rgba(0, 0, 0, 0.72))
|
|
);
|
|
background: -webkit-gradient(
|
|
180deg,
|
|
rgba(0, 0, 0, 0.35) 0%,
|
|
rgba(0, 0, 0, 0.48) 65%,
|
|
rgba(0, 0, 0, 0.72) 100%
|
|
);
|
|
background: linear-gradient(
|
|
180deg,
|
|
rgba(0, 0, 0, 0.35) 0%,
|
|
rgba(0, 0, 0, 0.48) 65%,
|
|
rgba(0, 0, 0, 0.72) 100%
|
|
);
|
|
content: "";
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
border-radius: 22px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item:after {
|
|
background-color: inherit;
|
|
background-image: none;
|
|
top: 35px;
|
|
bottom: auto;
|
|
height: 40px;
|
|
border-radius: 0 3px 3px 0;
|
|
width: 110px;
|
|
z-index: 2;
|
|
box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item .event-tile-view-head {
|
|
padding: 8px 3px;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
margin-bottom: 50px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item .event-tile-view-head > div {
|
|
display: inline;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item .mec-event-time {
|
|
color: #d6d6d6;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
padding-top: 4px;
|
|
position: absolute;
|
|
right: 1px;
|
|
top: 10px;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item .mec-event-time i {
|
|
vertical-align: baseline;
|
|
font-size: 14px;
|
|
float: left;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item i {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item .mec-event-title {
|
|
color: #fff;
|
|
font-weight: 700;
|
|
font-size: 23px;
|
|
padding-top: 12px;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item .mec-event-title a {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item .mec-event-title a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item .mec-event-content {
|
|
position: absolute;
|
|
height: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item .mec-tile-into-content-link {
|
|
position: absolute;
|
|
content: "";
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
.mec-tile-event-content {
|
|
position: absolute !important;
|
|
bottom: 25px;
|
|
left: 25px;
|
|
right: 25px;
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-label-canceled:before,
|
|
.mec-event-tile-view article.mec-label-featured:before {
|
|
/* top: 17px !important;
|
|
left: 110px !important; */
|
|
height: auto;
|
|
}
|
|
|
|
.mec-skin-tile-month-navigator-container {
|
|
position: relative;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
height: 80px;
|
|
background: #f7f7f7;
|
|
padding: 28px;
|
|
border-radius: 11px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-skin-tile-month-navigator-container:before,
|
|
.mec-skin-tile-month-navigator-container:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -10px;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 10px;
|
|
}
|
|
|
|
.mec-skin-tile-month-navigator-container:after {
|
|
bottom: -20px;
|
|
border-color: #f7f7f7 transparent transparent transparent;
|
|
}
|
|
|
|
.mec-skin-tile-month-navigator-container:before {
|
|
bottom: -21px;
|
|
border-color: #ffffff transparent transparent transparent;
|
|
}
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
.mec-skin-tile-month-navigator-container {
|
|
height: 110px;
|
|
padding-top: 68px;
|
|
}
|
|
}
|
|
|
|
.mec-skin-tile-month-navigator-container h2 {
|
|
font-size: 23px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.mec-skin-tile-month-navigator-container .mec-previous-month,
|
|
.mec-skin-tile-month-navigator-container .mec-next-month {
|
|
position: absolute;
|
|
top: 28px;
|
|
left: 20px;
|
|
cursor: pointer;
|
|
padding: 3px 12px;
|
|
line-height: 23px;
|
|
background: #fff;
|
|
border-radius: 32px;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
|
|
transition: all 0.22s ease;
|
|
}
|
|
|
|
.mec-skin-tile-month-navigator-container .mec-next-month {
|
|
left: auto;
|
|
right: 20px;
|
|
}
|
|
|
|
.mec-skin-tile-month-navigator-container .mec-previous-month:hover,
|
|
.mec-skin-tile-month-navigator-container .mec-next-month:hover {
|
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
|
color: #000;
|
|
}
|
|
|
|
.mec-wrap .mec-event-tile-view article.mec-label-canceled:before,
|
|
.mec-wrap .mec-event-tile-view article.mec-label-featured:before {
|
|
position: absolute;
|
|
bottom: auto;
|
|
text-align: center;
|
|
right: auto;
|
|
font-size: 10px;
|
|
}
|
|
|
|
/* Tile View Overlay */
|
|
.mec-event-tile-view article.mec-tile-item .mec-tile-overlay {
|
|
position: absolute;
|
|
background: -moz-linear-gradient(
|
|
180deg,
|
|
rgba(0, 0, 0, 0.35) 0,
|
|
rgba(0, 0, 0, 0.48) 65%,
|
|
rgba(0, 0, 0, 0.72) 100%
|
|
);
|
|
background: -webkit-gradient(
|
|
left top,
|
|
right top,
|
|
color-stop(0, rgba(0, 0, 0, 0.35)),
|
|
color-stop(65%, rgba(0, 0, 0, 0.48)),
|
|
color-stop(100%, rgba(0, 0, 0, 0.72))
|
|
);
|
|
background: -webkit-gradient(
|
|
180deg,
|
|
rgba(0, 0, 0, 0.35) 0,
|
|
rgba(0, 0, 0, 0.48) 65%,
|
|
rgba(0, 0, 0, 0.72) 100%
|
|
);
|
|
background: linear-gradient(
|
|
180deg,
|
|
rgba(0, 0, 0, 0.35) 0,
|
|
rgba(0, 0, 0, 0.48) 65%,
|
|
rgba(0, 0, 0, 0.72) 100%
|
|
);
|
|
content: "";
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
border-radius: 22px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.mec-wrap .mec-event-tile-view .col-md-3 article.mec-label-canceled:before,
|
|
.mec-wrap .mec-event-tile-view .col-md-3 article.mec-label-featured:before {
|
|
top: 12px;
|
|
left: 103px;
|
|
z-index: 9;
|
|
}
|
|
|
|
.mec-wrap .mec-event-tile-view .col-md-4 article.mec-label-canceled:before,
|
|
.mec-wrap .mec-event-tile-view .col-md-4 article.mec-label-featured:before {
|
|
top: 18px;
|
|
left: 125px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-tile-view .col-md-6 article.mec-label-canceled:before,
|
|
.mec-wrap .mec-event-tile-view .col-md-6 article.mec-label-featured:before {
|
|
top: 20px;
|
|
left: 200px;
|
|
}
|
|
|
|
@media (max-width: 960px) {
|
|
.mec-wrap .mec-event-tile-view .col-sm-3 {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-wrap .mec-event-tile-view .col-sm-3 {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.mec-event-tile-view article.mec-tile-item.tile-multipleday-event:after {
|
|
width: 185px;
|
|
}
|
|
|
|
.mec-event-tile-view
|
|
article.mec-tile-item.tile-multipleday-event
|
|
.mec-event-time {
|
|
right: auto;
|
|
top: 50px;
|
|
left: 0;
|
|
}
|
|
|
|
/* Tile View Responsive */
|
|
.mec-event-tile-view .col-md-6.col-sm-6 article.mec-label-canceled:before {
|
|
top: 100px;
|
|
left: 140px;
|
|
}
|
|
|
|
.mec-event-tile-view .col-md-4.col-sm-4 article.mec-label-canceled:before {
|
|
top: 20px;
|
|
left: 140px;
|
|
}
|
|
|
|
@media (min-width: 761px) and (max-width: 1200px) {
|
|
.mec-event-tile-view .col-md-3.col-sm-3 {
|
|
width: 50%;
|
|
}
|
|
|
|
.mec-event-tile-view .col-md-6.col-sm-6 article.mec-label-canceled:before {
|
|
top: 80px;
|
|
left: 90px;
|
|
}
|
|
|
|
.mec-event-tile-view .col-md-4.col-sm-4 article.mec-label-canceled:before {
|
|
top: 40px;
|
|
left: 70px;
|
|
}
|
|
|
|
.mec-event-tile-view .col-md-3.col-sm-3 article.mec-label-canceled:before {
|
|
top: 90px;
|
|
left: 110px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 761px) and (max-width: 1024px) {
|
|
.mec-event-tile-view .col-md-4.col-sm-4 {
|
|
width: 50%;
|
|
}
|
|
|
|
.mec-event-tile-view .col-md-4.col-sm-4:nth-child(1n + 3) {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 760px) {
|
|
.mec-event-tile-view .col-md-3.col-sm-3 {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-event-tile-view .col-md-4.col-sm-4 {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-event-tile-view .col-md-6.col-sm-6 article.mec-label-canceled:before {
|
|
top: 100px;
|
|
left: 80px;
|
|
}
|
|
}
|
|
|
|
/* Date style for calendar view */
|
|
.mec-calendar .mec-event-article .mec-event-date {
|
|
font-size: 12px;
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-event-detailed-time {
|
|
display: flex;
|
|
}
|
|
|
|
.mec-event-detailed-time i {
|
|
width: 15px;
|
|
padding-top: 7px;
|
|
}
|
|
|
|
/* Normal Label - Default Style for All Skins */
|
|
.mec-ongoing-normal-label {
|
|
background-color: #40d9f1;
|
|
}
|
|
|
|
.mec-expired-normal-label {
|
|
background-color: #000;
|
|
}
|
|
|
|
.mec-wrap .mec-labels-normal .mec-label-normal,
|
|
.mec-wrap .mec-cancellation-reason span {
|
|
position: relative;
|
|
font-size: 11px;
|
|
font-weight: 300;
|
|
margin-left: 10px;
|
|
line-height: 1.9;
|
|
letter-spacing: 1px;
|
|
color: #fff;
|
|
padding: 2px 7px;
|
|
border-radius: 2px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.mec-wrap .mec-cancellation-reason span,
|
|
.mec-wrap .mec-labels-normal .mec-label-normal {
|
|
white-space: normal;
|
|
display: inline-block;
|
|
line-height: 14px;
|
|
}
|
|
|
|
.mec-remaining-time-normal-label {
|
|
background-color: var(--mec-color-skin);
|
|
}
|
|
|
|
.mec-timetable-event .mec-labels-normal .mec-label-normal,
|
|
.tooltipster-box .mec-labels-normal .mec-label-normal,
|
|
.mec-agenda-event-title .mec-labels-normal .mec-label-normal {
|
|
font-size: 9px;
|
|
letter-spacing: 0.5px;
|
|
text-transform: uppercase;
|
|
padding: 2px 7px;
|
|
color: #fff;
|
|
position: relative;
|
|
margin-left: 5px;
|
|
border-radius: 2px;
|
|
top: 0;
|
|
}
|
|
|
|
.mec-tile-item .mec-labels-normal .mec-label-normal,
|
|
.mec-timeline-event .mec-labels-normal .mec-label-normal,
|
|
.mec-owl-carousel:not(.mec-slider-t1) .mec-labels-normal .mec-label-normal,
|
|
.mec-av-spot .mec-labels-normal .mec-label-normal,
|
|
.mec-event-countdown-part1 .mec-labels-normal .mec-label-normal,
|
|
.mec-event-countdown-part2 .mec-labels-normal .mec-label-normal,
|
|
.mec-event-cover-modern .mec-labels-normal .mec-label-normal,
|
|
.mec-masonry-content .mec-labels-normal .mec-label-normal,
|
|
.tooltipster-box .mec-labels-normal .mec-label-normal {
|
|
margin: 0 5px 0 0;
|
|
}
|
|
|
|
.mec-event-countdown-style3 .mec-labels-normal .mec-label-normal {
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
.mec-event-footer-carousel-type3 .mec-labels-normal .mec-label-normal {
|
|
display: inline;
|
|
}
|
|
|
|
.mec-event-carousel-type4 .mec-fc-style {
|
|
display: none;
|
|
}
|
|
|
|
.mec-event-carousel-type4 .mec-labels-normal {
|
|
top: -20px;
|
|
position: relative;
|
|
}
|
|
|
|
/* Cancelled Reason */
|
|
.mec-wrap .mec-cancellation-reason {
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-wrap .mec-cancellation-reason span {
|
|
line-height: 1.3;
|
|
background: #eb3450;
|
|
text-transform: none;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.mec-wrap .mec-event-list-accordion .mec-labels-normal .mec-label-normal,
|
|
.mec-wrap .mec-event-list-accordion .mec-cancellation-reason span {
|
|
top: 7px;
|
|
}
|
|
|
|
.mec-agenda-event-title .mec-cancellation-reason span,
|
|
.mec-timetable-event .mec-cancellation-reason span,
|
|
.tooltipster-box .mec-cancellation-reason span {
|
|
font-size: 9px;
|
|
letter-spacing: 0.5px;
|
|
text-transform: uppercase;
|
|
padding: 2px 7px;
|
|
color: #fff;
|
|
position: relative;
|
|
margin-left: 5px;
|
|
border-radius: 2px;
|
|
top: 0;
|
|
}
|
|
|
|
.mec-wrap .mec-event-container-novel .mec-cancellation-reason span,
|
|
.mec-wrap .mec-event-container-novel .mec-labels-normal .mec-label-normal {
|
|
white-space: inherit;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.mec-wrap .mec-event-container-simple .mec-cancellation-reason span,
|
|
.mec-wrap .mec-event-container-simple .mec-labels-normal .mec-label-normal {
|
|
top: -5px;
|
|
white-space: inherit;
|
|
margin-left: 0;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.mec-tile-item .mec-cancellation-reason span,
|
|
.mec-timeline-event .mec-cancellation-reason span,
|
|
.mec-owl-carousel:not(.mec-slider-t1) .mec-cancellation-reason span,
|
|
.mec-av-spot .mec-cancellation-reason span,
|
|
.mec-event-countdown-part1 .mec-cancellation-reason span,
|
|
.mec-event-countdown-part2 .mec-cancellation-reason span,
|
|
.mec-event-cover-modern .mec-cancellation-reason span,
|
|
.mec-masonry-content .mec-cancellation-reason span,
|
|
.tooltipster-box .mec-cancellation-reason span {
|
|
margin: 0 5px 0 0;
|
|
}
|
|
|
|
.mec-owl-carousel .mec-event-footer-carousel-type3 span.mec-event-title-soldout,
|
|
.mec-owl-carousel .mec-event-footer-carousel-type3 span.mec-few-tickets {
|
|
display: inline;
|
|
}
|
|
|
|
.mec-owl-carousel .mec-event-footer-carousel-type3 span.soldout,
|
|
.mec-owl-carousel .mec-event-footer-carousel-type3 span.mec-labels-normal {
|
|
margin-top: 0;
|
|
color: #fff;
|
|
display: unset;
|
|
}
|
|
|
|
.mec-wrap .mec-single-event .mec-cancellation-reason span {
|
|
margin: 0;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
white-space: normal;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.featherlight-content .mec-cancellation-reason {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
margin-bottom: -10px;
|
|
}
|
|
|
|
/* Display Custom Data Fields */
|
|
.mec-event-data-fields {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.mec-event-data-fields ul.mec-event-data-field-items {
|
|
overflow: hidden;
|
|
padding-top: 10px;
|
|
padding-left: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.mec-event-data-fields .mec-event-data-field-item {
|
|
list-style: none;
|
|
margin-bottom: 10px;
|
|
border-bottom: 1px dashed #e1e2e3;
|
|
padding-bottom: 8px;
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.mec-event-data-fields .mec-event-data-field-item .mec-event-data-field-value {
|
|
margin: 0 0 8px 0;
|
|
color: #616263 !important;
|
|
font-size: 13px;
|
|
line-height: 1.5;
|
|
word-wrap: break-word;
|
|
white-space: break-spaces;
|
|
}
|
|
|
|
.mec-event-data-fields .mec-event-data-field-item:last-child {
|
|
border: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-event-data-fields .mec-event-data-field-item .mec-event-data-field-name {
|
|
text-transform: none;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
padding-bottom: 5px;
|
|
color: #313131 !important;
|
|
width: 100%;
|
|
padding-bottom: 10px;
|
|
position: relative;
|
|
letter-spacing: -0.2px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.mec-event-data-fields .mec-event-data-field-item {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.mec-wrap .col-md-4 .mec-event-data-fields .mec-event-data-field-item {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
/* #Organizer for all shorrcodes
|
|
================================================== */
|
|
.mec-shortcode-organizers {
|
|
overflow: hidden;
|
|
font-weight: 400;
|
|
line-height: 18px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.mec-event-list-minimal .mec-shortcode-organizers {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.mec-shortcode-organizers i {
|
|
margin-right: 4px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-shortcode-organizers .mec-organizers {
|
|
display: inline-block;
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-organizer-item a {
|
|
color: #777;
|
|
}
|
|
|
|
/* List standard */
|
|
.mec-event-list-standard .mec-shortcode-organizers .mec-sl-user:before {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.mec-shortcode-organizers {
|
|
position: relative;
|
|
}
|
|
|
|
/* Grid View*/
|
|
.mec-skin-grid-container .mec-organizers,
|
|
.mec-skin-grid-container .mec-shortcode-organizers {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-skin-grid-container .mec-event-grid-colorful .mec-shortcode-organizers a,
|
|
.mec-skin-grid-container
|
|
.mec-event-grid-colorful
|
|
.mec-shortcode-organizers
|
|
a:hover,
|
|
.mec-skin-grid-container .mec-event-grid-clean .mec-shortcode-organizers a,
|
|
.mec-skin-grid-container
|
|
.mec-event-grid-clean
|
|
.mec-shortcode-organizers
|
|
a:hover {
|
|
color: #fff;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.mec-skin-grid-container
|
|
.mec-event-grid-colorful
|
|
.mec-shortcode-organizers
|
|
a:hover,
|
|
.mec-skin-grid-container
|
|
.mec-event-grid-clean
|
|
.mec-shortcode-organizers
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.mec-skin-grid-container .mec-event-grid-novel .mec-shortcode-organizers {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-skin-grid-container .mec-event-grid-novel .mec-shortcode-organizers i {
|
|
display: block;
|
|
color: rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
.mec-skin-grid-container
|
|
.mec-event-grid-novel
|
|
.mec-shortcode-organizers
|
|
i:before {
|
|
position: absolute;
|
|
top: 6px;
|
|
left: 6px;
|
|
font-size: 17px;
|
|
font-family: simple-line-icons;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
}
|
|
|
|
.mec-skin-grid-container .mec-event-grid-novel .mec-shortcode-organizers a {
|
|
padding-left: 35px;
|
|
font-size: 15px;
|
|
line-height: 30px;
|
|
color: rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
.mec-skin-grid-container
|
|
.mec-event-grid-novel
|
|
.mec-shortcode-organizers
|
|
a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
/* weekly */
|
|
.mec-calendar-daily .mec-shortcode-organizers,
|
|
.mec-calendar-daily .mec-shortcode-organizers .mec-organizers {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-calendar-daily .mec-organizer-item a {
|
|
font-size: 13px;
|
|
line-height: 1.3;
|
|
color: #9a9a9a;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* Masonry View */
|
|
|
|
.mec-events-masonry-wrap .mec-shortcode-organizers,
|
|
.mec-events-masonry-wrap .mec-shortcode-organizers .mec-organizers {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-events-timeline-wrap .mec-shortcode-organizers .mec-organizers,
|
|
.mec-events-timeline-wrap .mec-organizer-item {
|
|
margin: 0;
|
|
display: inline;
|
|
}
|
|
|
|
.mec-events-timeline-wrap .mec-shortcode-organizers i {
|
|
line-height: 24px;
|
|
margin-right: 7px;
|
|
}
|
|
|
|
.mec-events-timeline-wrap .mec-organizer-item:after {
|
|
content: ",";
|
|
}
|
|
|
|
.mec-events-timeline-wrap .mec-organizer-item:last-child:after {
|
|
content: "";
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-events-timeline-wrap .mec-organizer-item:after,
|
|
.mec-events-timeline-wrap .mec-organizer-item a {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.mec-events-timeline-wrap .mec-organizer-item a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Tile View */
|
|
.mec-event-tile-view .mec-shortcode-organizers,
|
|
.mec-event-tile-view .mec-shortcode-organizers .mec-organizers {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-event-tile-view .mec-shortcode-organizers i {
|
|
line-height: 24px;
|
|
}
|
|
|
|
.mec-event-tile-view .mec-shortcode-organizers i,
|
|
.mec-event-tile-view .mec-shortcode-organizers .mec-organizers a {
|
|
color: #fff;
|
|
}
|
|
|
|
/* MEC - Dark Mode*/
|
|
.mec-dark-mode
|
|
.mec-calendar.mec-calendar-daily
|
|
.mec-calendar-d-table
|
|
.mec-modal-preloader,
|
|
.mec-dark-mode .mec-month-navigator-loading {
|
|
background-color: rgba(40, 40, 40, 0.88);
|
|
}
|
|
|
|
.mec-dark-mode .mec-modal-wrap,
|
|
.mec-dark-mode .mec-fes-form .mec-meta-box-fields,
|
|
.mec-dark-mode .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next,
|
|
.mec-dark-mode .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev,
|
|
.mec-dark-mode .event-carousel-type2-head .mec-event-footer-carousel-type2 .mec-booking-button,
|
|
.mec-dark-mode .mec-timetable-events-list .mec-timetable-event,
|
|
.mec-dark-mode .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-table-head dt,
|
|
.mec-dark-mode .mec-calendar .mec-calendar-row dt:hover,
|
|
.mec-dark-mode .mec-event-grid-classic .mec-event-content,
|
|
.mec-dark-mode .mec-map-view-event-detail.mec-event-detail,
|
|
.mec-dark-mode .mec-events-toggle .mec-toggle-content .mec-modal-wrap,
|
|
.mec-dark-mode .mec-event-footer .mec-booking-button,
|
|
/* Up Shortcode */
|
|
.mec-dark-mode .mec-wrap .button,
|
|
.mec-dark-mode .mec-wrap a.button:not(.owl-dot):hover,
|
|
.mec-dark-mode .mec-wrap button:not(.owl-dot):hover,
|
|
.mec-dark-mode .mec-wrap input[type=button]:hover,
|
|
.mec-dark-mode .mec-wrap input[type=reset]:hover,
|
|
.mec-dark-mode .mec-wrap input[type=submit]:hover,
|
|
.mec-dark-mode .mec-hourly-schedule-speaker-contact-information a i,
|
|
.mec-dark-mode .mec-organizer-social-information a i,
|
|
.mec-dark-mode .mec-single-event .mec-event-exporting .mec-export-details a:hover,
|
|
.mec-dark-mode .mec-events-meta-group-tags a:hover,
|
|
.mec-dark-mode .mec-next-event-details a,
|
|
.mec-dark-mode .mec-event-schedule-content .mec-schedule-speakers {
|
|
background-color: #1f1f1f;
|
|
color: #d2d2d2;
|
|
}
|
|
|
|
/* Modal Popup Scroolbar */
|
|
.mec-dark-mode .mec-modal-wrap::-webkit-scrollbar {
|
|
width: 12px;
|
|
}
|
|
|
|
.mec-dark-mode .mec-modal-wrap::-webkit-scrollbar-track {
|
|
background: #000;
|
|
}
|
|
|
|
.mec-dark-mode .mec-modal-wrap::-webkit-scrollbar-thumb {
|
|
background-color: #333;
|
|
border-radius: 20px;
|
|
border: 2px solid #000;
|
|
}
|
|
|
|
/* Modal Popup Overlay */
|
|
.mec-dark-mode .mec-modal-preloader,
|
|
.mec-dark-mode .mec-month-navigator-loading {
|
|
background-color: #1f1f1f;
|
|
}
|
|
|
|
.mec-dark-mode .mec-skin-tile-month-navigator-container,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table {
|
|
background: #282828;
|
|
}
|
|
|
|
.mec-dark-mode .mec-skin-tile-month-navigator-container:after {
|
|
border-color: #282828 transparent transparent transparent;
|
|
}
|
|
|
|
.mec-dark-mode .mec-event-grid-novel .mec-event-article,
|
|
body.mec-dark-mode .mec-single-modern .mec-single-event-bar {
|
|
background-color: #282828;
|
|
color: #d2d2d2;
|
|
}
|
|
|
|
.mec-dark-mode .mec-fes-form input[type=email],
|
|
.mec-dark-mode .mec-fes-form input[type=number],
|
|
.mec-dark-mode .mec-fes-form input[type=password],
|
|
.mec-dark-mode .mec-fes-form input[type=tel],
|
|
.mec-dark-mode .mec-fes-form input[type=text],
|
|
.mec-dark-mode .mec-fes-form select,
|
|
.mec-dark-mode .mec-fes-form textarea,
|
|
.mec-dark-mode .mec-fes-form,
|
|
.mec-dark-mode .mec-fes-list,
|
|
/* FES */
|
|
.mec-dark-mode .mec-slider-t1-wrap,
|
|
.mec-dark-mode .event-carousel-type2-head,
|
|
.mec-dark-mode .mec-event-carousel-content,
|
|
.mec-dark-mode .mec-wrap .mec-event-countdown-style2,
|
|
.mec-dark-mode .mec-wrap .mec-event-countdown-style1,
|
|
.mec-dark-mode .mec-event-countdown-style1 .mec-event-countdown-part3 .mec-event-button,
|
|
.mec-dark-mode .mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head,
|
|
.mec-dark-mode .mec-ttt2-title,
|
|
.mec-dark-mode .mec-timetable-t2-wrap,
|
|
.mec-dark-mode .mec-timetable-events-list .mec-timetable-event,
|
|
.mec-dark-mode .mec-calendar .mec-event-article:hover,
|
|
.mec-dark-mode .mec-box-calendar.mec-calendar .mec-calendar-table-head dt,
|
|
.mec-dark-mode .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec .mec-event-article:hover,
|
|
.mec-dark-mode .mec-calendar.mec-event-calendar-classic .mec-selected-day,
|
|
.mec-dark-mode .mec-calendar.mec-event-calendar-classic dt.mec-selected-day:hover,
|
|
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year:hover,
|
|
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year:hover,
|
|
.mec-dark-mode .mec-calendar.mec-yearly-calendar .mec-calendar-table-head dl dt,
|
|
.mec-dark-mode .mec-calendar .mec-calendar-side .mec-next-month,
|
|
.mec-dark-mode .mec-calendar .mec-calendar-side .mec-previous-month,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-next-month,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-previous-month,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-next,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-prev,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month,
|
|
.mec-dark-mode .mec-events-agenda-wrap,
|
|
.mec-dark-mode .mec-event-grid-classic .mec-event-content .mec-wrap .mec-totalcal-box .mec-totalcal-view span,
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box input,
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box select,
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box i,
|
|
.mec-dark-mode .mec-map-lightbox-wp,
|
|
.mec-dark-mode .mec-events-toggle .mec-toggle-item-inner,
|
|
.mec-dark-mode .mec-event-footer,
|
|
.mec-dark-mode .mec-event-list-standard .mec-topsec,
|
|
.mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button,
|
|
.mec-dark-mode.mec-wrap .mec-totalcal-box i,
|
|
.mec-dark-mode.mec-wrap .mec-totalcal-box .mec-totalcal-view span,
|
|
.mec-dark-mode.mec-wrap .mec-totalcal-box input,
|
|
.mec-dark-mode.mec-wrap .mec-totalcal-box select,
|
|
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button,
|
|
.mec-dark-mode .mec-load-more-button,
|
|
/*up shortcodes */
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box,
|
|
.mec-dark-mode .mec-hourly-schedule-speaker-info,
|
|
.mec-dark-mode .mec-related-event-content,
|
|
.mec-dark-mode .mec-events-meta-group-tags a,
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=date],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=date],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=email],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=email],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=number],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=number],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=password],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=password],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=tel],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=tel],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=text],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=text],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking select,
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking select,
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking textarea,
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking textarea,
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking .mec-dark-mode .mec-single-event .mec-events-meta-group-booking,
|
|
.mec-dark-mode .mec-single-event .mec-frontbox,
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-countdown,
|
|
.mec-dark-mode .mec-event-cost,
|
|
.mec-dark-mode .mec-event-more-info,
|
|
.mec-dark-mode .mec-event-website,
|
|
.mec-dark-mode .mec-events-meta-date,
|
|
.mec-dark-mode .mec-single-event-additional-organizers,
|
|
.mec-dark-mode .mec-single-event-category,
|
|
.mec-dark-mode .mec-single-event-sponsor,
|
|
.mec-dark-mode .mec-single-event-date,
|
|
.mec-dark-mode .mec-single-event-label,
|
|
.mec-dark-mode .mec-single-event-location,
|
|
.mec-dark-mode .mec-single-event-organizer,
|
|
.mec-dark-mode .mec-single-event-time,
|
|
.mec-dark-mode .mec-single-event .mec-speakers-details ul li,
|
|
.mec-dark-mode .mec-single-event .mec-event-exporting .mec-export-details a,
|
|
.mec-dark-mode .mec-single-modern .col-md-4 .mec-frontbox {
|
|
background-color: #282828;
|
|
}
|
|
|
|
.mec-dark-mode .mec-fes-form input[type=email],
|
|
.mec-dark-mode .mec-fes-form input[type=number],
|
|
.mec-dark-mode .mec-fes-form input[type=password],
|
|
.mec-dark-mode .mec-fes-form input[type=tel],
|
|
.mec-dark-mode .mec-fes-form input[type=text],
|
|
.mec-dark-mode .mec-fes-form select,
|
|
.mec-dark-mode .mec-fes-form textarea,
|
|
.mec-dark-mode .mec-fes-form .mec-meta-box-fields,
|
|
.mec-dark-mode .event-carousel-type2-head .mec-event-footer-carousel-type2 .mec-booking-button,
|
|
.mec-dark-mode .event-carousel-type2-head,
|
|
.mec-dark-mode .mec-event-carousel-content,
|
|
.mec-dark-mode .mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head,
|
|
.mec-dark-mode .mec-timetable-t2-wrap,
|
|
.mec-dark-mode .mec-box-calendar.mec-calendar .mec-calendar-table-head dt,
|
|
.mec-dark-mode .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month,
|
|
.mec-dark-mode .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month,
|
|
.mec-dark-mode .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec,
|
|
.mec-dark-mode .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-table-head dt,
|
|
.mec-dark-mode .mec-box-calendar.mec-calendar dt,
|
|
.mec-dark-mode .mec-yearly-view-wrap,
|
|
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec,
|
|
.mec-dark-mode .mec-calendar .mec-calendar-side .mec-next-month,
|
|
.mec-dark-mode .mec-calendar .mec-calendar-side .mec-previous-month,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-next-month,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-previous-month,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-next,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-prev .mec-calendar.mec-calendar-daily .mec-calendar-a-month,
|
|
.mec-dark-mode .mec-events-agenda-wrap,
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box i,
|
|
.mec-dark-mode .mec-events-toggle .mec-toggle-content,
|
|
.mec-dark-mode .mec-events-toggle .mec-toggle-item,
|
|
.mec-dark-mode .mec-events-toggle .mec-toggle-item-inner,
|
|
.mec-dark-mode .mec-event-footer .mec-booking-button,
|
|
.mec-dark-mode .mec-event-list-standard .mec-event-meta-wrap,
|
|
.mec-dark-mode .mec-event-list-standard .mec-event-article,
|
|
.mec-dark-mode .mec-event-footer,
|
|
.mec-dark-mode .mec-event-list-standard .mec-topsec,
|
|
.mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button,
|
|
.mec-dark-mode .mec-event-list-modern .mec-event-article,
|
|
.mec-dark-mode .mec-event-list-minimal .mec-event-article,
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box i,
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box .mec-totalcal-view span,
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box input,
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box select,
|
|
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button,
|
|
.mec-dark-mode .mec-load-more-button,
|
|
/*up shortcodes */
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box,
|
|
.mec-dark-mode .mec-events-meta-group-booking ul.mec-book-price-details,
|
|
.mec-dark-mode .mec-events-meta-group-booking ul.mec-book-price-details li,
|
|
.mec-dark-mode .mec-breadcrumbs,
|
|
.mec-dark-mode .mec-hourly-schedule-speaker-info,
|
|
.mec-dark-mode .mec-single-event .mec-event-exporting .mec-export-details a:hover,
|
|
.mec-dark-mode .mec-related-events-wrap h3.mec-rec-events-title,
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=date],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=date],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=email],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=email],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=number],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=number],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=password],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=password],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=tel],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=tel],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=text],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=text],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking select,
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking select,
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking textarea,
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking textarea,
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking .mec-dark-mode .mec-single-event .mec-events-meta-group-booking,
|
|
.mec-dark-mode .mec-single-event .mec-frontbox,
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-countdown,
|
|
.mec-dark-mode .mec-next-event-details a,
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking form>h4,
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking form>h4,
|
|
.mec-dark-mode .mec-single-event .mec-frontbox-title,
|
|
.mec-dark-mode .mec-event-schedule-content,
|
|
.mec-dark-mode .mec-event-schedule-content dl:before,
|
|
.mec-dark-mode .mec-events-meta-group-tags a,
|
|
.mec-dark-mode .mec-breadcrumbs {
|
|
border-color: #353535;
|
|
}
|
|
|
|
.mec-dark-mode .mec-fes-form input[type=email],
|
|
.mec-dark-mode .mec-fes-form input[type=number],
|
|
.mec-dark-mode .mec-fes-form input[type=password],
|
|
.mec-dark-mode .mec-fes-form input[type=tel],
|
|
.mec-dark-mode .mec-fes-form input[type=text],
|
|
.mec-dark-mode .mec-fes-form select,
|
|
.mec-dark-mode .mec-fes-form textarea,
|
|
.mec-dark-mode .mec-fes-form label,
|
|
.mec-dark-mode .mec-fes-form,
|
|
.mec-dark-mode .mec-fes-list,
|
|
/* FES */
|
|
.mec-dark-mode .mec-timeline-main-content h4 a,
|
|
.mec-dark-mode .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next i,
|
|
.mec-dark-mode .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev i,
|
|
.mec-dark-mode .mec-event-carousel-content .mec-event-carousel-title a,
|
|
.mec-dark-mode .mec-ttt2-title,
|
|
.mec-dark-mode .mec-timetable-events-list .mec-timetable-event span a,
|
|
.mec-dark-mode .mec-timetable-event .mec-timetable-event-time,
|
|
.mec-dark-mode .mec-tooltip-event-title,
|
|
.mec-dark-mode .mec-calendar.mec-event-container-simple dl dt.mec-calendar-day,
|
|
.mec-dark-mode .mec-calendar dt,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day.mec-has-event,
|
|
.mec-dark-mode .mec-calendar .mec-event-article .mec-event-title a,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-next-month,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-previous-month,
|
|
.mec-dark-mode .mec-event-grid-simple .mec-event-title a,
|
|
.mec-dark-mode .mec-event-grid-modern .mec-event-title a,
|
|
.mec-dark-mode .mec-event-grid-minimal .mec-event-date span,
|
|
.mec-dark-mode .mec-event-grid-minimal .mec-event-title a,
|
|
.mec-dark-mode .mec-event-grid-clean .mec-event-title a,
|
|
.mec-dark-mode .mec-event-grid-classic .mec-event-title a,
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box .mec-totalcal-view span,
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box input,
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box select,
|
|
.mec-dark-mode .mec-events-toggle .mec-toggle-item-inner i,
|
|
.mec-dark-mode .mec-event-list-standard .mec-event-title a,
|
|
.mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button,
|
|
.mec-dark-mode .mec-wrap .mec-event-list-modern .mec-event-title a,
|
|
.mec-dark-mode .mec-event-list-minimal .mec-event-title a,
|
|
.mec-dark-mode .mec-events-meta-group-booking ul.mec-book-price-details li,
|
|
.mec-dark-mode .mec-events-meta-group-booking ul.mec-book-price-details li span.mec-book-price-detail-amount,
|
|
.mec-dark-mode .mec-event-list-classic .mec-event-title a,
|
|
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button,
|
|
.mec-dark-mode .mec-load-more-button,
|
|
/*up shortcodes */
|
|
.mec-dark-mode .mec-wrap,
|
|
.mec-dark-mode .mec-wrap p,
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking h5 span,
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking h5 span,
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking label,
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking label,
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=date],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=date],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=email],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=email],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=number],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=number],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=password],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=password],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=tel],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=tel],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking input[type=text],
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=text],
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking select,
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking select,
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking textarea,
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking textarea,
|
|
.mec-dark-mode .mec-wrap .mec-event-schedule-content a,
|
|
.mec-dark-mode .mec-hourly-schedule-speaker-description,
|
|
.mec-dark-mode .mec-hourly-schedule-speaker-name,
|
|
.mec-dark-mode .mec-hourly-schedule-speaker-contact-information a i,
|
|
.mec-dark-mode .mec-organizer-social-information a i,
|
|
.mec-dark-mode .mec-related-event-content span,
|
|
.mec-dark-mode .mec-related-event-content h5 a,
|
|
.mec-dark-mode .mec-events-meta-group-tags a,
|
|
.mec-dark-mode .mec-single-event .mec-speakers-details ul li .mec-speaker-job-title,
|
|
.mec-dark-mode .mec-breadcrumbs a,
|
|
.mec-dark-mode .mec-single-event .mec-event-meta dt,
|
|
.mec-dark-mode .mec-single-event .mec-event-meta h3,
|
|
.mec-dark-mode .mec-single-modern .mec-single-event-bar>div h3,
|
|
.mec-dark-mode .entry-content .mec-wrap h1,
|
|
.mec-dark-mode .entry-content .mec-wrap h2,
|
|
.mec-dark-mode .entry-content .mec-wrap h3,
|
|
.mec-dark-mode .entry-content .mec-wrap h4,
|
|
.mec-dark-mode .entry-content .mec-wrap h5,
|
|
.mec-dark-mode .entry-content .mec-wrap h6,
|
|
.mec-dark-mode .mec-wrap h1,
|
|
.mec-dark-mode .mec-wrap h2,
|
|
.mec-dark-mode .mec-wrap h3,
|
|
.mec-dark-mode .mec-wrap h4,
|
|
.mec-dark-mode .mec-wrap h5,
|
|
.mec-dark-mode .mec-wrap h6,
|
|
.mec-dark-mode .mec-next-event-details abbr,
|
|
.mec-dark-mode .lity-content .mec-events-meta-group-booking form>h4,
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking form>h4,
|
|
.mec-dark-mode .mec-single-event .mec-frontbox-title,
|
|
.mec-dark-mode .mec-wrap .mec-single-title,
|
|
.mec-dark-mode .mec-event-content p {
|
|
color: #d2d2d2;
|
|
}
|
|
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box .mec-totalcal-view span:hover,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day.mec-has-event:hover,
|
|
.mec-dark-mode .mec-calendar .mec-event-article .mec-event-title a:hover,
|
|
.mec-dark-mode .mec-event-grid-minimal .mec-event-date:hover,
|
|
.mec-dark-mode .mec-event-grid-minimal .mec-event-title a:hover,
|
|
.mec-dark-mode .mec-event-grid-classic .mec-event-title a:hover,
|
|
.mec-dark-mode .mec-event-list-classic .mec-event-title a:hover,
|
|
.mec-dark-mode .mec-event-footer .mec-booking-button:hover,
|
|
.mec-dark-mode .mec-event-list-standard .mec-event-title a:hover,
|
|
.mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button:hover,
|
|
.mec-dark-mode .mec-wrap .mec-event-list-modern .mec-event-title a:hover,
|
|
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button:hover,
|
|
.mec-dark-mode .mec-event-list-minimal .mec-event-title a:hover,
|
|
/* Up Shortcode */
|
|
.mec-dark-mode .mec-wrap a:hover,
|
|
.mec-dark-mode .mec-single-event .mec-event-meta dd a:hover,
|
|
.mec-dark-mode .mec-breadcrumbs a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-dark-mode
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.w-clearfix:first-child {
|
|
border-color: #333 !important;
|
|
}
|
|
|
|
.mec-dark-mode
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.w-clearfix:nth-child(odd) {
|
|
background: #1f1f1f !important;
|
|
}
|
|
|
|
.mec-dark-mode
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.w-clearfix {
|
|
background: #282828 !important;
|
|
}
|
|
|
|
.mec-dark-mode
|
|
.lity-container
|
|
.mec-events-meta-group-booking
|
|
input[type="radio"]:before,
|
|
.mec-dark-mode
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
input[type="radio"]:before,
|
|
.mec-dark-mode
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
input[type="checkbox"],
|
|
.mec-dark-mode .mec-related-events-wrap h3.mec-rec-events-title:before {
|
|
background-color: #c4cace;
|
|
}
|
|
|
|
.mec-dark-mode .mec-month-divider span,
|
|
.mec-dark-mode
|
|
.lity-container
|
|
.mec-events-meta-group-booking
|
|
input[type="radio"]:before,
|
|
.mec-dark-mode
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
input[type="radio"]:before,
|
|
.mec-dark-mode
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
input[type="checkbox"],
|
|
.mec-dark-mode .mec-related-events-wrap h3.mec-rec-events-title:before {
|
|
border-color: #313131;
|
|
}
|
|
|
|
.mec-dark-mode .mec-timeline-month-divider,
|
|
.mec-dark-mode .mec-timeline-event-content,
|
|
.mec-dark-mode .mec-slider-t5-wrap,
|
|
.mec-dark-mode .mec-slider-t5-wrap .mec-event-grid-modern .event-grid-modern-head,
|
|
.mec-dark-mode .mec-slider-t5 .mec-slider-t5-content,
|
|
.mec-dark-mode .mec-slider-t1 .mec-slider-t1-content,
|
|
.mec-dark-mode .event-carousel-type3-head .mec-event-footer-carousel-type3,
|
|
.mec-dark-mode .mec-av-spot-wrap .mec-event-grid-modern .event-grid-modern-head,
|
|
.mec-dark-mode .mec-av-spot .mec-av-spot-content,
|
|
.mec-dark-mode .mec-av-spot .mec-av-spot-head,
|
|
.mec-dark-mode .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part3,
|
|
.mec-dark-mode .mec-event-cover-classic,
|
|
.mec-dark-mode .mec-masonry .mec-masonry-content,
|
|
.mec-dark-mode .mec-masonry .mec-masonry-head,
|
|
.mec-dark-mode .mec-timetable-events-list .mec-timetable-event:hover,
|
|
.mec-dark-mode .tooltipster-sidetip:not(.uael-tooltipster-active) .tooltipster-content,
|
|
.mec-dark-mode .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec,
|
|
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year,
|
|
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year,
|
|
.mec-dark-mode .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar,
|
|
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-calendar-sec,
|
|
.mec-dark-mode .mec-calendar .mec-calendar-side .mec-next-month:hover,
|
|
.mec-dark-mode .mec-calendar .mec-calendar-side .mec-previous-month:hover,
|
|
.mec-dark-mode .mec-calendar dt,
|
|
.mec-dark-mode .mec-calendar .mec-calendar-topsec,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a:hover,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt:hover,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-next-month:hover,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-previous-month:hover,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day.mec-has-event:hover,
|
|
.mec-dark-mode .mec-calendar .mec-event-article:hover,
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-next-month,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-previous-month,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-top,
|
|
.mec-dark-mode .mec-agenda-events-wrap,
|
|
.mec-dark-mode .mec-event-grid-modern .mec-event-content,
|
|
.mec-dark-mode .mec-event-grid-modern .mec-event-article,
|
|
.mec-dark-mode .mec-event-grid-clean .mec-event-content,
|
|
.mec-dark-mode .mec-event-grid-clean .mec-event-article,
|
|
.mec-dark-mode .mec-event-sharing-wrap .mec-event-sharing,
|
|
.mec-dark-mode .mec-events-toggle .mec-toggle-item-inner:hover,
|
|
.mec-dark-mode .mec-event-footer .mec-booking-button:hover,
|
|
.mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button:hover,
|
|
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button:hover,
|
|
/* Up Shortcode */
|
|
.mec-dark-mode .mec-organizer-social-information a:hover i,
|
|
.mec-dark-mode .mec-hourly-schedule-speaker-contact-information a:hover i {
|
|
background: #191919;
|
|
}
|
|
|
|
.mec-dark-mode .mec-fes-form .mec-meta-box-fields,
|
|
/* FES */
|
|
.mec-dark-mode .mec-timeline-month-divider,
|
|
.mec-dark-mode .mec-slider-t5-wrap .mec-event-grid-modern .event-grid-modern-head,
|
|
.mec-dark-mode .mec-event-sharing-wrap>li:first-of-type,
|
|
.mec-dark-mode .event-carousel-type3-head .mec-event-footer-carousel-type3 .mec-booking-button,
|
|
.mec-dark-mode .event-carousel-type3-head .mec-event-footer-carousel-type3,
|
|
.mec-dark-mode .mec-av-spot-wrap .mec-event-grid-modern .event-grid-modern-head,
|
|
.mec-dark-mode .mec-av-spot,
|
|
.mec-dark-mode .mec-event-cover-clean,
|
|
.mec-dark-mode .mec-event-cover-classic,
|
|
.mec-dark-mode .mec-masonry,
|
|
.mec-dark-mode .mec-calendar.mec-box-calendar .mec-table-nullday:last-child,
|
|
.mec-dark-mode .mec-calendar .mec-event-article,
|
|
.mec-dark-mode .mec-box-calendar.mec-calendar dl dt:last-child,
|
|
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year,
|
|
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-next-month:hover,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-previous-month:hover,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table,
|
|
.mec-dark-mode .mec-calendar,
|
|
.mec-dark-mode .mec-wrap .mec-totalcal-box,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-next-month,
|
|
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-previous-month,
|
|
.mec-dark-mode .mec-events-agenda,
|
|
.mec-dark-mode .mec-event-grid-modern .mec-event-article,
|
|
.mec-dark-mode .mec-event-grid-clean .mec-event-article,
|
|
.mec-dark-mode .mec-event-sharing-wrap .mec-event-sharing:after,
|
|
.mec-dark-mode .mec-event-grid-classic .mec-event-article,
|
|
.mec-dark-mode .mec-event-sharing-wrap .mec-event-sharing {
|
|
border-color: #353535;
|
|
}
|
|
|
|
.mec-dark-mode .mec-event-sharing-wrap .mec-event-sharing:after {
|
|
border-color: #191919 transparent transparent transparent;
|
|
}
|
|
|
|
.mec-dark-mode .mec-event-sharing-wrap .mec-event-sharing:before {
|
|
border-color: #353535 transparent transparent transparent;
|
|
}
|
|
|
|
.mec-dark-mode
|
|
.mec-wrap
|
|
.mec-book-form-gateways
|
|
[id*="mec_book_form_gateway_checkout"]
|
|
input[type="text"],
|
|
.mec-dark-mode
|
|
.mec-wrap
|
|
.mec-book-form-gateways
|
|
[id*="mec_book_form_gateway_checkout"]
|
|
input[type="email"],
|
|
.mec-dark-mode .mec-events-meta-group-booking .StripeElement,
|
|
.mec-dark-mode
|
|
.mec-book-form-gateways
|
|
[id*="mec_book_form_gateway_checkout"]
|
|
input[type="text"] {
|
|
background: #999 !important;
|
|
border: 1px solid #353535 !important;
|
|
box-shadow: none !important;
|
|
color: #353535 !important;
|
|
}
|
|
|
|
.mec-dark-mode
|
|
.CardField
|
|
CardField--ltr
|
|
.__PrivateStripeElement
|
|
.InputContainer
|
|
input {
|
|
color: #d2d2d2 !important;
|
|
}
|
|
|
|
.mec-dark-mode .mec-events-toggle .mec-toggle-item {
|
|
border: 1px solid #e4e4e4;
|
|
box-shadow: 0 10px 15px #282828;
|
|
}
|
|
|
|
.mec-dark-mode
|
|
.mec-agenda-events-wrap
|
|
.mec-event-grid-colorful
|
|
.mec-event-content {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.mec-dark-mode .mec-calendar .mec-calendar-side {
|
|
box-shadow: 0 1px 5px 6px rgba(255, 255, 255, 0.005) inset;
|
|
}
|
|
|
|
.mec-dark-mode
|
|
.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active)
|
|
.tooltipster-box {
|
|
border: 1px solid #282828 !important;
|
|
}
|
|
|
|
.mec-dark-mode .mec-timeline-event-content:after {
|
|
border-color: transparent #191919 transparent transparent;
|
|
}
|
|
|
|
/* FES */
|
|
.mec-dark-mode .mec-fes-form .mec-meta-box-fields {
|
|
box-shadow: 0 2px 6px -3px #353535;
|
|
}
|
|
|
|
.mec-dark-mode .mec-fes-form .mec-meta-box-fields h4 {
|
|
color: #d2d2d2;
|
|
background: #000;
|
|
}
|
|
|
|
.mec-dark-mode .mec-fes-form input[type="email"],
|
|
.mec-dark-mode .mec-fes-form input[type="number"],
|
|
.mec-dark-mode .mec-fes-form input[type="password"],
|
|
.mec-dark-mode .mec-fes-form input[type="tel"],
|
|
.mec-dark-mode .mec-fes-form input[type="text"],
|
|
.mec-dark-mode .mec-fes-form select,
|
|
.mec-dark-mode .mec-fes-form textarea {
|
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.38) inset;
|
|
}
|
|
|
|
.mec-dark-mode .mec-fes-form input {
|
|
background: #353535 !important;
|
|
color: #d2d2d2 !important;
|
|
}
|
|
|
|
.mec-dark-mode .mec-booking-tab-content .button:hover,
|
|
.mec-dark-mode .mec-booking-tab-content .mec-reg-field-add-option:hover,
|
|
.mec-dark-mode .mec-fes-form .mec-form-row .button:not(.wp-color-result):hover {
|
|
background: #353535;
|
|
color: #d2d2d2;
|
|
border-color: #353535;
|
|
box-shadow: 0 2px 6px -3px #353535;
|
|
}
|
|
|
|
.mec-dark-mode .mec-booking-tab-content .button,
|
|
.mec-dark-mode .mec-booking-tab-content .mec-reg-field-add-option,
|
|
.mec-dark-mode .mec-fes-form .mec-form-row .button:not(.wp-color-result),
|
|
.mec-dark-mode .mec-fes-form input[type="file"],
|
|
.mec-dark-mode ul#mec_orgz_form_row li .mec-additional-organizer-remove,
|
|
.mec-dark-mode ul#mec_reg_form_fields li .mec_reg_field_remove {
|
|
color: #d2d2d2;
|
|
background: #282828;
|
|
border: 2px solid #353535;
|
|
box-shadow: 0 2px 6px -3px #353535;
|
|
}
|
|
|
|
.mec-dark-mode #mec_reg_form_fields input[type="checkbox"],
|
|
.mec-dark-mode #mec_reg_form_fields input[type="radio"],
|
|
.mec-dark-mode .mec-form-row input[type="checkbox"],
|
|
.mec-dark-mode .mec-form-row input[type="radio"] {
|
|
background-color: #000;
|
|
border: 1px solid #353535;
|
|
box-shadow: 0 1px 3px -1px #353535;
|
|
}
|
|
|
|
.mec-dark-mode .mec-fes-form .select2-container {
|
|
border: 1px solid #353535;
|
|
background-color: #282828;
|
|
color: #d2d2d2;
|
|
}
|
|
|
|
.mec-dark-mode ul#mec_bfixed_form_fields li,
|
|
.mec-dark-mode ul#mec_orgz_form_row li,
|
|
.mec-dark-mode ul#mec_reg_form_fields li {
|
|
background: #000;
|
|
border-color: #000;
|
|
}
|
|
|
|
.mec-dark-mode
|
|
#mec_meta_box_tickets_form
|
|
[id^="mec_ticket_row"]
|
|
.mec_add_price_date_button {
|
|
background: #000;
|
|
border-color: #2d2d2d;
|
|
box-shadow: 0 2px 6px -3px #2d2d2d;
|
|
}
|
|
|
|
.mec-dark-mode #mec_reg_form_field_types .button.red {
|
|
background: #2d2d2d;
|
|
border-color: #2d2d2d;
|
|
box-shadow: 0 2px 6px -3px #2d2d2d;
|
|
}
|
|
|
|
.mec-dark-mode #mec_bfixed_form_field_types .button,
|
|
.mec-dark-mode #mec_reg_form_field_types .button {
|
|
color: #d2d2d2;
|
|
box-shadow: 0 2px 6px -3px #2d2d2d;
|
|
border-color: #2d2d2d;
|
|
}
|
|
|
|
.mec-dark-mode
|
|
#mec_meta_box_tickets_form
|
|
[id^="mec_ticket_row"]
|
|
.mec_add_price_date_button:hover,
|
|
.mec-dark-mode #mec_reg_form_field_types .button:hover {
|
|
background: #000;
|
|
}
|
|
|
|
.mec-dark-mode ul#mec_bfixed_form_fields li .mec_bfixed_field_remove,
|
|
.mec-dark-mode ul#mec_orgz_form_row li .mec-additional-organizer-remove,
|
|
.mec-dark-mode ul#mec_reg_form_fields li .mec_reg_field_remove {
|
|
background: #282828;
|
|
}
|
|
|
|
.mec-dark-mode ul#mec_bfixed_form_fields li .mec_bfixed_field_remove:hover,
|
|
.mec-dark-mode ul#mec_orgz_form_row li .mec-additional-organizer-remove:hover,
|
|
.mec-dark-mode ul#mec_reg_form_fields li .mec_reg_field_remove:hover,
|
|
.mec-dark-mode
|
|
#mec_taxes_fees_container_toggle
|
|
[id^="mec_remove_fee_button"]:hover,
|
|
.mec-dark-mode
|
|
#mec_ticket_variations_list
|
|
[id^="mec_remove_ticket_variation_button"]:hover {
|
|
color: #fff;
|
|
border: 2px solid #ea6485;
|
|
background: #ea6485;
|
|
}
|
|
|
|
/* Booking Shortcode */
|
|
|
|
.mec-events-meta-group-booking-shortcode h4 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-booking-shortcode .mec-event-tickets-list.mec-sell-all-occurrences {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-booking-shortcode .mec-book-reg-field-mec_email {
|
|
width: 48%;
|
|
display: inline-block;
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.mec-booking-shortcode .mec-book-reg-field-name {
|
|
width: 48%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-booking-shortcode
|
|
.mec-form-row.mec-paypal-credit-card-expiration-date-month {
|
|
width: 48%;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.mec-booking-shortcode .mec-form-row.mec-paypal-credit-card-cvv2 {
|
|
width: 48%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-booking-shortcode
|
|
.mec-form-row.mec-paypal-credit-card-expiration-date-month
|
|
.nice-select {
|
|
width: 48%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-booking-shortcode
|
|
.mec-form-row.mec-paypal-credit-card-expiration-date-month
|
|
label {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-booking-shortcode
|
|
.mec-form-row.mec-paypal-credit-card-expiration-date-month
|
|
.nice-select:first-of-type {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.mec-booking-shortcode .nice-select {
|
|
float: none;
|
|
border-radius: 3px;
|
|
background-color: #fff;
|
|
width: 258px;
|
|
height: 40px;
|
|
line-height: 39px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
min-height: unset;
|
|
min-width: unset;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.mec-booking-shortcode .mec-gateway-message.mec-success {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.mec-booking-shortcode .mec-form-row.mec-name-stripe {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.mec-booking-shortcode
|
|
.mec-book-form-gateways
|
|
[id*="mec_book_form_gateway_checkout"]
|
|
input[type="text"],
|
|
.mec-events-meta-group-booking .mec-booking-shortcode .StripeElement {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.mec-booking-shortcode .nice-select ul {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-booking-shortcode span.mec-event-ticket-available {
|
|
margin-top: -22px !important;
|
|
margin-bottom: 28px !important;
|
|
display: block;
|
|
font-size: 11px;
|
|
letter-spacing: 0.5px;
|
|
font-weight: 300;
|
|
color: #80abbf;
|
|
}
|
|
|
|
.mec-booking-shortcode .mec-booking-form-container ul li {
|
|
list-style: none;
|
|
}
|
|
|
|
.mec-booking-shortcode .mec-booking-form-container ul {
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-events-meta-group-booking-shortcode .info-msg {
|
|
margin: 24px 0 24px;
|
|
}
|
|
|
|
@media (max-width: 980px) {
|
|
.mec-events-meta-group-booking-shortcode {
|
|
padding: 20px;
|
|
}
|
|
|
|
.mec-booking-shortcode ul.mec-book-price-details li {
|
|
width: 100%;
|
|
border-right: 0 !important;
|
|
border-bottom: 1px solid;
|
|
}
|
|
|
|
.mec-booking-shortcode ul.mec-book-price-details li:last-child {
|
|
width: 100%;
|
|
border-right: 0;
|
|
border-bottom: 0 solid;
|
|
}
|
|
}
|
|
|
|
.mec-booking-shortcode span.mec-book-price-total {
|
|
font-size: 22px;
|
|
line-height: 22px;
|
|
font-weight: 700;
|
|
color: #2bbc10;
|
|
margin-top: 20px;
|
|
margin-bottom: 35px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-booking-shortcode span.mec-book-price-total-description {
|
|
font-size: 18px;
|
|
line-height: 22px;
|
|
font-weight: 700;
|
|
color: #000;
|
|
}
|
|
|
|
.mec-booking-shortcode span.mec-book-price-total-amount {
|
|
font-size: 22px;
|
|
line-height: 22px;
|
|
font-weight: 700;
|
|
color: #2bbc10;
|
|
}
|
|
|
|
.mec-booking-shortcode .mec-book-form-price {
|
|
clear: both;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-booking-shortcode .mec-book-form-gateway-label input[type="radio"]:after {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 7px;
|
|
height: 7px;
|
|
background-color: #fff;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 4px;
|
|
left: 3px;
|
|
}
|
|
|
|
.mec-booking-shortcode .mec-book-form-gateway-label input[type="radio"]:before {
|
|
box-shadow: none;
|
|
border: 2px solid #a8e4ff;
|
|
width: 17px;
|
|
height: 17px;
|
|
position: absolute;
|
|
top: -9px;
|
|
left: -2px;
|
|
margin: 0;
|
|
content: "";
|
|
display: inline-block;
|
|
background: #fff;
|
|
border-radius: 18px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-booking-shortcode .mec-book-form-gateway-label label input {
|
|
position: relative;
|
|
cursor: pointer;
|
|
margin: 0 !important;
|
|
height: auto;
|
|
margin-right: 4px !important;
|
|
}
|
|
|
|
.mec-booking-shortcode button#mec-book-form-btn-step-2 {
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.mec-booking-shortcode .mec-ticket-name {
|
|
display: inline-block;
|
|
background-color: #fff;
|
|
border-radius: 3px;
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
font-weight: 400;
|
|
color: #00acf8;
|
|
padding: 8px 13px;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.mec-booking-shortcode .mec_book_first_for_all {
|
|
display: none;
|
|
}
|
|
|
|
.mec-booking-shortcode li.mec-first-for-all-wrapper {
|
|
margin-bottom: 20px;
|
|
clear: both;
|
|
}
|
|
|
|
.mec-booking-shortcode label.wn-checkbox-label:before {
|
|
display: inline-block;
|
|
-moz-transform-origin: left top;
|
|
-ms-transform-origin: left top;
|
|
-o-transform-origin: left top;
|
|
-webkit-transform-origin: left top;
|
|
transform-origin: left top;
|
|
content: "";
|
|
-webkit-transition: opacity ease 0.5;
|
|
-moz-transition: opacity ease 0.5;
|
|
transition: opacity ease 0.5;
|
|
position: absolute;
|
|
background-color: #00acf8;
|
|
width: 2px;
|
|
-webkit-transform: rotate(-138deg);
|
|
transform: rotate(-138deg);
|
|
}
|
|
|
|
.mec-booking-shortcode label.wn-checkbox-label {
|
|
position: relative;
|
|
display: inline-block;
|
|
-moz-transition: border-color ease 0.2s;
|
|
-o-transition: border-color ease 0.2s;
|
|
-webkit-transition: border-color ease 0.2s;
|
|
transition: border-color ease 0.2s;
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
font-weight: 400;
|
|
color: #00acf8;
|
|
margin: 0 0 4px !important;
|
|
padding: 0;
|
|
background-color: #fff;
|
|
border: 2px solid #a8e4ff;
|
|
width: 17px;
|
|
height: 17px;
|
|
border-radius: 3px;
|
|
margin-right: 9px !important;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mec-booking-shortcode label.wn-checkbox-label:after {
|
|
-moz-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
-o-transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
-moz-animation: dothabottomcheck 80ms ease 0s forwards;
|
|
-o-animation: dothabottomcheck 80ms ease 0s forwards;
|
|
-webkit-animation: dothabottomcheck 80ms ease 0s forwards;
|
|
animation: dothabottomcheck 80ms ease 0s forwards;
|
|
content: "";
|
|
display: inline-block;
|
|
-moz-transform-origin: left top;
|
|
-ms-transform-origin: left top;
|
|
-o-transform-origin: left top;
|
|
-webkit-transform-origin: left top;
|
|
transform-origin: left top;
|
|
content: "";
|
|
-webkit-transition: opacity ease 0.5;
|
|
-moz-transition: opacity ease 0.5;
|
|
transition: opacity ease 0.5;
|
|
position: absolute;
|
|
background-color: #00acf8;
|
|
width: 2px;
|
|
}
|
|
|
|
.mec-booking-shortcode
|
|
input[type="checkbox"]:checked
|
|
+ .wn-checkbox-label::after {
|
|
height: 5px;
|
|
left: 2px;
|
|
top: 7px;
|
|
-moz-animation: dothatopcheck 0.16s ease 0s forwards;
|
|
-o-animation: dothatopcheck 0.16s ease 0s forwards;
|
|
-webkit-animation: dothatopcheck 0.16s ease 0s forwards;
|
|
animation: dothatopcheck 0.16s ease 0s forwards;
|
|
}
|
|
|
|
.mec-booking-shortcode
|
|
input[type="checkbox"]:checked
|
|
+ .wn-checkbox-label::before {
|
|
height: 6px;
|
|
left: 7px;
|
|
top: 9px;
|
|
-moz-animation: dothatopcheck 0.16s ease 0s forwards;
|
|
-o-animation: dothatopcheck 0.16s ease 0s forwards;
|
|
-webkit-animation: dothatopcheck 0.16s ease 0s forwards;
|
|
animation: dothatopcheck 0.16s ease 0s forwards;
|
|
}
|
|
|
|
.mec-booking-shortcode button.mec-book-form-back-button {
|
|
background-color: #afe6ff;
|
|
box-shadow: 0 2px 2px rgba(175, 230, 255, 0.27);
|
|
}
|
|
|
|
.mec-booking-shortcode button[type="submit"]:hover,
|
|
.mec-booking-shortcode button[type="button"]:hover {
|
|
background-color: #000;
|
|
text-decoration: none;
|
|
box-shadow: 0 4px 10px rgba(1, 2, 4, 0.32);
|
|
}
|
|
|
|
.mec-booking-shortcode a.button.loading:after,
|
|
.mec-booking-shortcode button[type="submit"].loading:after {
|
|
display: block;
|
|
}
|
|
|
|
/* #Booking > Date Selection > Calendar
|
|
================================================== */
|
|
/* Date Selection */
|
|
.mec-single-fluent-wrap .mec-booking-calendar-month-navigation,
|
|
.mec-booking-calendar-month-navigation {
|
|
position: relative;
|
|
text-align: center;
|
|
padding: 0;
|
|
max-width: 330px;
|
|
}
|
|
|
|
.mec-single-fluent-wrap .mec-booking-calendar.mec-wrap,
|
|
.mec-booking-calendar.mec-wrap {
|
|
margin-bottom: 20px;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-single-fluent-wrap .mec-booking-calendar.mec-wrap,
|
|
.mec-booking-calendar.mec-wrap {
|
|
max-width: 330px;
|
|
background: #ffffff;
|
|
box-shadow: 0 1px 5px 6px rgba(0, 0, 0, 0.005) inset;
|
|
border: 1px solid #efefef;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
/* Date Selection > Navigation */
|
|
.mec-single-fluent-wrap
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-calendar-header
|
|
h2,
|
|
.mec-booking-calendar-month-navigation .mec-calendar-header h2 {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
line-height: 40px;
|
|
margin: 0 auto;
|
|
color: #4d4d4d;
|
|
}
|
|
|
|
.mec-single-fluent-wrap
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-previous-month,
|
|
.mec-single-fluent-wrap .mec-booking-calendar-month-navigation .mec-next-month,
|
|
.mec-booking-calendar-month-navigation .mec-previous-month,
|
|
.mec-booking-calendar-month-navigation .mec-next-month {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 0;
|
|
min-width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
background: #fff;
|
|
color: #a9a9a9;
|
|
font-size: 10px;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
border-top: none;
|
|
transition: all 0.33s ease;
|
|
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.015);
|
|
transition: all 0.33s ease;
|
|
}
|
|
|
|
.mec-single-fluent-wrap
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-previous-month,
|
|
.mec-booking-calendar-month-navigation .mec-previous-month {
|
|
left: 0;
|
|
}
|
|
|
|
.mec-single-fluent-wrap .mec-booking-calendar-month-navigation .mec-next-month,
|
|
.mec-booking-calendar-month-navigation .mec-next-month {
|
|
right: 0;
|
|
}
|
|
|
|
.mec-single-fluent-wrap
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-previous-month
|
|
a,
|
|
.mec-single-fluent-wrap
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-next-month
|
|
a,
|
|
.mec-booking-calendar-month-navigation .mec-previous-month a,
|
|
.mec-booking-calendar-month-navigation .mec-next-month a {
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.mec-single-fluent-wrap
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-previous-month:hover
|
|
a,
|
|
.mec-single-fluent-wrap
|
|
.mec-booking-calendar-month-navigation
|
|
.mec-next-month:hover
|
|
a,
|
|
.mec-booking-calendar-month-navigation .mec-previous-month:hover a,
|
|
.mec-booking-calendar-month-navigation .mec-next-month:hover a {
|
|
color: #40d9f1;
|
|
}
|
|
|
|
/* Date Selection > Calendar */
|
|
.mec-events-meta-group-booking .mec-booking-calendar .mec-calendar {
|
|
margin-bottom: 15px;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-events-meta-group-booking .mec-booking-calendar .mec-calendar dl dt {
|
|
text-align: center;
|
|
padding: 0;
|
|
line-height: 40px;
|
|
height: 40px;
|
|
border: 0;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-calendar
|
|
.mec-calendar
|
|
.mec-calendar-row
|
|
dt:hover {
|
|
background: transparent;
|
|
}
|
|
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-calendar
|
|
.mec-calendar
|
|
.mec-calendar-novel-selected-day,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-calendar
|
|
.mec-calendar
|
|
.mec-calendar-novel-selected-day
|
|
span {
|
|
width: 32px;
|
|
height: 32px;
|
|
margin: auto;
|
|
line-height: 30px;
|
|
border-radius: 50%;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Bordered Date */
|
|
.mec-has-event-for-booking {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-has-event-for-booking .mec-calendar-novel-selected-day {
|
|
border: 1px solid #38d5ed;
|
|
border-radius: 50px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-has-event-for-booking.mec-active .mec-calendar-novel-selected-day {
|
|
background-color: #38d5ed;
|
|
color: #fff;
|
|
}
|
|
|
|
/* Selected Date */
|
|
.mec-has-event-for-booking .mec-booking-tooltip,
|
|
.mec-multiple-event .mec-has-event-for-booking .mec-booking-tooltip,
|
|
.mec-has-event-for-booking .mec-booking-calendar-date {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transition: all 0.4s ease;
|
|
}
|
|
|
|
.mec-has-event-for-booking .mec-booking-tooltip,
|
|
.mec-multiple-event .mec-has-event-for-booking .mec-booking-tooltip {
|
|
top: 60px;
|
|
}
|
|
|
|
.mec-has-event-for-booking .mec-booking-tooltip,
|
|
.mec-multiple-event .mec-has-event-for-booking .mec-booking-tooltip {
|
|
position: absolute;
|
|
z-index: 99;
|
|
width: 150px;
|
|
font-size: 9px;
|
|
left: calc(50% - 75px);
|
|
background: #535a61;
|
|
line-height: 29px;
|
|
border-radius: 4px;
|
|
color: #fff;
|
|
font-weight: 400;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
padding: 3px 5px;
|
|
box-shadow: 0 4px 15px -2px #444b50a3;
|
|
}
|
|
|
|
.mec-has-event-for-booking:hover
|
|
.mec-booking-tooltip.multiple-time
|
|
.mec-booking-calendar-date,
|
|
.mec-has-event-for-booking:hover .mec-booking-tooltip,
|
|
.mec-has-event-for-booking:hover .mec-booking-calendar-date,
|
|
.mec-multiple-event .mec-has-event-for-booking:hover .mec-booking-tooltip,
|
|
.mec-multiple-event
|
|
.mec-has-event-for-booking:hover
|
|
.mec-booking-calendar-date {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.mec-has-event-for-booking:hover .mec-booking-tooltip,
|
|
.mec-multiple-event .mec-has-event-for-booking:hover .mec-booking-tooltip {
|
|
top: 43px;
|
|
}
|
|
|
|
.mec-has-event-for-booking .mec-booking-calendar-date:before,
|
|
.mec-multiple-event
|
|
.mec-has-event-for-booking
|
|
.mec-booking-calendar-date:before {
|
|
display: block;
|
|
content: "" !important;
|
|
position: absolute !important;
|
|
width: 12px;
|
|
height: 12px;
|
|
top: -6px;
|
|
left: calc(50% - 6px);
|
|
transform: rotate(-45deg) !important;
|
|
background-color: #535a61;
|
|
z-index: 0 !important;
|
|
box-shadow: 0 8px 9px -9px #535a61 !important;
|
|
}
|
|
|
|
.mec-multiple-event
|
|
.mec-has-event-for-booking
|
|
.mec-booking-calendar-date-hover {
|
|
border-bottom: 1px solid #ffffff30;
|
|
}
|
|
|
|
/* Multiple Day Events */
|
|
|
|
/* First Day */
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-calendar
|
|
.mec-calendar.mec-multiple-event
|
|
.first-day {
|
|
position: relative;
|
|
padding-left: 7px;
|
|
}
|
|
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-calendar
|
|
.mec-calendar.mec-multiple-event
|
|
.first-day
|
|
.mec-calendar-novel-selected-day {
|
|
border-radius: 47px;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-right: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-calendar
|
|
.mec-calendar.mec-multiple-event
|
|
.first-day
|
|
.mec-calendar-novel-selected-day
|
|
span {
|
|
margin-left: -7px;
|
|
}
|
|
|
|
/* Last Day */
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-calendar
|
|
.mec-calendar.mec-multiple-event
|
|
.last-day {
|
|
position: relative;
|
|
padding-right: 7px;
|
|
}
|
|
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-calendar
|
|
.mec-calendar.mec-multiple-event
|
|
.last-day
|
|
.mec-calendar-novel-selected-day {
|
|
border-radius: 47px;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-calendar
|
|
.mec-calendar.mec-multiple-event
|
|
.last-day
|
|
.mec-calendar-novel-selected-day
|
|
span {
|
|
margin-right: -7px;
|
|
}
|
|
|
|
/* Middle Day */
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-calendar
|
|
.mec-calendar.mec-multiple-event
|
|
.middle-day
|
|
.mec-calendar-novel-selected-day {
|
|
border-radius: 0;
|
|
border-right: 0;
|
|
border-left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Multiple Time in one Daye */
|
|
.mec-booking-tooltip.multiple-time {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-booking-tooltip.multiple-time .mec-booking-calendar-date:before {
|
|
display: none;
|
|
}
|
|
|
|
.mec-booking-tooltip.multiple-time
|
|
.mec-booking-calendar-date:first-child:before {
|
|
display: block;
|
|
}
|
|
|
|
.mec-booking-tooltip.multiple-time .mec-booking-calendar-date {
|
|
border: 1px dashed #68717a;
|
|
line-height: 25px;
|
|
margin: 8px 0;
|
|
border-radius: 20px;
|
|
transition: all 0.17s ease;
|
|
-webkit-transition: all 0.17s ease;
|
|
-moz-transition: all 0.17s ease;
|
|
-ms-transition: all 0.17s ease;
|
|
-o-transition: all 0.17s ease;
|
|
}
|
|
|
|
.mec-calendar-day.mec-active
|
|
.mec-booking-tooltip.multiple-time
|
|
.mec-booking-calendar-date.mec-active,
|
|
.mec-booking-tooltip.multiple-time .mec-booking-calendar-date:hover {
|
|
background: #40d9f1;
|
|
border-color: #40d9f1;
|
|
}
|
|
|
|
.mec-choosen-time-message {
|
|
max-width: 330px;
|
|
padding: 3px 14px;
|
|
border-radius: 4px;
|
|
background: rgb(64 217 241 / 24%);
|
|
color: #40d9f1;
|
|
transition: all 0.17s ease;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
font-size: 12px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-choosen-time-message .mec-choosen-time {
|
|
padding-left: 7px;
|
|
}
|
|
|
|
.mec-choosen-time-message.disable .mec-choosen-time-message,
|
|
.mec-choosen-time-message.disable {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
padding: 0;
|
|
font-size: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Booking Calendar Dark Mode */
|
|
|
|
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking .mec-calendar,
|
|
.mec-dark-mode
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-calendar-month-navigation {
|
|
background: #000;
|
|
border-color: #222;
|
|
color: #999;
|
|
}
|
|
|
|
.mec-dark-mode .mec-booking-calendar-month-navigation .mec-next-month,
|
|
.mec-dark-mode .mec-booking-calendar-month-navigation .mec-previous-month {
|
|
background: #222;
|
|
border-color: #000;
|
|
color: #d2d2d2;
|
|
}
|
|
|
|
.mec-dark-mode .mec-booking-calendar.mec-wrap {
|
|
border-color: #111;
|
|
}
|
|
|
|
.mec-dark-mode
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-calendar
|
|
.mec-calendar
|
|
.mec-calendar-row
|
|
dt:hover {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.mec-dark-mode .mec-calendar.mec-event-calendar-classic,
|
|
.mec-dark-mode .mec-calendar.mec-event-calendar-classic .mec-calendar-side {
|
|
height: auto;
|
|
}
|
|
|
|
/* Light Themes */
|
|
.is-light-theme .mec-fes-form textarea {
|
|
border: 1px solid #cfeff5;
|
|
box-shadow: 0 2px 5px rgba(207, 239, 245, 0.38) inset;
|
|
}
|
|
|
|
.is-light-theme .mec-fes-form .select2-selection {
|
|
height: auto;
|
|
}
|
|
|
|
.is-light-theme .mec-fes-form input[type="checkbox"]:after {
|
|
border: unset !important;
|
|
}
|
|
|
|
.is-light-theme .mec-fes-form input[type="radio"]:after {
|
|
background: unset !important;
|
|
}
|
|
|
|
.is-light-theme .mec-fes-form input + label {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.is-light-theme .mec-events-event-image img {
|
|
height: auto;
|
|
}
|
|
|
|
span.mec-booking-field-required {
|
|
color: red;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/* General Calendar */
|
|
.mec-gCalendar {
|
|
position: relative;
|
|
}
|
|
|
|
.mec-gCalendar-filters {
|
|
display: none;
|
|
position: absolute;
|
|
width: 518px;
|
|
background: #fff;
|
|
right: calc(50% - 119px);
|
|
top: 60px;
|
|
z-index: 9999999;
|
|
border: 1px solid #e3e4e5;
|
|
border-radius: 7px;
|
|
box-shadow: 0 2px 7px rgb(0 0 0 / 5%);
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
padding: 30px;
|
|
gap: 20px 10px;
|
|
align-items: center;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap > div {
|
|
flex: 1 0 calc(43% - 10px);
|
|
display: inline-flex;
|
|
}
|
|
|
|
.mec-gCalendar-filters .mec-gCalendar-filters-wrap .mec-search-reset-button {
|
|
display: block;
|
|
flex: 1 0 calc(100%);
|
|
}
|
|
|
|
.mec-gCalendar-filters
|
|
.mec-gCalendar-filters-wrap
|
|
.mec-search-reset-button
|
|
button {
|
|
width: 100%;
|
|
border: 2px solid #e3e5e7;
|
|
border-radius: 7px;
|
|
color: #4c5765;
|
|
}
|
|
|
|
.mec-gCalendar-filters
|
|
.mec-gCalendar-filters-wrap
|
|
.mec-search-reset-button
|
|
button:hover {
|
|
color: #e9526c;
|
|
border-color: #f37f9b;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap .select2-container--default > ul {
|
|
margin-top: 2px;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap span.select2.select2-container {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap .select2-container--default > ul > li {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap .select2-container--default {
|
|
height: 39px;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap span.select2-selection.select2-selection--multiple {
|
|
border: none !important;
|
|
height: 37px !important;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap
|
|
.select2-container--default
|
|
.select2-selection--multiple
|
|
.select2-selection__choice {
|
|
margin: 0;
|
|
background-color: #eeeeee;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap
|
|
.select2-container--default
|
|
.select2-selection--multiple
|
|
.select2-selection__rendered
|
|
li {
|
|
line-height: 29px;
|
|
margin-top: 5px;
|
|
border: none;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap .mec-searchbar-category-wrap {
|
|
margin: 0 !important;
|
|
width: 182px !important;
|
|
padding: 0 !important;
|
|
height: 40px !important;
|
|
border-radius: 0 3px 3px 0;
|
|
border: 1px solid #e3e4e5 !important;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap .mec-dropdown-search i,
|
|
.mec-gCalendar-filters-wrap .mec-minmax-event-cost i,
|
|
.mec-gCalendar-filters-wrap .mec-checkboxes-search i,
|
|
.mec-gCalendar-filters-wrap .mec-text-address-search i {
|
|
color: #b7b7b7;
|
|
background-color: #fbfbfb;
|
|
border-radius: 3px 0 0 3px;
|
|
border: 1px solid #e3e4e5;
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
padding: 0;
|
|
border-right: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap .mec-minmax-event-cost input,
|
|
.mec-gCalendar-filters-wrap .mec-minmax-event-cost input:focus,
|
|
.mec-gCalendar-filters-wrap .mec-text-address-search input,
|
|
.mec-gCalendar-filters-wrap .mec-text-address-search input:focus {
|
|
width: 208px;
|
|
height: 40px;
|
|
border-radius: 0;
|
|
border-right: 0;
|
|
border-color: #e3e4e5;
|
|
font-size: 12px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap .mec-text-address-search input:focus,
|
|
.mec-gCalendar-filters-wrap .mec-text-address-search input {
|
|
width: 415px;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap .mec-minmax-event-cost input:last-child,
|
|
.mec-gCalendar-filters-wrap .mec-text-address-search input:focus,
|
|
.mec-gCalendar-filters-wrap .mec-text-address-search input {
|
|
border-right: 1px solid #e3e4e5;
|
|
border-radius: 0 3px 3px 0;
|
|
border-left: none;
|
|
}
|
|
|
|
.mec-gCalendar .mec-gCalendar-filters-wrap .mec-text-address-search i {
|
|
border-right: 1px solid #e3e4e5;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap ul.list li[data-value=""] {
|
|
display: none;
|
|
}
|
|
|
|
.mec-gCalendar .fc-h-event .fc-event-title,
|
|
.mec-gCalendar .fc .fc-scroller-liquid-absolute,
|
|
.mec-gCalendar .fc .fc-scroller-harness {
|
|
overflow: visible !important;
|
|
}
|
|
|
|
.mec-gCalendar-filters:before,
|
|
#MonthPicker_mec-gCalendar-month-filter:before,
|
|
.mec-gCalendar-filters:after,
|
|
#MonthPicker_mec-gCalendar-month-filter:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: 77px;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 7px;
|
|
}
|
|
|
|
#MonthPicker_mec-gCalendar-month-filter:before,
|
|
#MonthPicker_mec-gCalendar-month-filter:after {
|
|
margin-left: 68px;
|
|
}
|
|
|
|
.mec-gCalendar-filters:before,
|
|
#MonthPicker_mec-gCalendar-month-filter:before {
|
|
top: -15px;
|
|
border-color: transparent transparent #e3e9f1 transparent;
|
|
}
|
|
|
|
.mec-gCalendar-filters:after,
|
|
#MonthPicker_mec-gCalendar-month-filter:after {
|
|
top: -14px;
|
|
border-color: transparent transparent #fff transparent;
|
|
}
|
|
|
|
.mec-gCalendar {
|
|
font-family: inherit;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip {
|
|
width: 290px;
|
|
height: auto;
|
|
position: absolute;
|
|
background: #fff;
|
|
left: calc(50% - 145px);
|
|
bottom: calc(100% - 1px);
|
|
border: 1px solid #e3e4e5;
|
|
border-radius: 7px;
|
|
opacity: 1;
|
|
box-shadow: 0 4px 13px rgb(0 0 0 / 7%);
|
|
z-index: 9997;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.mec-gCalendar-tooltip {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-image img {
|
|
width: 100%;
|
|
border-radius: 3px !important;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-image {
|
|
padding: 10px;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
.mec-gCalendar a.fc-event:active {
|
|
opacity: 1;
|
|
}
|
|
|
|
.mec-gCalendar #mec-gCalendar-wrap a.fc-event {
|
|
padding: 7px 3px;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-title {
|
|
color: #000;
|
|
line-height: 24px;
|
|
font-size: 15px;
|
|
padding: 10px 25px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-title span {
|
|
width: 12px;
|
|
height: 12px;
|
|
display: inline-block;
|
|
margin-left: 7px;
|
|
vertical-align: middle;
|
|
border-radius: 50px;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-title a {
|
|
color: #000;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-title a:hover {
|
|
text-decoration: underline;
|
|
color: #000;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-location {
|
|
color: #707172;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
line-height: 23px;
|
|
padding: 0 25px 15px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-location i {
|
|
margin-right: 6px;
|
|
color: #c1c7ce;
|
|
}
|
|
|
|
.mec-gCalendar .fc-event-time {
|
|
display: none;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-date {
|
|
background: #f7f8f9;
|
|
color: #898a8c;
|
|
font-weight: 400;
|
|
padding: 10px 24px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-date-text > div > span,
|
|
.mec-gCalendar-tooltip-date-time > div > span {
|
|
display: block;
|
|
line-height: 23px;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-date-text > div > span:last-child,
|
|
.mec-gCalendar-tooltip-date-time > div > span:last-child {
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-date-text .mec-gCalendar-tooltip-date-day {
|
|
font-size: 14px;
|
|
color: #000;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-date-text,
|
|
.mec-gCalendar-tooltip-date-time {
|
|
display: flex;
|
|
align-items: baseline;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-date-text i,
|
|
.mec-gCalendar-tooltip-date-time i {
|
|
margin-right: 8px;
|
|
color: #c1c7ce;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip:after,
|
|
.mec-gCalendar-tooltip:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: calc(50% - 8px);
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 8px;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip:before {
|
|
bottom: -17px;
|
|
border-color: #e3e9f1 transparent transparent transparent;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip:after {
|
|
bottom: -16px;
|
|
border-color: #fff transparent transparent transparent;
|
|
}
|
|
|
|
#mec-gCalendar-wrap .openMonthFilter i {
|
|
-moz-transition: all 0.27s ease;
|
|
-webkit-transition: all 0.27s ease;
|
|
-o-transition: all 0.27s ease;
|
|
transition: all 0.27s ease;
|
|
}
|
|
|
|
#mec-gCalendar-wrap .openMonthFilter.open i {
|
|
transform: rotate(-180deg);
|
|
}
|
|
|
|
.mec-gCalendar input#mec-gCalendar-month-filter {
|
|
display: none;
|
|
}
|
|
|
|
.mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk,
|
|
.mec-gCalendar
|
|
.fc-header-toolbar
|
|
.fc-toolbar-chunk
|
|
> div:not(#MonthPicker_mec-gCalendar-month-filter) {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.mec-gCalendar #mec-gCalendar-wrap .fc-header-toolbar.fc-toolbar {
|
|
border: 1px solid #e3e4e5;
|
|
border-radius: 7px;
|
|
padding: 18px 30px 10px;
|
|
position: relative;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
line-height: 20px;
|
|
margin-right: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title > span {
|
|
font-weight: 100;
|
|
}
|
|
|
|
.mec-gCalendar h2.fc-toolbar-title i {
|
|
color: #a1a2a3;
|
|
cursor: pointer;
|
|
margin-left: 2px;
|
|
font-size: 14px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.mec-gCalendar h2.fc-toolbar-title button {
|
|
background: transparent;
|
|
border: none;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
outline: none;
|
|
}
|
|
|
|
.mec-gCalendar table.fc-scrollgrid-sync-table tbody td {
|
|
border: none;
|
|
border-bottom: 1px solid #eee;
|
|
border-right: 1px solid #eee;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-prevYear-button.fc-button.fc-button-primary,
|
|
.mec-gCalendar button.fc-prevYear-button.fc-button.fc-button-primary:active,
|
|
.mec-gCalendar button.fc-nextYear-button.fc-button.fc-button-primary:active,
|
|
.mec-gCalendar button.fc-nextYear-button.fc-button.fc-button-primary {
|
|
background: #fff;
|
|
color: #a1a2a3;
|
|
border-radius: 7px 0 0 7px;
|
|
border-color: #e3e4e5;
|
|
padding: 3px 2px;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-button span.fc-icon {
|
|
font-size: 20px;
|
|
padding: 1px 0;
|
|
width: 30px;
|
|
height: 34px;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap .nice-select .list {
|
|
margin: 0;
|
|
box-shadow: 0 0 0 1px rgb(68 68 68 / 11%), 0 2px 4px rgb(0 0 0 / 5%);
|
|
}
|
|
|
|
.mec-gCalendar button.fc-button span.fc-icon:before {
|
|
vertical-align: middle;
|
|
font-size: 18px;
|
|
position: absolute;
|
|
top: calc(50% - 9px);
|
|
left: calc(50% - 9px);
|
|
}
|
|
|
|
.mec-gCalendar button.fc-prevYear-button.fc-button.fc-button-primary {
|
|
border-right: none;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-nextYear-button.fc-button.fc-button-primary {
|
|
border-left: none;
|
|
border-radius: 0 7px 7px 0;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-prev-button.fc-button.fc-button-primary,
|
|
.mec-gCalendar button.fc-prev-button.fc-button.fc-button-primary:active,
|
|
.mec-gCalendar button.fc-next-button.fc-button.fc-button-primary:active,
|
|
.mec-gCalendar button.fc-next-button.fc-button.fc-button-primary {
|
|
background: #fff;
|
|
color: #a1a2a3;
|
|
border-right: none;
|
|
border-left: none;
|
|
border-radius: 0;
|
|
border-color: #e3e4e5;
|
|
padding: 3px 2px;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary:active,
|
|
.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary {
|
|
background: #fff;
|
|
color: #707070;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-radius: 0;
|
|
border-color: #e3e4e5;
|
|
font-size: 13px;
|
|
text-transform: capitalize;
|
|
font-weight: 400;
|
|
opacity: 1;
|
|
padding: 9px 8px 12px;
|
|
box-shadow: none !important;
|
|
cursor: pointer;
|
|
height: 42px;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary:disabled {
|
|
cursor: auto;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-button.fc-button-primary:hover span,
|
|
.mec-gCalendar button.fc-button.fc-button-primary:hover span {
|
|
background: #f4f5f6;
|
|
color: #000;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
.mec-gCalendar
|
|
button.fc-today-button.fc-button.fc-button-primary:not(:disabled):hover {
|
|
background: #f4f5f6;
|
|
color: #000;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-findEvents-button.fc-button.fc-button-primary,
|
|
.mec-gCalendar button.fc-findEvents-button.fc-button.fc-button-primary:active,
|
|
.mec-gCalendar button.fc-filterEvents-button.fc-button.fc-button-primary {
|
|
min-width: 100px;
|
|
border-radius: 7px !important;
|
|
margin-right: 0;
|
|
background: #00acf8;
|
|
border: none !important;
|
|
padding: 10px 15px 11px;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
margin-left: 20px !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.mec-gCalendar
|
|
tr.fc-scrollgrid-section.fc-scrollgrid-section-header.fc-scrollgrid-section-sticky
|
|
> td {
|
|
border-radius: 7px 7px 0 0;
|
|
border: none;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-filterEvents-button.fc-button.fc-button-primary {
|
|
position: relative;
|
|
text-align: right;
|
|
padding-right: 13px;
|
|
padding-left: 32px;
|
|
min-width: auto;
|
|
background: none;
|
|
font-size: 14px;
|
|
color: #969798;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-filterEvents-button.fc-button.fc-button-primary:active,
|
|
.mec-gCalendar button.fc-filterEvents-button.fc-button.fc-button-primary:hover {
|
|
background: #f4f5f6;
|
|
color: #000000;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-filterEvents-button.fc-button.fc-button-primary svg {
|
|
position: absolute;
|
|
left: 10px;
|
|
top: 14px;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-findEvents-button.fc-button.fc-button-primary:hover {
|
|
background: #444;
|
|
}
|
|
|
|
.mec-gCalendar-tooltip-location,
|
|
.mec-gCalendar-tooltip-title {
|
|
white-space: normal;
|
|
}
|
|
|
|
.mec-gCalendar
|
|
#mec-gCalendar-wrap
|
|
.mec-gCalendar-search-text-wrap
|
|
input[type="text"],
|
|
.mec-gCalendar
|
|
#mec-gCalendar-wrap
|
|
.mec-gCalendar-search-text-wrap
|
|
input[type="text"]:focus {
|
|
margin: 0;
|
|
border: none;
|
|
box-shadow: none !important;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
color: #949aa1;
|
|
padding-right: 5px;
|
|
padding-left: 8px;
|
|
background: #fff;
|
|
outline: none;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-gCalendar
|
|
.mec-gCalendar-search-text-wrap
|
|
input[type="text"]::-webkit-input-placeholder {
|
|
/* Chrome/Opera/Safari */
|
|
color: #949aa1;
|
|
}
|
|
|
|
.mec-gCalendar
|
|
.mec-gCalendar-search-text-wrap
|
|
input[type="text"]::-moz-placeholder {
|
|
/* Firefox 19+ */
|
|
color: #949aa1;
|
|
}
|
|
|
|
.mec-gCalendar
|
|
.mec-gCalendar-search-text-wrap
|
|
input[type="text"]:-ms-input-placeholder {
|
|
/* IE 10+ */
|
|
color: #949aa1;
|
|
}
|
|
|
|
.mec-gCalendar
|
|
.mec-gCalendar-search-text-wrap
|
|
input[type="text"]:-moz-placeholder {
|
|
/* Firefox 18- */
|
|
color: #949aa1;
|
|
}
|
|
|
|
.mec-gCalendar-search-text-wrap {
|
|
border-left: 1px solid #e3e4e5;
|
|
padding-left: 16px;
|
|
}
|
|
|
|
.mec-gCalendar-search-text-wrap i {
|
|
margin-right: 0;
|
|
color: #bcc4ce;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.mec-gCalendar .fc-direction-ltr .fc-button-group > .fc-button:first-child {
|
|
margin-left: 7px !important;
|
|
}
|
|
|
|
.mec-gCalendar .fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.mec-gCalendar .mec-localtime-wrap {
|
|
color: #000;
|
|
font-size: 11px;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.mec-gCalendar .fc-theme-standard .fc-popover {
|
|
background: #fff;
|
|
border: 1px solid #e3e4e5;
|
|
border-radius: 7px;
|
|
box-shadow: 0 4px 13px rgb(0 0 0 / 7%);
|
|
}
|
|
|
|
.mec-gCalendar .mec-localtime-wrap i {
|
|
display: none;
|
|
}
|
|
|
|
.mec-gCalendar .datepicker.dropdown-menu {
|
|
top: 51px !important;
|
|
left: unset !important;
|
|
right: 0;
|
|
}
|
|
|
|
.mec-month-picker.datepicker.dropdown-menu {
|
|
position: absolute;
|
|
min-width: 215px !important;
|
|
z-index: 999;
|
|
background: #fff;
|
|
padding: 4px 0 3px;
|
|
margin: 0;
|
|
color: #000;
|
|
border: 1px solid #e3e4e5;
|
|
border-radius: 7px;
|
|
box-shadow: 0 3px 5px rgb(0 0 0 / 3%);
|
|
}
|
|
|
|
.mec-month-picker.datepicker.dropdown-menu *,
|
|
.mec-month-picker.datepicker.dropdown-menu * {
|
|
background: #fff;
|
|
border-radius: 7px;
|
|
border: none;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-month-picker.datepicker table caption + thead tr:first-child td,
|
|
.mec-month-picker.datepicker table caption + thead tr:first-child th,
|
|
.mec-month-picker.datepicker table colgroup + thead tr:first-child td,
|
|
.mec-month-picker.datepicker table colgroup + thead tr:first-child th,
|
|
.mec-month-picker.datepicker table thead:first-child tr:first-child td,
|
|
.mec-month-picker.datepicker table thead:first-child tr:first-child th {
|
|
border: none;
|
|
}
|
|
|
|
.mec-month-picker.datepicker table thead:first-child tr:first-child th.switch {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.mec-month-picker.datepicker table thead:first-child tr:first-child th.next,
|
|
.mec-month-picker.datepicker table thead:first-child tr:first-child th.prev {
|
|
font-size: 0;
|
|
padding-top: 11px;
|
|
}
|
|
|
|
.mec-month-picker.datepicker
|
|
table
|
|
thead:first-child
|
|
tr:first-child
|
|
th.next:before,
|
|
.mec-month-picker.datepicker
|
|
table
|
|
thead:first-child
|
|
tr:first-child
|
|
th.prev:before {
|
|
content: "\e606";
|
|
font-family: simple-line-icons;
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
font-size: 12px;
|
|
color: #a1a2a3;
|
|
}
|
|
|
|
.mec-month-picker.datepicker
|
|
table
|
|
thead:first-child
|
|
tr:first-child
|
|
th.prev:before {
|
|
content: "\e605";
|
|
}
|
|
|
|
.mec-month-picker.datepicker table.table-condensed thead tr {
|
|
display: flex;
|
|
padding: 6px 12px 10px;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.mec-month-picker.datepicker thead tr:first-child th {
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
.mec-month-picker.datepicker thead tr:first-child th.prev,
|
|
.mec-month-picker.datepicker thead tr:first-child th.next {
|
|
width: 34px;
|
|
height: 34px;
|
|
padding: 0 12px;
|
|
}
|
|
|
|
.mec-month-picker.datepicker thead tr:first-child th.switch {
|
|
padding: 5px 18px;
|
|
}
|
|
|
|
.mec-month-picker.datepicker table.table-condensed tbody tr td {
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0 9px 7px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
width: auto;
|
|
}
|
|
|
|
.mec-month-picker.datepicker td span.active:hover,
|
|
.mec-month-picker.datepicker td span.active:focus,
|
|
.mec-month-picker.datepicker td span.active:active,
|
|
.mec-month-picker.datepicker td span.active.active,
|
|
.mec-month-picker.datepicker td span.active.disabled,
|
|
.mec-month-picker.datepicker td span.active[disabled] {
|
|
background-color: #00acf8;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.mec-month-picker.datepicker td span {
|
|
width: 43px;
|
|
line-height: 41px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.mec-month-picker.datepicker thead tr:first-child th:hover {
|
|
background: #f4f5f6;
|
|
}
|
|
|
|
.mec-month-picker.datepicker thead tr:first-child th:hover:before {
|
|
color: #000 !important;
|
|
}
|
|
|
|
.mec-month-picker.datepicker td span:hover {
|
|
background-color: #f4f5f6;
|
|
}
|
|
|
|
.mec-month-picker.datepicker:after {
|
|
left: unset;
|
|
right: 11px;
|
|
}
|
|
|
|
.mec-month-picker.datepicker:before {
|
|
left: unset;
|
|
right: 10px;
|
|
}
|
|
|
|
#gCalendar-loading {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: no-repeat rgba(255, 255, 255, 0.88) url("../img/ajax-loader.gif")
|
|
center;
|
|
border-style: none;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
top: 0;
|
|
z-index: 9;
|
|
}
|
|
|
|
#gCalendar-loading.mec-modal-preloader {
|
|
display: block !important;
|
|
}
|
|
|
|
.fc-daygrid.fc-dayGridMonth-view.fc-view {
|
|
overflow: auto;
|
|
border: 1px solid #e3e4e5;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
#mec-gCalendar-wrap table.fc-scrollgrid {
|
|
min-width: 650px;
|
|
overflow: auto;
|
|
border: none;
|
|
border-radius: unset;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
#mec-gCalendar-wrap table.fc-scrollgrid,
|
|
.fc-daygrid.fc-dayGridMonth-view.fc-view {
|
|
overflow: visible;
|
|
}
|
|
}
|
|
|
|
#mec-gCalendar-wrap table.fc-scrollgrid thead tr td {
|
|
border: none !important;
|
|
background: transparent;
|
|
}
|
|
|
|
#mec-gCalendar-wrap table.fc-scrollgrid table {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#mec-gCalendar-wrap table.fc-scrollgrid tr th {
|
|
background: transparent;
|
|
padding: 20px 0 3px 10px;
|
|
text-align: left;
|
|
border-right: none !important;
|
|
border-left: none !important;
|
|
border-bottom: 1px solid #e3e4e5;
|
|
border-top: none;
|
|
}
|
|
|
|
#mec-gCalendar-wrap table.fc-scrollgrid tr th.fc-col-header-cell {
|
|
border: none;
|
|
}
|
|
|
|
#mec-gCalendar-wrap table.fc-scrollgrid tr th a {
|
|
font-size: 15px !important;
|
|
font-weight: 500 !important;
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#mec-gCalendar-wrap .openMonthFilter {
|
|
position: relative;
|
|
padding: 7px 10px 2px;
|
|
display: inline-block;
|
|
}
|
|
|
|
#mec-gCalendar-wrap.fc .fc-daygrid-day-number {
|
|
font-size: 16px;
|
|
padding: 12px 10px 2px;
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#mec-gCalendar-wrap table.fc-scrollgrid-sync-table {
|
|
margin: 0;
|
|
border-spacing: 0;
|
|
border-collapse: separate;
|
|
}
|
|
|
|
.mec-gCalendar table.fc-scrollgrid-sync-table tbody tr td:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
.mec-gCalendar table.fc-scrollgrid-sync-table tbody tr:last-child td {
|
|
border-bottom: none;
|
|
}
|
|
|
|
#mec-gCalendar-wrap span.mec-general-calendar-label {
|
|
color: #fff;
|
|
padding: 1px 4px 3px;
|
|
font-size: 11px;
|
|
border-radius: 3px;
|
|
margin: 5px 3px 2px 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mec-gCalendar .fc .fc-scrollgrid-section-sticky > * {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.mec-gCalendar .fc-direction-ltr .fc-daygrid-event.fc-event-end,
|
|
.mec-gCalendar .fc-direction-rtl .fc-daygrid-event.fc-event-start,
|
|
.mec-gCalendar .fc-direction-ltr .fc-daygrid-event.fc-event-start,
|
|
.mec-gCalendar .fc-direction-rtl .fc-daygrid-event.fc-event-end {
|
|
margin-right: 0 !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
#mec-gCalendar-wrap table.fc-scrollgrid-sync-table tr td {
|
|
text-align: left;
|
|
background: #fff !important;
|
|
}
|
|
|
|
#mec-gCalendar-wrap table.fc-scrollgrid-sync-table .fc-daygrid-day-top {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#mec-gCalendar-wrap .fc-daygrid-day.fc-day-today {
|
|
background: #fff !important;
|
|
}
|
|
|
|
#mec-gCalendar-wrap .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
|
|
color: #00acf8;
|
|
font-size: 17px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
#mec-gCalendar-wrap .fc-scrollgrid-section-body > td {
|
|
border: none !important;
|
|
}
|
|
|
|
#mec-gCalendar-wrap
|
|
table.fc-scrollgrid-sync-table
|
|
tbody
|
|
tr:last-child
|
|
td:first-child {
|
|
border-radius: 0 0 0 7px;
|
|
}
|
|
|
|
#mec-gCalendar-wrap
|
|
table.fc-scrollgrid-sync-table
|
|
tbody
|
|
tr:last-child
|
|
td:last-child {
|
|
border-radius: 0 0 7px 0;
|
|
}
|
|
|
|
.select2-container {
|
|
z-index: 99999999;
|
|
}
|
|
|
|
@media (max-width: 1200px) {
|
|
.mec-gCalendar-search-text-wrap {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.mec-gCalendar .mec-gCalendar-search-text-wrap input[type="text"],
|
|
.mec-gCalendar .mec-gCalendar-search-text-wrap input[type="text"]:focus {
|
|
width: 100px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.mec-gCalendar .mec-gCalendar-search-text-wrap input[type="text"],
|
|
.mec-gCalendar .mec-gCalendar-search-text-wrap input[type="text"]:focus {
|
|
width: auto;
|
|
}
|
|
|
|
.mec-gCalendar #mec-gCalendar-wrap .fc-header-toolbar.fc-toolbar {
|
|
display: block;
|
|
}
|
|
|
|
.mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk:last-child {
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-gCalendar-search-text-wrap {
|
|
border-left: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 990px) {
|
|
.mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk:first-child > div {
|
|
width: 100%;
|
|
justify-content: flex-start !important;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary,
|
|
.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary:active {
|
|
padding: 6px 6px 9px;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-button span.fc-icon {
|
|
font-size: 12px;
|
|
width: 20px;
|
|
height: 27px;
|
|
}
|
|
|
|
.mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
|
|
font-size: 17px;
|
|
margin-right: 11px;
|
|
}
|
|
|
|
.mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk,
|
|
.mec-gCalendar
|
|
.fc-header-toolbar
|
|
.fc-toolbar-chunk
|
|
> div:not(#MonthPicker_mec-gCalendar-month-filter) {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.mec-gCalendar
|
|
.fc-header-toolbar
|
|
.fc-toolbar-chunk:last-child
|
|
> div:not(#MonthPicker_mec-gCalendar-month-filter) {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.mec-gCalendar
|
|
.fc-header-toolbar
|
|
.fc-toolbar-chunk:last-child
|
|
> div.fc-button-group {
|
|
text-align: right;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap .mec-text-address-search input,
|
|
.mec-gCalendar-filters-wrap .mec-text-address-search input:focus {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap > div {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap .nice-select {
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-gCalendar-filters {
|
|
width: 328px;
|
|
right: calc(50% - 165px);
|
|
top: 52px;
|
|
}
|
|
|
|
.mec-gCalendar-filters:after,
|
|
.mec-gCalendar-filters:before {
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap .mec-minmax-event-cost input,
|
|
.mec-gCalendar-filters-wrap .mec-minmax-event-cost input:focus {
|
|
width: 116px;
|
|
}
|
|
|
|
.mec-month-picker.datepicker:after {
|
|
left: unset;
|
|
right: 55px;
|
|
}
|
|
|
|
.mec-month-picker.datepicker:before {
|
|
left: unset;
|
|
right: 54px;
|
|
}
|
|
|
|
.mec-month-picker.datepicker.dropdown-menu {
|
|
top: 40px !important;
|
|
right: -45px;
|
|
}
|
|
|
|
.mec-gCalendar #mec-gCalendar-wrap .fc-header-toolbar.fc-toolbar {
|
|
padding: 18px 10px;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary,
|
|
.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary:active {
|
|
height: 35.5px;
|
|
}
|
|
|
|
.mec-gCalendar-search-text-wrap {
|
|
border-left: 0;
|
|
border-bottom: 1px solid #eee;
|
|
padding: 0;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mec-gCalendar-filters:after,
|
|
.mec-gCalendar-filters:before {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 360px) {
|
|
.mec-gCalendar
|
|
.fc-header-toolbar
|
|
.fc-toolbar-chunk:last-child
|
|
> div.fc-button-group {
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-gCalendar
|
|
.fc-header-toolbar
|
|
.fc-toolbar-chunk:last-child
|
|
> div:not(#MonthPicker_mec-gCalendar-month-filter) {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk:first-child > div {
|
|
justify-content: left !important;
|
|
}
|
|
|
|
.mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
|
|
font-size: 22px;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-button span.fc-icon {
|
|
font-size: 20px;
|
|
width: 30px;
|
|
height: 34px;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary,
|
|
.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary:active {
|
|
padding: 9px 8px 12px;
|
|
}
|
|
|
|
.mec-gCalendar-filters:after,
|
|
.mec-gCalendar-filters:before {
|
|
margin-left: -100px;
|
|
}
|
|
|
|
.mec-gCalendar-filters {
|
|
top: 60px;
|
|
}
|
|
|
|
.mec-month-picker.datepicker.dropdown-menu {
|
|
width: 215px;
|
|
}
|
|
|
|
.mec-month-picker.datepicker.dropdown-menu {
|
|
top: 37px !important;
|
|
right: 27px;
|
|
}
|
|
|
|
.mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
|
|
font-size: 12px;
|
|
display: inline-block;
|
|
width: auto;
|
|
}
|
|
|
|
#mec-gCalendar-wrap .openMonthFilter {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-button span.fc-icon {
|
|
width: 20px;
|
|
height: 27px;
|
|
}
|
|
|
|
.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary,
|
|
.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary:active {
|
|
line-height: 1;
|
|
}
|
|
|
|
.mec-month-picker.datepicker.dropdown-menu {
|
|
right: -80px;
|
|
}
|
|
|
|
.mec-month-picker.datepicker:after {
|
|
right: calc(50% - 3px);
|
|
}
|
|
|
|
.mec-month-picker.datepicker:before {
|
|
right: calc(50% - 4px);
|
|
}
|
|
|
|
.mec-gCalendar
|
|
.fc-header-toolbar
|
|
.fc-toolbar-chunk:last-child
|
|
> div.fc-button-group {
|
|
text-align: right;
|
|
}
|
|
|
|
.mec-gCalendar-filters {
|
|
width: 300px;
|
|
right: calc(50% - 150px);
|
|
}
|
|
|
|
.mec-gCalendar-filters-wrap {
|
|
padding: 15px;
|
|
}
|
|
|
|
.fc-h-event .fc-event-main {
|
|
font-size: 9px;
|
|
line-height: 11px;
|
|
}
|
|
}
|
|
|
|
/* MEC Cart */
|
|
@media (max-width: 768px) {
|
|
.mec-cart {
|
|
overflow-x: scroll;
|
|
}
|
|
}
|
|
|
|
.mec-cart-coupon input[type="text"] {
|
|
min-height: 40px;
|
|
font-size: 13px;
|
|
line-height: 38px;
|
|
color: #606367;
|
|
border: 1px solid #e3e5e7;
|
|
border-radius: 3px;
|
|
padding: 0 12px;
|
|
margin-bottom: 0;
|
|
box-shadow: unset;
|
|
width: 330px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.mec-cart ul {
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.mec-cart ul h5,
|
|
.mec-cart ul h6 {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
color: #000;
|
|
font-weight: inherit;
|
|
}
|
|
|
|
.mec-cart ul h6 {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-cart ul h6:before {
|
|
content: "— ";
|
|
}
|
|
|
|
.mec-cart ul h5 {
|
|
font-weight: 400;
|
|
margin: 0 0 3px 0;
|
|
}
|
|
|
|
.mec-cart ul h6:last-child {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.mec-cart table td:nth-child(4) ul li {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.mec-cart table td:nth-child(4) ul li:last-child {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.mec-cart table a {
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
color: #474849;
|
|
fill: #474849;
|
|
}
|
|
|
|
.mec-cart table a:hover {
|
|
color: #000;
|
|
}
|
|
|
|
.mec-cart table #mec_cart_total_payable,
|
|
.mec-cart table .mec-transaction-price {
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 26px;
|
|
letter-spacing: -0.8px;
|
|
text-align: right;
|
|
color: #060607;
|
|
fill: #060607;
|
|
}
|
|
|
|
.mec-cart table .mec-line-through {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.mec-cart table .mec-cart-remove-transactions svg:hover,
|
|
.mec-cart table .mec-cart-remove-transactions svg:hover path {
|
|
color: red !important;
|
|
fill: red !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mec-cart table tr {
|
|
text-align: left;
|
|
}
|
|
|
|
.mec-cart table tr th {
|
|
margin-bottom: 27px;
|
|
margin-top: 0;
|
|
padding: 9px 12px 9px;
|
|
font-size: 14px;
|
|
line-height: 1.8;
|
|
letter-spacing: 0;
|
|
font-weight: 600;
|
|
position: relative;
|
|
color: #000;
|
|
}
|
|
|
|
.mec-cart table tr td {
|
|
padding: 9px 12px 9px;
|
|
font-size: 14px;
|
|
color: #000;
|
|
}
|
|
|
|
.mec-cart table tr td a:hover {
|
|
color: #000;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.mec-cart table tr td,
|
|
.mec-cart table tr th {
|
|
background-color: #fff !important;
|
|
border: 0 !important;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-cart table tr {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.mec-cart table tr th:last-child {
|
|
text-align: right;
|
|
}
|
|
|
|
.mec-cart table tr {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.mec-cart table td:nth-child(1) {
|
|
width: 35px;
|
|
max-width: 35px;
|
|
}
|
|
|
|
.mec-cart table td:nth-child(2) {
|
|
width: 135px;
|
|
max-width: 135px;
|
|
}
|
|
|
|
.mec-cart table td:nth-child(3),
|
|
.mec-cart table td:nth-child(4) {
|
|
min-width: 200px;
|
|
width: 200px;
|
|
}
|
|
|
|
.mec-cart table td:nth-child(5) {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.mec-cart table td:nth-child(6) {
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mec-cart .mec-cart-coupon-code {
|
|
font-size: 12px;
|
|
color: #8d9599;
|
|
}
|
|
|
|
.mec-cart table thead tr th {
|
|
border-bottom: 1px solid #a3a3a3 !important;
|
|
}
|
|
|
|
.mec-cart table thead tr,
|
|
.mec-cart table thead tr th {
|
|
border-top: none !important;
|
|
}
|
|
|
|
@media only screen and (max-width: 992px) {
|
|
.mec-cart table {
|
|
min-width: 780px;
|
|
overflow-x: scroll;
|
|
}
|
|
}
|
|
|
|
.mec-cart table tfoot tr th:last-child {
|
|
display: none;
|
|
}
|
|
|
|
/* MEC Checkout */
|
|
.mec-checkout .mec-checkout-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 40px 0;
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
column-gap: 25px;
|
|
row-gap: 25px;
|
|
padding-bottom: 40px;
|
|
border-bottom: 1px solid #e6e6e6;
|
|
}
|
|
|
|
.mec-checkout .mec-checkout-list .mec-list-items {
|
|
padding: 20px 30px;
|
|
background: #fff;
|
|
border: 1px solid #e6e6e6;
|
|
box-shadow: 0 2px 0 0 rgb(0 0 0 / 2%);
|
|
}
|
|
|
|
.mec-checkout .mec-checkout-list .mec-list-items h3 {
|
|
margin-top: 20px;
|
|
margin-bottom: 12px;
|
|
font-size: 22px;
|
|
line-height: 27px;
|
|
letter-spacing: -0.4px;
|
|
font-weight: 700;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-checkout .mec-checkout-list .mec-list-items h5 {
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
padding-bottom: 5px;
|
|
display: inline;
|
|
color: #000;
|
|
margin: 0 0 8px 0;
|
|
}
|
|
|
|
.mec-checkout .mec-checkout-list .mec-list-items h6 {
|
|
margin: 0;
|
|
font-size: 16px;
|
|
line-height: 23px;
|
|
color: #8d9599;
|
|
font-weight: inherit;
|
|
}
|
|
|
|
.mec-checkout .mec-checkout-list .mec-list-items h6 {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mec-checkout .mec-checkout-list .mec-list-items h6:before {
|
|
content: "— ";
|
|
}
|
|
|
|
.mec-checkout .mec-checkout-list .mec-list-items ul {
|
|
list-style: none;
|
|
padding: 15px 0 0 0;
|
|
}
|
|
|
|
.mec-checkout .mec-checkout-list .mec-list-items .mec-checkout-price-details {
|
|
color: #000;
|
|
border: none;
|
|
border-radius: 2px;
|
|
background: #f7f7f7;
|
|
padding: 15px;
|
|
margin: 15px 0 0 0;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.mec-checkout
|
|
.mec-checkout-list
|
|
.mec-list-items
|
|
.mec-checkout-price-details
|
|
li {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.mec-checkout #mec_cart_total_payable {
|
|
margin: 0 0 40px 0;
|
|
font-size: 29px;
|
|
line-height: 27px;
|
|
letter-spacing: -0.4px;
|
|
font-weight: 700;
|
|
position: relative;
|
|
color: #39c36e;
|
|
}
|
|
|
|
.mec-checkout .mec-gateway-comment {
|
|
margin-top: 20px;
|
|
margin: 0 0 20px 0;
|
|
color: #616161;
|
|
font-size: 14px;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.mec-checkout .mec-email-stripe input[type="email"],
|
|
.mec-checkout .mec-name-stripe input[type="text"] {
|
|
box-sizing: border-box;
|
|
height: 40px;
|
|
padding: 10px 12px;
|
|
border: 0 !important;
|
|
border-radius: 4px;
|
|
background-color: #fff;
|
|
box-shadow: 0 1px 3px 0 #e6ebf1 !important;
|
|
-webkit-transition: box-shadow 150ms ease;
|
|
transition: box-shadow 150ms ease;
|
|
margin-bottom: 20px;
|
|
background: #fff !important;
|
|
max-width: 330px;
|
|
}
|
|
|
|
.mec-checkout label {
|
|
color: #424242;
|
|
font-weight: 700;
|
|
font-size: 13px;
|
|
letter-spacing: 0;
|
|
margin: 0 0 4px 0;
|
|
display: block;
|
|
clear: none;
|
|
padding: 7px 1em 3px 0;
|
|
}
|
|
|
|
.mec-checkout input[type="radio"]:before {
|
|
content: "";
|
|
display: inline-block;
|
|
background: #fff;
|
|
border-radius: 24px;
|
|
width: 13px;
|
|
height: 13px;
|
|
cursor: pointer;
|
|
margin: 1px 0 0 0;
|
|
border: 1px solid #d7d8d9;
|
|
}
|
|
|
|
.mec-checkout input[type="radio"]:checked:before {
|
|
border: 0;
|
|
background: #000;
|
|
}
|
|
|
|
.mec-checkout input[type="radio"] {
|
|
margin: 0 4px 0 0;
|
|
font-size: 0;
|
|
}
|
|
|
|
.mec-checkout input[type="checkbox"] {
|
|
float: left;
|
|
}
|
|
|
|
.mec-checkout-gateways-wrapper {
|
|
max-width: 54%;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.mec-checkout-gateways-wrapper {
|
|
max-width: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
.mec-checkout .mec-book-form-next-button {
|
|
float: right;
|
|
right: 30%;
|
|
width: 155px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-checkout .mec-checkout-actions .mec-checkout-cart-link.button {
|
|
background-color: #c4cace !important;
|
|
width: 155px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mec-checkout .mec-book-form-next-button:hover,
|
|
.mec-checkout .mec-checkout-actions .mec-checkout-cart-link.button:hover {
|
|
background: #000 !important;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.mec-checkout .mec-checkout-list {
|
|
display: block;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.mec-checkout .mec-checkout-list .mec-list-items {
|
|
margin-bottom: 20px;
|
|
padding: 15px;
|
|
}
|
|
|
|
.mec-checkout-gateways-wrapper {
|
|
max-width: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-checkout .mec-book-form-next-button {
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
.mec-checkout-footer {
|
|
background: #f5f6f7;
|
|
padding: 30px 40px 15px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.mec-checkout #mec_cart_total_payable {
|
|
margin: 0 0 15px;
|
|
font-size: 26px;
|
|
line-height: 1;
|
|
letter-spacing: -0.4px;
|
|
font-weight: 700;
|
|
position: relative;
|
|
color: #000000;
|
|
}
|
|
|
|
/* MEC Checkbox Filter */
|
|
|
|
.mec-wrap .mec-simple-checkboxes-search {
|
|
display: table-cell;
|
|
float: none;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.mec-wrap .mec-simple-checkboxes-search i {
|
|
font-size: 18px;
|
|
width: unset;
|
|
height: unset;
|
|
background: none;
|
|
border: none;
|
|
display: inline-block;
|
|
padding: 0;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.mec-wrap .mec-simple-checkboxes-search label:not(.selectit) {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 20px;
|
|
color: #313131;
|
|
display: inline-block;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.mec-wrap .mec-simple-checkboxes-search ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-wrap .mec-simple-checkboxes-search ul li label {
|
|
line-height: 20px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.mec-load-more-wrap.mec-load-more-scroll-loading {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: no-repeat rgba(255, 255, 255, 0.88) url("../img/ajax-loader.gif")
|
|
bottom;
|
|
border-style: none;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
top: 0;
|
|
z-index: 9;
|
|
}
|
|
|
|
.mec-nextprev-wrap {
|
|
margin-top: 30px;
|
|
overflow: hidden;
|
|
clear: both;
|
|
}
|
|
|
|
.mec-nextprev-next-button,
|
|
.mec-nextprev-prev-button {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.mec-nextprev-next-button {
|
|
float: right;
|
|
clear: both;
|
|
}
|
|
|
|
a.mec-nextprev-next-button {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
a.mec-nextprev-next-button:hover {
|
|
color: var(--mec-color-skin);
|
|
}
|
|
|
|
.mec-nextprev-prev-button svg {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.mec-loading-events:after {
|
|
content: "";
|
|
background: rgba(255, 255, 255, 0.88) url("../img/ajax-loader.gif") no-repeat
|
|
center calc(100% - 100px);
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
margin: 0 -10px;
|
|
}
|
|
|
|
.mec-credit-url {
|
|
font-size: 11px;
|
|
text-align: center;
|
|
color: #919293;
|
|
}
|
|
|
|
.mec-credit-url a {
|
|
text-decoration: none;
|
|
color: #919293;
|
|
}
|
|
|
|
body[class*="mec-theme"] .mec-wrap a {
|
|
text-decoration: auto;
|
|
}
|
|
|
|
.mec-ticket-name-description-wrapper h4 {
|
|
margin: 0 0 5px 0;
|
|
}
|
|
|
|
.mec-ticket-name-description-wrapper h4 .mec-ticket-attendee-counter,
|
|
.mec-ticket-name-description-wrapper h4 .mec-ticket-name {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.gm-style img {
|
|
max-width: unset !important;
|
|
}
|
|
|
|
.gm-style .gm-style-mtc button {
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
/* FAQ Styles */
|
|
|
|
.mec-faq-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-faq-list .mec-faq-item {
|
|
border-bottom: 1px solid #d4d4d4;
|
|
position: relative;
|
|
}
|
|
|
|
.mec-faq-list .mec-faq-item .mec-faq-toggle-icon {
|
|
font-size: 12px;
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 32px;
|
|
z-index: 1;
|
|
cursor: pointer;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.mec-faq-list .mec-faq-item.close .mec-faq-toggle-icon {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.mec-faq-list .mec-faq-item .mec-faq-title {
|
|
padding: 25px 15px;
|
|
}
|
|
|
|
.mec-faq-list .mec-faq-item .mec-faq-title h4 {
|
|
font-size: 19px;
|
|
font-weight: 700;
|
|
margin: 0;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.mec-faq-list .mec-faq-item .mec-faq-title h4:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 30%;
|
|
height: 100%;
|
|
background: rgb(0, 0, 0);
|
|
background: linear-gradient(
|
|
90deg,
|
|
rgba(0, 0, 0, 0) 0%,
|
|
rgba(255, 255, 255, 1) 95%,
|
|
rgba(255, 255, 255, 1) 100%
|
|
);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.mec-faq-list .mec-faq-item .mec-faq-content {
|
|
padding: 0 15px 5px;
|
|
max-height: 500px;
|
|
overflow: hidden;
|
|
-webkit-transition: max-height 0.5s linear;
|
|
-moz-transition: max-height 0.5s linear;
|
|
-ms-transition: max-height 0.5s linear;
|
|
-o-transition: max-height 0.5s linear;
|
|
transition: max-height 0.5s linear;
|
|
}
|
|
|
|
.mec-faq-list .mec-faq-item.close .mec-faq-content {
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mec-faq-list .mec-faq-item .mec-faq-content p {
|
|
color: #6d8193;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.7em;
|
|
letter-spacing: 0.2px;
|
|
}
|
|
|
|
/* FAQ Styles End */
|
|
|
|
/* Trailer Styles */
|
|
|
|
.mec-trailer iframe {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Trailer Styles End */
|
|
|
|
/* Banner Styles */
|
|
|
|
.single-mec-events {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.mec-event-banner {
|
|
width: calc(100vw - 17px);
|
|
position: relative;
|
|
margin-left: calc(-50vw - 10px);
|
|
left: calc(50% + 18px);
|
|
min-height: 420px;
|
|
padding: 80px 0;
|
|
text-align: center;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.mec-event-banner-inner {
|
|
max-width: 900px;
|
|
margin: 0 auto;
|
|
min-height: 260px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.mec-event-banner-title .mec-single-title {
|
|
font-size: 46px;
|
|
font-weight: 700;
|
|
line-height: 1.1;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-banner-datetime {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-event-banner-datetime .mec-single-event-date,
|
|
.mec-event-banner-datetime .mec-single-event-time,
|
|
.mec-event-banner-location .mec-single-event-location {
|
|
display: flex;
|
|
align-items: baseline;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-banner-location .mec-single-event-location {
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 16px;
|
|
}
|
|
|
|
.mec-event-banner-location > i {
|
|
display: none;
|
|
}
|
|
|
|
.mec-event-banner-location img {
|
|
max-width: 90px;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-event-banner-location .mec-single-event-location dl {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 7px;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.mec-event-banner-location .mec-single-event-location img + dl {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.mec-event-banner-location .mec-single-event-location dl dd {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 5px;
|
|
}
|
|
|
|
.mec-event-banner-location .mec-single-event-location dl dd * {
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-event-banner-location
|
|
.mec-single-event-location
|
|
dl
|
|
dd
|
|
address.mec-events-address {
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.mec-event-banner-datetime .mec-single-event-date h3.mec-date,
|
|
.mec-event-banner-datetime .mec-single-event-time h3.mec-time,
|
|
.mec-event-banner-location .mec-single-event-location .mec-location {
|
|
display: none;
|
|
}
|
|
|
|
.mec-event-banner-datetime .mec-single-event-date i,
|
|
.mec-event-banner-datetime .mec-single-event-time i {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.mec-event-banner-datetime .mec-single-event-date dl dd,
|
|
.mec-event-banner-datetime .mec-single-event-time dl dd,
|
|
.mec-event-banner-location .mec-single-event-location dl dd {
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-event-banner-datetime .mec-single-event-time .mec-time-comment {
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 20px;
|
|
}
|
|
|
|
.mec-event-banner-datetime .mec-single-event-date {
|
|
position: static;
|
|
}
|
|
|
|
.mec-event-banner-datetime .mec-single-event-date .mec-holding-status {
|
|
position: absolute;
|
|
bottom: 0;
|
|
color: #fff;
|
|
width: 100px;
|
|
padding: 0 5px;
|
|
border: 1px solid #fff;
|
|
border-radius: 5px;
|
|
left: calc(50% - 50px);
|
|
}
|
|
|
|
.mec-event-banner-color {
|
|
width: calc(100vw - 17px);
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 0;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.mec-event-banner {
|
|
width: 100vw;
|
|
position: relative;
|
|
margin-left: -50vw;
|
|
left: 50%;
|
|
}
|
|
|
|
.mec-event-banner-color {
|
|
width: 100vw;
|
|
}
|
|
|
|
.mec-event-banner-inner {
|
|
min-height: 400px;
|
|
max-width: 90%;
|
|
}
|
|
|
|
.mec-event-banner-title .mec-single-title {
|
|
font-size: 36px;
|
|
}
|
|
|
|
.mec-event-banner-datetime {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.mec-event-banner-location .mec-single-event-location {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.mec-event-banner-location .mec-single-event-location dl {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
/* Banner Styles End*/
|
|
|
|
/* Fix Twitter icon style */
|
|
.mec-wrap li.mec-event-social-icon a > svg {
|
|
width: 36px;
|
|
height: 36px;
|
|
border-radius: 50%;
|
|
padding: 7px;
|
|
fill: #767676;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.mec-wrap .mec-event-list-standard li.mec-event-social-icon a.twitter svg,
|
|
.mec-wrap .mec-event-grid-classic li.mec-event-social-icon a.twitter svg,
|
|
.mec-wrap .mec-event-grid-modern li.mec-event-social-icon a.twitter svg,
|
|
.mec-wrap .mec-event-grid-clean li.mec-event-social-icon a.twitter svg {
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 36px;
|
|
width: 16px;
|
|
margin-bottom: -7px;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing > li a {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing > li a svg {
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
.mec-event-list-modern .mec-event-sharing {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
/* Add to calendar Styles*/
|
|
|
|
.mec-subscribe-to-calendar-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: end;
|
|
}
|
|
|
|
.mec-wrap button.mec-subscribe-to-calendar-btn {
|
|
margin-bottom: 10px !important;
|
|
margin-right: 0 !important;
|
|
width: 180px;
|
|
}
|
|
|
|
.mec-subscribe-to-calendar-items {
|
|
width: 180px;
|
|
padding: 5px 20px;
|
|
background: #fff;
|
|
border: 1px solid #e6e7e8;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.mec-subscribe-to-calendar-items a {
|
|
font-size: 14px;
|
|
color: #8d8d8d;
|
|
display: block;
|
|
margin: 10px 0;
|
|
transition: 0.2s;
|
|
}
|
|
|
|
.mec-subscribe-to-calendar-items a:hover {
|
|
color: var(--mec-color-skin);
|
|
}
|
|
|
|
/* Add to calendar Styles End*/
|
|
|
|
/* Ticket Variations Shortcode */
|
|
|
|
.mec-booking-ticket-variations ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.mec-booking-ticket-variations ul li {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mec-booking-ticket-variations ul li h5 {
|
|
font-size: 16px;
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-booking-ticket-variations ul li p {
|
|
margin: 0;
|
|
}
|
|
|
|
/* Ticket Variations Shortcode End*/
|
|
|
|
/* RTL General Calendar */
|
|
.rtl .mec-gCalendar #mec-gCalendar-wrap .fc-header-toolbar.fc-toolbar {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.rtl .mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
|
|
margin-right: 0;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.rtl .mec-gCalendar button.fc-prevYear-button.fc-button.fc-button-primary {
|
|
border-right: 1px solid #e3e4e5;
|
|
border-left: none;
|
|
border-radius: 0 7px 7px 0;
|
|
}
|
|
|
|
.rtl .mec-gCalendar button.fc-nextYear-button.fc-button.fc-button-primary {
|
|
border-left: 1px solid #e3e4e5;
|
|
border-right: none;
|
|
border-radius: 7px 0 0 7px;
|
|
}
|
|
|
|
.rtl .mec-gCalendar-search-text-wrap {
|
|
border-left: none;
|
|
border-right: 1px solid #e3e4e5;
|
|
padding-left: 0;
|
|
padding-right: 16px;
|
|
}
|
|
|
|
.rtl .mec-gCalendar button.fc-filterEvents-button.fc-button.fc-button-primary {
|
|
text-align: left;
|
|
padding-right: 32px;
|
|
padding-left: 13px;
|
|
}
|
|
|
|
.rtl
|
|
.mec-gCalendar
|
|
button.fc-filterEvents-button.fc-button.fc-button-primary
|
|
svg {
|
|
left: unset;
|
|
right: 10px;
|
|
}
|
|
|
|
.rtl .mec-gCalendar button.fc-findEvents-button.fc-button.fc-button-primary,
|
|
.rtl
|
|
.mec-gCalendar
|
|
button.fc-findEvents-button.fc-button.fc-button-primary:active,
|
|
.rtl .mec-gCalendar button.fc-filterEvents-button.fc-button.fc-button-primary {
|
|
margin-left: 0 !important;
|
|
margin-right: 20px !important;
|
|
}
|
|
|
|
.rtl .mec-gCalendar-filters {
|
|
right: unset;
|
|
left: calc(50% - 119px);
|
|
}
|
|
|
|
.rtl .mec-gCalendar-filters:before,
|
|
.rtl #MonthPicker_mec-gCalendar-month-filter:before,
|
|
.rtl .mec-gCalendar-filters:after,
|
|
.rtl #MonthPicker_mec-gCalendar-month-filter:after {
|
|
left: unset;
|
|
right: 50%;
|
|
margin-left: unset;
|
|
margin-right: 77px;
|
|
}
|
|
|
|
.rtl .mec-gCalendar-filters-wrap .mec-dropdown-search i,
|
|
.rtl .mec-gCalendar-filters-wrap .mec-minmax-event-cost i,
|
|
.rtl .mec-gCalendar-filters-wrap .mec-checkboxes-search i,
|
|
.rtl .mec-gCalendar-filters-wrap .mec-text-address-search i {
|
|
border-right: 1px solid #e3e4e5;
|
|
border-left: 0;
|
|
border-radius: 0 3px 3px 0;
|
|
}
|
|
|
|
.rtl .mec-gCalendar-filters-wrap .mec-minmax-event-cost input:last-child,
|
|
.rtl .mec-gCalendar-filters-wrap .mec-text-address-search input:focus,
|
|
.rtl .mec-gCalendar-filters-wrap .mec-text-address-search input {
|
|
border-left: 1px solid #e3e4e5;
|
|
border-radius: 3px 0 0 3px;
|
|
border-right: 1px solid #e3e4e5;
|
|
}
|
|
|
|
.rtl .nice-select {
|
|
padding-left: 30px;
|
|
padding-right: 18px;
|
|
text-align: right !important;
|
|
border-radius: 3px 0 0 3px;
|
|
}
|
|
|
|
.rtl .nice-select:after {
|
|
right: unset;
|
|
left: 15px;
|
|
}
|
|
|
|
.rtl #mec-gCalendar-wrap table.fc-scrollgrid tr th {
|
|
text-align: right;
|
|
padding: 20px 10px 3px 0;
|
|
}
|
|
|
|
.rtl #mec-gCalendar-wrap table.fc-scrollgrid-sync-table tr td {
|
|
text-align: right;
|
|
}
|
|
|
|
.rtl .mec-gCalendar table.fc-scrollgrid-sync-table tbody td {
|
|
border-left: 1px solid #eee;
|
|
border-right: none;
|
|
}
|
|
|
|
.rtl .mec-gCalendar-tooltip-date-text i,
|
|
.rtl .mec-gCalendar-tooltip-date-time i {
|
|
margin-right: 0;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.rtl
|
|
.mec-month-picker.datepicker
|
|
table
|
|
thead:first-child
|
|
tr:first-child
|
|
th.prev:before {
|
|
content: "\e606";
|
|
}
|
|
|
|
.rtl
|
|
.mec-month-picker.datepicker
|
|
table
|
|
thead:first-child
|
|
tr:first-child
|
|
th.next:before {
|
|
content: "\e605";
|
|
}
|
|
|
|
/* --------------------- */
|
|
|
|
/* Dynamic CSS Start */
|
|
|
|
/* == Custom Fonts For H Tag
|
|
---------------- */
|
|
.mec-hourly-schedule-speaker-name,
|
|
.mec-events-meta-group-countdown .countdown-w span,
|
|
.mec-single-event .mec-event-meta dt,
|
|
.mec-hourly-schedule-speaker-job-title,
|
|
.post-type-archive-mec-events h1,
|
|
.mec-ticket-available-spots .mec-event-ticket-name,
|
|
.tax-mec_category h1,
|
|
.mec-wrap h1,
|
|
.mec-wrap h2,
|
|
.mec-wrap h3,
|
|
.mec-wrap h4,
|
|
.mec-wrap h5,
|
|
.mec-wrap h6,
|
|
.entry-content .mec-wrap h1,
|
|
.entry-content .mec-wrap h2,
|
|
.entry-content .mec-wrap h3,
|
|
.entry-content .mec-wrap h4,
|
|
.entry-content .mec-wrap h5,
|
|
.entry-content .mec-wrap h6 {
|
|
font-family: var(--mec-heading-font-family), Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
/* == Custom Fonts For P Tag
|
|
---------------- */
|
|
.mec-single-event .mec-event-meta .mec-events-event-cost,
|
|
.mec-event-data-fields .mec-event-data-field-item .mec-event-data-field-value,
|
|
.mec-event-data-fields .mec-event-data-field-item .mec-event-data-field-name,
|
|
.mec-wrap .info-msg div,
|
|
.mec-wrap .mec-error div,
|
|
.mec-wrap .mec-success div,
|
|
.mec-wrap .warning-msg div,
|
|
.mec-breadcrumbs .mec-current,
|
|
.mec-events-meta-group-tags,
|
|
.lity-content .mec-events-meta-group-booking .mec-event-ticket-available,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-event-ticket-available,
|
|
.mec-single-modern .mec-single-event-bar > div dd,
|
|
.mec-single-event .mec-event-meta dd,
|
|
.mec-single-event .mec-event-meta dd a,
|
|
.mec-next-occ-booking span,
|
|
.mec-hourly-schedule-speaker-description,
|
|
.mec-single-event .mec-speakers-details ul li .mec-speaker-job-title,
|
|
.mec-single-event .mec-speakers-details ul li .mec-speaker-name,
|
|
.mec-event-data-field-items,
|
|
.mec-load-more-button,
|
|
.mec-events-meta-group-tags a,
|
|
.mec-events-button,
|
|
.mec-wrap abbr,
|
|
.mec-event-schedule-content dl dt,
|
|
.mec-breadcrumbs a,
|
|
.mec-breadcrumbs span .mec-event-content p,
|
|
.mec-wrap p {
|
|
font-family: var(--mec-paragraph-font-family), sans-serif;
|
|
font-weight: 300;
|
|
}
|
|
|
|
/* == TextColors
|
|
---------------- */
|
|
.mec-event-grid-minimal .mec-modal-booking-button:hover,
|
|
.mec-events-timeline-wrap .mec-organizer-item a,
|
|
.mec-events-timeline-wrap .mec-organizer-item:after,
|
|
.mec-events-timeline-wrap .mec-shortcode-organizers i,
|
|
.mec-timeline-event .mec-modal-booking-button,
|
|
.mec-wrap .mec-map-lightbox-wp.mec-event-list-classic .mec-event-date,
|
|
.mec-timetable-t2-col .mec-modal-booking-button:hover,
|
|
.mec-event-container-classic .mec-modal-booking-button:hover,
|
|
.mec-calendar-events-side .mec-modal-booking-button:hover,
|
|
.mec-event-grid-yearly .mec-modal-booking-button,
|
|
.mec-events-agenda .mec-modal-booking-button,
|
|
.mec-event-grid-simple .mec-modal-booking-button,
|
|
.mec-event-list-minimal .mec-modal-booking-button:hover,
|
|
.mec-timeline-month-divider,
|
|
.mec-wrap.colorskin-custom .mec-totalcal-box .mec-totalcal-view span:hover,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-calendar.mec-event-calendar-classic
|
|
.mec-selected-day,
|
|
.mec-wrap.colorskin-custom .mec-color,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-event-sharing-wrap
|
|
.mec-event-sharing
|
|
> li:hover
|
|
a,
|
|
.mec-wrap.colorskin-custom .mec-color-hover:hover,
|
|
.mec-wrap.colorskin-custom .mec-color-before *:before,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-widget
|
|
.mec-event-grid-classic.owl-carousel
|
|
.owl-nav
|
|
i,
|
|
.mec-wrap.colorskin-custom .mec-event-list-classic a.magicmore:hover,
|
|
.mec-wrap.colorskin-custom .mec-event-grid-simple .mec-event-title:hover,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-single-event
|
|
.mec-event-meta
|
|
dd.mec-events-event-categories:before,
|
|
.mec-wrap.colorskin-custom .mec-single-event-date:before,
|
|
.mec-wrap.colorskin-custom .mec-single-event-time:before,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-events-meta-group.mec-events-meta-group-venue:before,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-calendar
|
|
.mec-calendar-side
|
|
.mec-previous-month
|
|
i,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-calendar
|
|
.mec-calendar-side
|
|
.mec-next-month:hover,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-calendar
|
|
.mec-calendar-side
|
|
.mec-previous-month:hover,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-calendar
|
|
.mec-calendar-side
|
|
.mec-next-month:hover,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-calendar.mec-event-calendar-classic
|
|
dt.mec-selected-day:hover,
|
|
.mec-wrap.colorskin-custom .mec-infowindow-wp h5 a:hover,
|
|
.colorskin-custom .mec-events-meta-group-countdown .mec-end-counts h3,
|
|
.mec-calendar .mec-calendar-side .mec-next-month i,
|
|
.mec-wrap .mec-totalcal-box i,
|
|
.mec-calendar .mec-event-article .mec-event-title a:hover,
|
|
.mec-attendees-list-details .mec-attendee-profile-link a:hover,
|
|
.mec-wrap.colorskin-custom .mec-next-event-details li i,
|
|
.mec-next-event-details i:before,
|
|
.mec-marker-infowindow-wp .mec-marker-infowindow-count,
|
|
.mec-next-event-details a,
|
|
.mec-wrap.colorskin-custom .mec-events-masonry-cats a.mec-masonry-cat-selected,
|
|
.lity .mec-color,
|
|
.lity .mec-color-before :before,
|
|
.lity .mec-color-hover:hover,
|
|
.lity .mec-wrap .mec-color,
|
|
.lity .mec-wrap .mec-color-before :before,
|
|
.lity .mec-wrap .mec-color-hover:hover,
|
|
.leaflet-popup-content .mec-color,
|
|
.leaflet-popup-content .mec-color-before :before,
|
|
.leaflet-popup-content .mec-color-hover:hover,
|
|
.leaflet-popup-content .mec-wrap .mec-color,
|
|
.leaflet-popup-content .mec-wrap .mec-color-before :before,
|
|
.leaflet-popup-content .mec-wrap .mec-color-hover:hover,
|
|
.mec-calendar.mec-calendar-daily
|
|
.mec-calendar-d-table
|
|
.mec-daily-view-day.mec-daily-view-day-active.mec-color,
|
|
.mec-map-boxshow div .mec-map-view-event-detail.mec-event-detail i,
|
|
.mec-map-boxshow div .mec-map-view-event-detail.mec-event-detail:hover,
|
|
.mec-map-boxshow .mec-color,
|
|
.mec-map-boxshow .mec-color-before :before,
|
|
.mec-map-boxshow .mec-color-hover:hover,
|
|
.mec-map-boxshow .mec-wrap .mec-color,
|
|
.mec-map-boxshow .mec-wrap .mec-color-before :before,
|
|
.mec-map-boxshow .mec-wrap .mec-color-hover:hover,
|
|
.mec-choosen-time-message,
|
|
.mec-booking-calendar-month-navigation .mec-next-month:hover,
|
|
.mec-booking-calendar-month-navigation .mec-previous-month:hover,
|
|
.mec-yearly-view-wrap .mec-agenda-event-title a:hover,
|
|
.mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year i,
|
|
.mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year i,
|
|
.mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year:hover,
|
|
.mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year:hover,
|
|
.mec-av-spot .mec-av-spot-head .mec-av-spot-box span,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-calendar
|
|
.mec-calendar-side
|
|
.mec-previous-month:hover
|
|
.mec-load-month-link,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-calendar
|
|
.mec-calendar-side
|
|
.mec-next-month:hover
|
|
.mec-load-month-link,
|
|
.mec-yearly-view-wrap
|
|
.mec-yearly-title-sec
|
|
.mec-previous-year:hover
|
|
.mec-load-month-link,
|
|
.mec-yearly-view-wrap
|
|
.mec-yearly-title-sec
|
|
.mec-next-year:hover
|
|
.mec-load-month-link,
|
|
.mec-skin-list-events-container
|
|
.mec-data-fields-tooltip
|
|
.mec-data-fields-tooltip-box
|
|
ul
|
|
.mec-event-data-field-item
|
|
a,
|
|
.mec-wrap.mec-cart table tr td a,
|
|
.mec-marker-infowindow-wp .mec-marker-infowindow-count,
|
|
.mec-single-event .mec-speakers-details ul li .mec-speaker-name {
|
|
color: var(--mec-color-skin);
|
|
}
|
|
|
|
.mec-event-list-standard .mec-event-meta svg path,
|
|
.mec-wrap .mec-event-sharing-wrap .mec-event-sharing > li:hover a svg {
|
|
fill: var(--mec-color-skin);
|
|
}
|
|
|
|
/* == Backgrounds
|
|
----------------- */
|
|
.mec-skin-carousel-container
|
|
.mec-event-footer-carousel-type3
|
|
.mec-modal-booking-button:hover,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-event-sharing
|
|
.mec-event-share:hover
|
|
.event-sharing-icon,
|
|
.mec-wrap.colorskin-custom .mec-event-grid-clean .mec-event-date,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-event-list-modern
|
|
.mec-event-sharing
|
|
> li:hover
|
|
a
|
|
i,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-event-list-modern
|
|
.mec-event-sharing
|
|
.mec-event-share:hover
|
|
.mec-event-sharing-icon,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-event-list-modern
|
|
.mec-event-sharing
|
|
li:hover
|
|
a
|
|
i,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-calendar:not(.mec-event-calendar-classic)
|
|
.mec-selected-day,
|
|
.mec-wrap.colorskin-custom .mec-calendar .mec-selected-day:hover,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-calendar
|
|
.mec-calendar-row
|
|
dt.mec-has-event:hover,
|
|
.mec-wrap.colorskin-custom .mec-calendar .mec-has-event:after,
|
|
.mec-wrap.colorskin-custom .mec-bg-color,
|
|
.mec-wrap.colorskin-custom .mec-bg-color-hover:hover,
|
|
.colorskin-custom .mec-event-sharing-wrap:hover > li,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-totalcal-box
|
|
.mec-totalcal-view
|
|
span.mec-totalcalview-selected,
|
|
.mec-wrap .flip-clock-wrapper ul li a div div.inn,
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected,
|
|
.event-carousel-type1-head .mec-event-date-carousel,
|
|
.mec-event-countdown-style3 .mec-event-date,
|
|
#wrap .mec-wrap article.mec-event-countdown-style1,
|
|
.mec-event-countdown-style1 .mec-event-countdown-part3 a.mec-event-button,
|
|
.mec-wrap .mec-event-countdown-style2,
|
|
.mec-map-get-direction-btn-cnt input[type="submit"],
|
|
.mec-booking button,
|
|
span.mec-marker-wrap,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-timeline-events-container
|
|
.mec-timeline-event-date:before,
|
|
.mec-has-event-for-booking.mec-active .mec-calendar-novel-selected-day,
|
|
.mec-booking-tooltip.multiple-time .mec-booking-calendar-date.mec-active,
|
|
.mec-booking-tooltip.multiple-time .mec-booking-calendar-date:hover,
|
|
.mec-ongoing-normal-label,
|
|
.mec-calendar .mec-has-event:after,
|
|
.mec-events-progress-bar progress:after,
|
|
.mec-events-progress-bar progress::-webkit-progress-value {
|
|
background-color: var(--mec-color-skin);
|
|
}
|
|
|
|
.mec-booking-tooltip.multiple-time .mec-booking-calendar-date:hover,
|
|
.mec-calendar-day.mec-active
|
|
.mec-booking-tooltip.multiple-time
|
|
.mec-booking-calendar-date.mec-active {
|
|
background-color: var(--mec-color-skin);
|
|
}
|
|
|
|
/* == BorderColors
|
|
------------------ */
|
|
.mec-skin-carousel-container
|
|
.mec-event-footer-carousel-type3
|
|
.mec-modal-booking-button:hover,
|
|
.mec-timeline-month-divider,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-single-event
|
|
.mec-speakers-details
|
|
ul
|
|
li
|
|
.mec-speaker-avatar
|
|
a:hover
|
|
img,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-event-list-modern
|
|
.mec-event-sharing
|
|
> li:hover
|
|
a
|
|
i,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-event-list-modern
|
|
.mec-event-sharing
|
|
.mec-event-share:hover
|
|
.mec-event-sharing-icon,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-event-list-standard
|
|
.mec-month-divider
|
|
span:before,
|
|
.mec-wrap.colorskin-custom .mec-single-event .mec-social-single:before,
|
|
.mec-wrap.colorskin-custom .mec-single-event .mec-frontbox-title:before,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-calendar
|
|
.mec-calendar-events-side
|
|
.mec-table-side-day,
|
|
.mec-wrap.colorskin-custom .mec-border-color,
|
|
.mec-wrap.colorskin-custom .mec-border-color-hover:hover,
|
|
.colorskin-custom .mec-single-event .mec-frontbox-title:before,
|
|
.colorskin-custom .mec-single-event .mec-wrap-checkout h4:before,
|
|
.colorskin-custom
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
form
|
|
> h4:before,
|
|
.mec-wrap.colorskin-custom
|
|
.mec-totalcal-box
|
|
.mec-totalcal-view
|
|
span.mec-totalcalview-selected,
|
|
.mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected,
|
|
.event-carousel-type1-head .mec-event-date-carousel:after,
|
|
.mec-wrap.colorskin-custom .mec-events-masonry-cats a.mec-masonry-cat-selected,
|
|
.mec-marker-infowindow-wp .mec-marker-infowindow-count,
|
|
.mec-wrap.colorskin-custom .mec-events-masonry-cats a:hover,
|
|
.mec-has-event-for-booking .mec-calendar-novel-selected-day,
|
|
.mec-booking-tooltip.multiple-time .mec-booking-calendar-date.mec-active,
|
|
.mec-booking-tooltip.multiple-time .mec-booking-calendar-date:hover,
|
|
.mec-virtual-event-history h3:before,
|
|
.mec-booking-tooltip.multiple-time .mec-booking-calendar-date:hover,
|
|
.mec-calendar-day.mec-active
|
|
.mec-booking-tooltip.multiple-time
|
|
.mec-booking-calendar-date.mec-active,
|
|
.mec-rsvp-form-box form > h4:before,
|
|
.mec-wrap .mec-box-title::before,
|
|
.mec-box-title::before,
|
|
.lity-content .mec-booking-progress-bar li.mec-active:after,
|
|
.mec-single-event .mec-frontbox-title:before,
|
|
.mec-single-event .mec-wrap-checkout h4:before,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout
|
|
h4:before,
|
|
.lity-content .mec-events-meta-group-booking form > h4:before,
|
|
.mec-single-event .mec-events-meta-group-booking form > h4:before,
|
|
.mec-events-meta-group-booking .mec-booking-shortcode form > h4:before,
|
|
.lity-content .mec-events-meta-group-booking .mec-wrap-checkout h4:before,
|
|
.mec-single-event .mec-events-meta-group-booking .mec-wrap-checkout h4:before,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout
|
|
h4:before {
|
|
border-color: var(--mec-color-skin);
|
|
}
|
|
|
|
.mec-wrap.colorskin-custom .mec-event-countdown-style3 .mec-event-date:after,
|
|
.mec-wrap.colorskin-custom .mec-month-divider span:before,
|
|
.mec-calendar.mec-event-container-simple dl dt.mec-selected-day,
|
|
.mec-calendar.mec-event-container-simple dl dt.mec-selected-day:hover {
|
|
border-bottom-color: var(--mec-color-skin);
|
|
}
|
|
|
|
.mec-wrap.colorskin-custom
|
|
article.mec-event-countdown-style1
|
|
.mec-event-countdown-part2:after {
|
|
border-color: transparent transparent transparent var(--mec-color-skin);
|
|
}
|
|
|
|
.mec-wrap .button,
|
|
.mec-wrap
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
):not(.mec-googlemap-details button):not(.mec-googlemap-skin button),
|
|
.mec-wrap input[type="submit"],
|
|
.mec-wrap input[type="reset"],
|
|
.mec-wrap input[type="button"],
|
|
.lity-content .button,
|
|
.lity-content
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
):not(.mec-googlemap-details button):not(.mec-googlemap-skin button),
|
|
.lity-content input[type="submit"],
|
|
.lity-content input[type="reset"],
|
|
.lity-content input[type="button"],
|
|
.lity-content input[type="submit"],
|
|
.mec-nextprev-next-button,
|
|
.mec-nextprev-prev-button,
|
|
.mec-form-row .mec-book-form-next-button.mec-book-form-pay-button {
|
|
color: var(--mec-color-skin);
|
|
background: var(--mec-color-skin-rgba-1);
|
|
border-color: var(--mec-color-skin-rgba-1);
|
|
}
|
|
|
|
.mec-wrap .button:hover,
|
|
.mec-wrap a.button:hover,
|
|
.mec-wrap
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
):not(.mec-googlemap-details button):not(.mec-googlemap-skin button):hover,
|
|
.mec-wrap input[type="submit"]:hover,
|
|
.mec-wrap input[type="reset"]:hover,
|
|
.mec-wrap input[type="button"]:hover,
|
|
.lity-content .button:hover,
|
|
.lity-content
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
):not(.mec-googlemap-details button):not(.mec-googlemap-skin button):hover,
|
|
.lity-content input[type="submit"]:hover,
|
|
.lity-content input[type="reset"]:hover,
|
|
.lity-content input[type="button"]:hover,
|
|
.lity-content input[type="submit"]:hover,
|
|
.mec-nextprev-next-button:hover,
|
|
.mec-nextprev-prev-button:hover {
|
|
border-color: var(--mec-color-skin);
|
|
}
|
|
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
input[type="radio"]:checked:before,
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
input[type="radio"]:checked:before,
|
|
.lity-container
|
|
.mec-events-meta-group-booking
|
|
input[type="radio"]:checked:before {
|
|
background: var(--mec-color-skin);
|
|
box-shadow: 0 0 0 2px var(--mec-color-skin-rgba-1);
|
|
}
|
|
|
|
.mec-wrap .button svg path,
|
|
.mec-wrap
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
)
|
|
svg
|
|
path,
|
|
.mec-wrap input[type="submit"] svg path,
|
|
.mec-wrap input[type="reset"] svg path,
|
|
.mec-wrap input[type="button"] svg path,
|
|
.lity-content .button svg path,
|
|
.lity-content
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
)
|
|
svg
|
|
path,
|
|
.lity-content input[type="submit"] svg path,
|
|
.lity-content input[type="reset"] svg path,
|
|
.lity-content input[type="button"] svg path,
|
|
.mec-nextprev-next-button svg path,
|
|
.mec-nextprev-prev-button svg path {
|
|
fill: var(--mec-color-skin);
|
|
}
|
|
|
|
.mec-wrap .button svg.back path,
|
|
.mec-wrap
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
):not(.et-fb-button)
|
|
svg.back
|
|
path {
|
|
fill: #636f72;
|
|
}
|
|
|
|
.mec-booking-calendar-month-navigation .mec-previous-month:hover a,
|
|
.mec-booking-calendar-month-navigation .mec-next-month:hover a {
|
|
color: var(--mec-color-skin);
|
|
}
|
|
|
|
/* == BoxShadow
|
|
------------------ */
|
|
.mec-wrap.colorskin-custom .mec-box-shadow-color {
|
|
box-shadow: 0 4px 22px -7px var(--mec-color-skin);
|
|
}
|
|
|
|
/* == Timeline View
|
|
------------------ */
|
|
.mec-timeline-event .mec-modal-booking-button,
|
|
.mec-events-timeline-wrap:before,
|
|
.mec-wrap.colorskin-custom .mec-timeline-event-local-time,
|
|
.mec-wrap.colorskin-custom .mec-timeline-event-time,
|
|
.mec-wrap.colorskin-custom .mec-timeline-event-location,
|
|
.mec-wrap.colorskin-custom .mec-timeline-event-organizer,
|
|
.mec-wrap.colorskin-custom .mec-timeline-event-categories,
|
|
.mec-choosen-time-message {
|
|
background: var(--mec-color-skin-rgba-4);
|
|
}
|
|
|
|
/* == Render Container Normal Width
|
|
------------------ */
|
|
@media only screen and (min-width: 1200px) {
|
|
.mec-container,
|
|
body [id*="mec_skin_"].mec-fluent-wrap {
|
|
width: var(--mec-container-normal-width);
|
|
max-width: var(--mec-container-normal-width);
|
|
}
|
|
}
|
|
|
|
/* == Render Container Large Width
|
|
------------------ */
|
|
@media only screen and (min-width: 1921px) {
|
|
.mec-container,
|
|
body [id*="mec_skin_"].mec-fluent-wrap {
|
|
width: var(--mec-container-large-width);
|
|
max-width: var(--mec-container-large-width);
|
|
}
|
|
}
|
|
|
|
/* == Advanced Color Options (shortcodes)
|
|
------------------ */
|
|
.mec-wrap h1 a,
|
|
.mec-wrap h2 a,
|
|
.mec-wrap h3 a,
|
|
.mec-wrap h4 a,
|
|
.mec-wrap h5 a,
|
|
.mec-wrap h6 a,
|
|
.entry-content .mec-wrap h1 a,
|
|
.entry-content .mec-wrap h2 a,
|
|
.entry-content .mec-wrap h3 a,
|
|
.entry-content .mec-wrap h4 a,
|
|
.entry-content .mec-wrap h5 a,
|
|
.entry-content .mec-wrap h6 a,
|
|
.mec-wrap .mec-calendar .mec-event-article .mec-event-title a,
|
|
.mec-wrap .mec-event-grid-simple .mec-event-title a,
|
|
.mec-wrap .mec-event-grid-modern .mec-event-title a,
|
|
.mec-wrap .mec-event-grid-minimal .mec-event-title a,
|
|
.mec-wrap .mec-event-grid-clean .mec-event-title a,
|
|
.mec-wrap .mec-event-grid-classic .mec-event-title a,
|
|
.mec-wrap .mec-event-list-standard .mec-event-title a,
|
|
.mec-wrap .mec-wrap .mec-event-list-modern .mec-event-title a,
|
|
.mec-wrap .mec-event-list-minimal .mec-event-title a,
|
|
.mec-wrap .mec-event-list-classic .mec-event-title a {
|
|
color: var(--mec-title-color);
|
|
}
|
|
|
|
.mec-wrap.colorskin-custom h1 a:hover,
|
|
.mec-wrap.colorskin-custom h2 a:hover,
|
|
.mec-wrap.colorskin-custom h3 a:hover,
|
|
.mec-wrap.colorskin-custom h4 a:hover,
|
|
.mec-wrap.colorskin-custom h5 a:hover,
|
|
.mec-wrap.colorskin-custom h6 a:hover,
|
|
.entry-content .mec-wrap.colorskin-custom h1 a:hover,
|
|
.entry-content .mec-wrap.colorskin-custom h2 a:hover,
|
|
.entry-content .mec-wrap.colorskin-custom h3 a:hover,
|
|
.entry-content .mec-wrap.colorskin-custom h4 a:hover,
|
|
.entry-content .mec-wrap.colorskin-custom h5 a:hover,
|
|
.entry-content .mec-wrap.colorskin-custom h6 a:hover,
|
|
.mec-wrap .mec-calendar .mec-event-article .mec-event-title a:hover,
|
|
.mec-wrap .mec-event-grid-simple .mec-event-title a:hover,
|
|
.mec-wrap .mec-event-grid-modern .mec-event-title a:hover,
|
|
.mec-wrap .mec-event-grid-minimal .mec-event-title a:hover,
|
|
.mec-wrap .mec-event-grid-clean .mec-event-title a:hover,
|
|
.mec-wrap .mec-event-grid-classic .mec-event-title a:hover,
|
|
.mec-wrap .mec-event-list-standard .mec-event-title a:hover,
|
|
.mec-wrap .mec-wrap .mec-event-list-modern .mec-event-title a:hover,
|
|
.mec-wrap .mec-event-list-minimal .mec-event-title a:hover,
|
|
.mec-wrap .mec-event-list-classic .mec-event-title a:hover {
|
|
color: var(--mec-title-color-hover);
|
|
}
|
|
|
|
.mec-wrap.colorskin-custom .mec-event-description {
|
|
color: var(--mec-content-color);
|
|
}
|
|
|
|
/* == FES Main Color
|
|
------------------ */
|
|
.mec-fes-form #mec_bfixed_form_field_types .button:before,
|
|
.mec-fes-form #mec_reg_form_field_types .button:before,
|
|
.mec-fes-form #mec_bfixed_form_field_types .button,
|
|
.mec-fes-form #mec_reg_form_field_types .button,
|
|
.mec-fes-form
|
|
#mec_meta_box_tickets_form
|
|
[id^="mec_ticket_row"]
|
|
.mec_add_price_date_button,
|
|
.mec-fes-form .mec-meta-box-fields h4,
|
|
.mec-fes-form .mec-meta-box-fields h4 label,
|
|
.mec-fes-form .html-active .switch-html,
|
|
.mec-fes-form .tmce-active .switch-tmce,
|
|
.mec-fes-form .wp-editor-tabs .wp-switch-editor:active,
|
|
.mec-fes-form .mec-form-row .button:not(.wp-color-result),
|
|
.mec-fes-form .mec-title span.mec-dashicons,
|
|
.mec-fes-form .mec-form-row .quicktags-toolbar input.button.button-small,
|
|
.mec-fes-list ul li a:hover,
|
|
.mec-fes-form input[type="file"],
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.mec-booking-attendees-tooltip:before {
|
|
color: var(--mec-fes-main-color);
|
|
}
|
|
|
|
.mec-fes-form #mec_reg_form_field_types .button.red:hover,
|
|
.mec-fes-form #mec_reg_form_field_types .button:hover,
|
|
.mec-fes-list ul li .mec-fes-event-export a:hover,
|
|
.mec-fes-list ul li .mec-fes-event-view a:hover,
|
|
.mec-fes-list ul li .mec-fes-event-edit a:hover,
|
|
.mec-fes-form button[type="submit"].mec-fes-sub-button,
|
|
.mec-fes-form .mec-form-row .button:not(.wp-color-result):hover,
|
|
.mec-fes-form .mec-form-row .quicktags-toolbar input.button.button-small:hover {
|
|
background: var(--mec-fes-main-color);
|
|
color: #fff;
|
|
}
|
|
|
|
.mec-fes-form #mec_reg_form_field_types .button.red:hover,
|
|
.mec-fes-form #mec_bfixed_form_fields input[type="checkbox"]:hover,
|
|
.mec-fes-form #mec_bfixed_form_fields input[type="radio"]:hover,
|
|
.mec-fes-form #mec_reg_form_fields input[type="checkbox"]:hover,
|
|
.mec-fes-form #mec_reg_form_fields input[type="radio"]:hover,
|
|
.mec-fes-form input[type="checkbox"]:hover,
|
|
.mec-fes-form input[type="radio"]:hover,
|
|
.mec-fes-form #mec_reg_form_field_types .button:hover,
|
|
.mec-fes-form .mec-form-row .button:not(.wp-color-result):hover,
|
|
.mec-fes-list ul li .mec-fes-event-export a:hover,
|
|
.mec-fes-list ul li .mec-fes-event-view a:hover,
|
|
.mec-fes-list ul li .mec-fes-event-edit a:hover,
|
|
.mec-fes-form input[type="file"],
|
|
.mec-fes-form
|
|
.mec-attendees-wrapper
|
|
.mec-attendees-list
|
|
.w-clearfix:first-child {
|
|
border-color: var(--mec-fes-main-color);
|
|
}
|
|
|
|
.mec-fes-form button[type="submit"].mec-fes-sub-button {
|
|
box-shadow: 0 2px 8px -4px var(--mec-fes-main-color);
|
|
}
|
|
|
|
.mec-fes-form button[type="submit"].mec-fes-sub-button:hover {
|
|
box-shadow: 0 2px 12px -2px var(--mec-fes-main-color);
|
|
}
|
|
|
|
.mec-fes-form #mec_bfixed_form_fields input[type="checkbox"]:checked,
|
|
.mec-fes-form #mec_bfixed_form_fields input[type="radio"]:checked,
|
|
.mec-fes-form #mec_reg_form_fields input[type="checkbox"]:checked,
|
|
.mec-fes-form #mec_reg_form_fields input[type="radio"]:checked,
|
|
.mec-fes-form .mec-form-row input[type="checkbox"]:checked,
|
|
.mec-fes-form .mec-form-row input[type="radio"]:checked {
|
|
box-shadow: 0 1px 6px -2px var(--mec-fes-main-color) inset 0 0 0 3px #fff;
|
|
border-color: var(--mec-fes-main-color);
|
|
background: var(--mec-fes-main-color);
|
|
}
|
|
|
|
.mec-fes-form .mec-available-color-row span.color-selected {
|
|
box-shadow: 0 0 0 2px var(--mec-fes-main-color),
|
|
0 2px 8px -1px var(--mec-fes-main-color);
|
|
}
|
|
|
|
.mec-fes-form
|
|
#mec_meta_box_tickets_form
|
|
[id^="mec_ticket_row"]
|
|
.mec_add_price_date_button,
|
|
.mec-fes-form .mce-tinymce.mce-container.mce-panel,
|
|
.mec-fes-form .mec-form-row .button:not(.wp-color-result):hover {
|
|
box-shadow: 0 2px 6px -3px var(--mec-fes-main-color);
|
|
}
|
|
|
|
.mec-fes-form,
|
|
.mec-fes-list,
|
|
.mec-fes-form .html-active .switch-html,
|
|
.mec-fes-form .tmce-active .switch-tmce,
|
|
.mec-fes-form .wp-editor-tabs .wp-switch-editor:active,
|
|
.mec-fes-form .mec-attendees-wrapper .mec-attendees-list .w-clearfix {
|
|
background: var(--mec-fes-main-color-rgba-1);
|
|
}
|
|
|
|
.mec-fes-form .mec-meta-box-fields h4,
|
|
.mec-fes-form .quicktags-toolbar,
|
|
.mec-fes-form div.mce-toolbar-grp {
|
|
background: var(--mec-fes-main-color-rgba-2);
|
|
}
|
|
|
|
.mec-fes-form ul#mec_bfixed_form_fields li,
|
|
.mec-fes-form ul#mec_reg_form_fields li,
|
|
.mec-fes-form ul#mec_bfixed_form_fields li,
|
|
.mec-fes-form ul#mec_reg_form_fields li {
|
|
background: var(--mec-fes-main-color-rgba-3);
|
|
}
|
|
|
|
.mec-fes-form .mce-toolbar .mce-btn-group .mce-btn.mce-listbox,
|
|
.mec-fes-form ul#mec_bfixed_form_fields li,
|
|
.mec-fes-form ul#mec_reg_form_fields li,
|
|
.mec-fes-form ul#mec_bfixed_form_fields li,
|
|
.mec-fes-form ul#mec_reg_form_fields li,
|
|
.mec-fes-form #mec_bfixed_form_fields input[type="checkbox"],
|
|
.mec-fes-form #mec_bfixed_form_fields input[type="radio"],
|
|
.mec-fes-form #mec_reg_form_fields input[type="checkbox"],
|
|
.mec-fes-form #mec_reg_form_fields input[type="radio"],
|
|
.mec-fes-form input[type="checkbox"],
|
|
.mec-fes-form input[type="radio"],
|
|
.mec-fes-form #mec-event-data input[type="date"],
|
|
.mec-fes-form input[type="email"],
|
|
.mec-fes-form input[type="number"],
|
|
.mec-fes-form input[type="password"],
|
|
.mec-fes-form input[type="tel"],
|
|
.mec-fes-form input[type="text"],
|
|
.mec-fes-form input[type="url"],
|
|
.mec-fes-form select,
|
|
.mec-fes-form textarea,
|
|
.mec-fes-list ul li,
|
|
.mec-fes-form .quicktags-toolbar,
|
|
.mec-fes-form div.mce-toolbar-grp,
|
|
.mec-fes-form .mce-tinymce.mce-container.mce-panel,
|
|
.mec-fes-form
|
|
#mec_meta_box_tickets_form
|
|
[id^="mec_ticket_row"]
|
|
.mec_add_price_date_button,
|
|
.mec-fes-form #mec_bfixed_form_field_types .button,
|
|
.mec-fes-form #mec_reg_form_field_types .button,
|
|
.mec-fes-form .mec-meta-box-fields,
|
|
.mec-fes-form .wp-editor-tabs .wp-switch-editor,
|
|
.mec-fes-form .mec-form-row .button:not(.wp-color-result) {
|
|
border-color: var(--mec-fes-main-color-rgba-4);
|
|
}
|
|
|
|
.mec-fes-form #mec-event-data input[type="date"],
|
|
.mec-fes-form input[type="email"],
|
|
.mec-fes-form input[type="number"],
|
|
.mec-fes-form input[type="password"],
|
|
.mec-fes-form input[type="tel"],
|
|
.mec-fes-form input[type="text"],
|
|
.mec-fes-form input[type="url"],
|
|
.mec-fes-form select,
|
|
.mec-fes-form textarea {
|
|
box-shadow: 0 2px 5px var(--mec-fes-main-color-rgba-5) inset;
|
|
}
|
|
|
|
.mec-fes-list ul li,
|
|
.mec-fes-form .mec-form-row .button:not(.wp-color-result) {
|
|
box-shadow: 0 2px 6px -4px var(--mec-fes-main-color-rgba-6);
|
|
}
|
|
|
|
.mec-fes-form #mec_bfixed_form_field_types .button,
|
|
.mec-fes-form #mec_reg_form_field_types .button,
|
|
.mec-fes-form .mec-meta-box-fields {
|
|
box-shadow: 0 2px 6px -3px var(--mec-fes-main-color-rgba-6);
|
|
}
|
|
|
|
.mec-fes-form .quicktags-toolbar,
|
|
.mec-fes-form div.mce-toolbar-grp {
|
|
box-shadow: 0 1px 0 1px var(--mec-fes-main-color-rgba-6);
|
|
}
|
|
|
|
.mec-fes-form #mec_bfixed_form_fields input[type="checkbox"],
|
|
.mec-fes-form #mec_bfixed_form_fields input[type="radio"],
|
|
.mec-fes-form #mec_reg_form_fields input[type="checkbox"],
|
|
.mec-fes-form #mec_reg_form_fields input[type="radio"],
|
|
.mec-fes-form input[type="checkbox"],
|
|
.mec-fes-form input[type="radio"] {
|
|
box-shadow: 0 1px 3px -1px var(--mec-fes-main-color-rgba-6);
|
|
}
|
|
|
|
/* == Fluent Colors
|
|
------------------ */
|
|
|
|
/* MAIN COLOR */
|
|
.mec-fluent-wrap .mec-more-events-icon,
|
|
.mec-single-fluent-wrap .mec-next-event-details a,
|
|
.mec-fluent-wrap.colorskin-custom .mec-color-before *:before,
|
|
.mec-single-fluent-wrap .mec-marker-infowindow-wp .mec-marker-infowindow-count,
|
|
.mec-single-fluent-wrap .mec-single-event-organizer dd i,
|
|
.mec-single-fluent-wrap .mec-single-event-additional-organizers dd i,
|
|
.mec-single-fluent-wrap .mec-next-event-details i:before,
|
|
.mec-single-fluent-wrap .mec-next-event-details i:before,
|
|
.mec-single-fluent-wrap .mec-single-event-location i,
|
|
.mec-single-fluent-wrap
|
|
.mec-single-event-organizer
|
|
dd.mec-organizer-description:before,
|
|
.mec-single-fluent-wrap
|
|
.mec-single-event-additional-organizers
|
|
dd.mec-organizer-description:before,
|
|
.mec-single-fluent-wrap
|
|
.mec-event-schedule-content
|
|
dl
|
|
dt.mec-schedule-time:before,
|
|
.mec-single-fluent-wrap
|
|
.mec-event-schedule-content
|
|
dl
|
|
dt.mec-schedule-time:before,
|
|
.mec-single-fluent-wrap .mec-single-event-bar > div i,
|
|
.mec-single-fluent-wrap .mec-single-event-category a,
|
|
.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,
|
|
.mec-fluent-wrap
|
|
.mec-calendar.mec-calendar-daily
|
|
.mec-calendar-d-table.mec-date-labels-container
|
|
span,
|
|
.mec-fluent-wrap .mec-calendar .mec-week-events-container dl > span,
|
|
.mec-fluent-current-time-text,
|
|
.mec-fluent-wrap.mec-timetable-wrap .mec-cell .mec-time,
|
|
.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,
|
|
.mec-fluent-wrap .mec-date-details i:before,
|
|
.mec-fluent-wrap .mec-event-location i:before,
|
|
.mec-fluent-wrap .mec-event-carousel-type2 .owl-next i,
|
|
.mec-fluent-wrap .mec-event-carousel-type2 .owl-prev i,
|
|
.mec-fluent-wrap .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next i,
|
|
.mec-fluent-wrap .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev i,
|
|
.mec-fluent-wrap .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next,
|
|
.mec-fluent-wrap .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev,
|
|
.mec-fluent-wrap .mec-date-wrap i,
|
|
.mec-fluent-wrap
|
|
.mec-calendar.mec-yearly-calendar
|
|
.mec-calendar-table-head
|
|
dl
|
|
dt:first-letter,
|
|
.mec-fluent-wrap .mec-event-sharing-wrap .mec-event-sharing li:hover a,
|
|
.mec-fluent-wrap .mec-agenda-event > i,
|
|
.mec-fluent-wrap .mec-totalcal-box .nice-select:after,
|
|
.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-totalcal-box .nice-select .list li,
|
|
.mec-fluent-wrap .mec-text-input-search i,
|
|
.mec-fluent-wrap .mec-event-location i,
|
|
.mec-fluent-wrap .mec-event-article .mec-event-title a:hover,
|
|
.mec-fluent-wrap .mec-date-details:before,
|
|
.mec-fluent-wrap .mec-time-details:before,
|
|
.mec-fluent-wrap .mec-venue-details:before,
|
|
.mec-fluent-wrap .mec-price-details i:before,
|
|
.mec-fluent-wrap .mec-available-tickets-details i:before,
|
|
.mec-single-fluent-wrap .mec-local-time-details li:first-child:before,
|
|
.mec-single-fluent-wrap .mec-local-time-details li:nth-of-type(2):before,
|
|
.mec-single-fluent-wrap .mec-local-time-details li:last-child:before,
|
|
.mec-single-fluent-wrap .mec-events-meta-group-countdown .mec-end-counts h3 {
|
|
color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
.mec-fluent-wrap
|
|
.mec-totalcal-box
|
|
input[type="search"]::-webkit-input-placeholder {
|
|
color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-totalcal-box input[type="search"]::-moz-placeholder {
|
|
color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-totalcal-box input[type="search"]:-ms-input-placeholder {
|
|
color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-totalcal-box input[type="search"]:-moz-placeholder {
|
|
color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
.mec-fluent-wrap
|
|
.mec-calendar.mec-event-calendar-classic
|
|
dl
|
|
dt.mec-table-nullday,
|
|
.mec-single-fluent-body .lity-content input::-moz-placeholder,
|
|
.mec-single-fluent-body .lity-content textarea::-moz-placeholder,
|
|
.mec-single-fluent-wrap input::-moz-placeholder,
|
|
.mec-single-fluent-wrap textarea::-moz-placeholder {
|
|
color: var(--mec-fluent-main-color-rgba-1);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-event-sharing-wrap .mec-event-social-icon i,
|
|
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic dl dt:hover {
|
|
color: var(--mec-fluent-main-color-rgba-2);
|
|
}
|
|
|
|
.mec-fluent-wrap.mec-skin-cover-container
|
|
.mec-event-cover-fluent-type4
|
|
.mec-booking-button:hover,
|
|
.mec-fluent-wrap.mec-skin-cover-container
|
|
.mec-event-cover-fluent-type3
|
|
.mec-booking-button:hover,
|
|
.mec-fluent-wrap.mec-skin-cover-container
|
|
.mec-event-cover-fluent-type1
|
|
.mec-booking-button:hover {
|
|
color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
/* BORDER COLOR */
|
|
/* list view */
|
|
.mec-fluent-wrap.mec-skin-list-wrap .mec-event-article {
|
|
border-top-color: var(--mec-fluent-main-color);
|
|
border-left-color: var(--mec-fluent-main-color);
|
|
border-bottom-color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
/* list view */
|
|
.mec-fluent-wrap.mec-skin-grid-wrap .mec-event-article .mec-event-content {
|
|
border-right-color: var(--mec-fluent-main-color);
|
|
border-left-color: var(--mec-fluent-main-color);
|
|
border-bottom-color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
.mec-fluent-wrap.mec-skin-grid-wrap .mec-event-article .mec-event-image {
|
|
border-right-color: var(--mec-fluent-main-color);
|
|
border-left-color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top,
|
|
.mec-single-fluent-wrap .mec-next-event-details a:hover,
|
|
.mec-single-fluent-wrap .mec-event-schedule-content dl:before,
|
|
.mec-single-fluent-wrap .mec-event-schedule-content dl:first-of-type:after,
|
|
.mec-single-fluent-wrap .mec-event-schedule-content dl,
|
|
.mec-single-fluent-wrap
|
|
.mec-event-export-module.mec-frontbox
|
|
.mec-event-exporting
|
|
.mec-export-details
|
|
ul
|
|
li
|
|
a:hover,
|
|
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top .mec-current-week,
|
|
.mec-fluent-wrap
|
|
.mec-calendar.mec-event-calendar-classic
|
|
.mec-calendar-table-head,
|
|
.mec-fluent-wrap .mec-yearly-view-wrap .mec-year-container,
|
|
.mec-fluent-wrap.mec-events-agenda-container .mec-events-agenda-wrap,
|
|
.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-load-more-button:hover,
|
|
.mec-fluent-wrap .mec-skin-monthly-view-month-navigator-container,
|
|
.mec-fluent-wrap .mec-calendar-a-month,
|
|
.mec-fluent-wrap .mec-yearly-title-sec,
|
|
.mec-fluent-wrap .mec-filter-content,
|
|
.mec-fluent-wrap i.mec-filter-icon,
|
|
.mec-fluent-wrap .mec-text-input-search input[type="search"],
|
|
.mec-fluent-wrap .mec-event-sharing-wrap .mec-event-sharing,
|
|
.mec-fluent-wrap .mec-load-month,
|
|
.mec-fluent-wrap .mec-load-year {
|
|
border-color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
.mec-fluent-current-time-first,
|
|
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top .mec-load-week,
|
|
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic dl dt:first-of-type {
|
|
border-left-color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
.mec-fluent-current-time-last,
|
|
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top .mec-current-week,
|
|
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic dl dt:last-of-type {
|
|
border-right-color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-more-events,
|
|
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic dl:last-of-type dt,
|
|
.mec-fluent-wrap.mec-skin-full-calendar-container
|
|
> .mec-totalcal-box
|
|
.mec-totalcal-view
|
|
.mec-fluent-more-views-content:before,
|
|
.mec-fluent-wrap .mec-filter-content:before {
|
|
border-bottom-color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-event-sharing-wrap .mec-event-sharing:before {
|
|
border-color: var(--mec-fluent-main-color) transparent transparent transparent;
|
|
}
|
|
|
|
.mec-fluent-wrap.mec-timetable-wrap .mec-cell,
|
|
.mec-fluent-wrap .mec-event-meta {
|
|
border-left-color: var(--mec-fluent-main-color-rgba-3);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-daily-view-events-left-side,
|
|
.mec-fluent-wrap .mec-yearly-view-wrap .mec-yearly-calendar-sec {
|
|
border-right-color: var(--mec-fluent-main-color-rgba-3);
|
|
}
|
|
|
|
.mec-fluent-wrap.mec-events-agenda-container .mec-agenda-events-wrap {
|
|
border-left-color: var(--mec-fluent-main-color-rgba-3);
|
|
}
|
|
|
|
.mec-fluent-wrap dt .mec-more-events .simple-skin-ended:hover,
|
|
.mec-fluent-wrap .mec-more-events .simple-skin-ended:hover,
|
|
.mec-fluent-wrap.mec-skin-slider-container
|
|
.mec-slider-t1
|
|
.mec-slider-t1-content,
|
|
.mec-fluent-wrap.mec-events-agenda-container .mec-events-agenda {
|
|
border-top-color: var(--mec-fluent-main-color-rgba-3);
|
|
border-bottom-color: var(--mec-fluent-main-color-rgba-3);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-calendar.mec-calendar-daily .mec-calendar-d-table,
|
|
.mec-fluent-wrap.mec-timetable-wrap .mec-ttt2-title,
|
|
.mec-fluent-wrap.mec-timetable-wrap .mec-cell,
|
|
.mec-fluent-wrap.mec-skin-countdown-container .mec-date-wrap {
|
|
border-bottom-color: var(--mec-fluent-main-color-rgba-3);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-skin-daily-view-events-container,
|
|
.mec-single-fluent-wrap .mec-event-social li.mec-event-social-icon a,
|
|
.mec-single-fluent-wrap .mec-marker-infowindow-wp .mec-marker-infowindow-count,
|
|
.mec-single-fluent-wrap .mec-events-meta-group-countdown .countdown-w .block-w,
|
|
.mec-single-fluent-wrap .mec-events-meta-group-booking .nice-select,
|
|
.mec-single-fluent-wrap .mec-next-event-details a,
|
|
.mec-single-fluent-wrap .mec-events-meta-group,
|
|
.mec-single-fluent-wrap .mec-events-meta-group-tags a,
|
|
.mec-single-fluent-wrap
|
|
.mec-event-export-module.mec-frontbox
|
|
.mec-event-exporting
|
|
.mec-export-details
|
|
ul
|
|
li
|
|
a,
|
|
.mec-fluent-wrap .mec-skin-weekly-view-events-container,
|
|
.mec-fluent-wrap .mec-calendar .mec-week-events-container dt,
|
|
.mec-fluent-wrap.mec-timetable-wrap .mec-timetable-t2-wrap,
|
|
.mec-fluent-wrap .mec-event-countdown li,
|
|
.mec-fluent-wrap .mec-event-countdown-style3 .mec-event-countdown li,
|
|
.mec-fluent-wrap .mec-calendar.mec-event-calendar-classic dl dt,
|
|
.mec-fluent-wrap .mec-yearly-view-wrap .mec-agenda-event,
|
|
.mec-fluent-wrap .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar,
|
|
.mec-fluent-wrap .mec-load-more-button,
|
|
.mec-fluent-wrap .mec-totalcal-box .nice-select .list,
|
|
.mec-fluent-wrap .mec-filter-content i,
|
|
.mec-single-fluent-wrap .mec-event-schedule,
|
|
.mec-single-fluent-wrap
|
|
.mec-map-get-direction-address-cnt
|
|
input.mec-map-get-direction-address,
|
|
.mec-single-fluent-wrap .mec-single-links-wrap {
|
|
border-color: var(--mec-fluent-main-color-rgba-1);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-totalcal-box .nice-select:after {
|
|
border-right-color: var(--mec-fluent-main-color);
|
|
border-bottom-color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
/* BOXSHADOW */
|
|
.mec-fluent-wrap .mec-totalcal-box .nice-select .list,
|
|
.mec-single-fluent-wrap .mec-booking-button,
|
|
.mec-single-fluent-wrap .mec-events-meta-group-tags a:hover {
|
|
box-shadow: 0 2px 5px var(--mec-fluent-main-color-rgba-4);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-booking-button:hover,
|
|
.mec-fluent-wrap .mec-load-more-button:hover,
|
|
.mec-fluent-bg-wrap .mec-fluent-wrap article .mec-booking-button:hover {
|
|
box-shadow: 0 4px 10px var(--mec-fluent-main-color-rgba-4);
|
|
}
|
|
|
|
.mec-fluent-wrap.mec-skin-grid-wrap .mec-event-article,
|
|
.mec-single-fluent-wrap .mec-next-event-details a:hover,
|
|
.mec-single-fluent-wrap
|
|
.mec-event-export-module.mec-frontbox
|
|
.mec-event-exporting
|
|
.mec-export-details
|
|
ul
|
|
li
|
|
a:hover {
|
|
box-shadow: 0 4px 10px var(--mec-fluent-main-color-rgba-5);
|
|
}
|
|
|
|
.mec-single-fluent-wrap
|
|
.mec-events-meta-group-booking
|
|
input[type="radio"]:checked:before {
|
|
box-shadow: 0 0 0 2px var(--mec-fluent-main-color-rgba-4);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-skin-daily-view-events-container,
|
|
.mec-fluent-wrap.mec-timetable-wrap .mec-timetable-t2-wrap,
|
|
.mec-fluent-wrap .mec-calendar-side .mec-calendar-table,
|
|
.mec-fluent-wrap .mec-yearly-view-wrap .mec-year-container,
|
|
.mec-fluent-wrap.mec-events-agenda-container .mec-events-agenda-wrap {
|
|
box-shadow: 0 5px 33px var(--mec-fluent-main-color-rgba-1);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-yearly-view-wrap .mec-agenda-event {
|
|
box-shadow: 0 1px 6px var(--mec-fluent-main-color-rgba-6);
|
|
}
|
|
|
|
/* BACKGROUND */
|
|
/* filter options */
|
|
.mec-fluent-wrap .nicescroll-cursors,
|
|
.mec-single-fluent-wrap .mec-related-event-post .mec-date-wrap,
|
|
.mec-single-fluent-wrap .mec-next-event-details a:hover,
|
|
.mec-single-fluent-wrap .mec-events-meta-group-tags a:hover,
|
|
.mec-single-fluent-wrap
|
|
.mec-event-export-module.mec-frontbox
|
|
.mec-event-exporting
|
|
.mec-export-details
|
|
ul
|
|
li
|
|
a:hover,
|
|
.mec-fluent-wrap dt .mec-more-events .simple-skin-ended:hover,
|
|
.mec-fluent-wrap .mec-more-events .simple-skin-ended:hover,
|
|
.mec-fluent-wrap.mec-skin-countdown-container .mec-date-wrap,
|
|
.mec-fluent-wrap .mec-yearly-view-wrap .mec-yearly-agenda-sec,
|
|
.mec-fluent-wrap .mec-calendar-daily .mec-calendar-day-events,
|
|
.mec-fluent-wrap .mec-totalcal-box .nice-select .list li:hover,
|
|
.mec-fluent-wrap .mec-totalcal-box .nice-select .list li.focus,
|
|
.mec-single-fluent-wrap .mec-single-event-category a {
|
|
background-color: var(--mec-fluent-main-color-rgba-3);
|
|
}
|
|
|
|
.mec-fluent-wrap h5.mec-more-events-header,
|
|
.mec-fluent-current-time,
|
|
.mec-single-fluent-wrap .flip-clock-wrapper ul li a div div.inn {
|
|
background-color: var(--mec-fluent-main-color);
|
|
}
|
|
|
|
.mec-single-fluent-body .lity-content .mec-events-meta-group-booking,
|
|
.mec-fluent-wrap.mec-skin-cover-container .mec-date-wrap i,
|
|
.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,
|
|
.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,
|
|
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top dt.active,
|
|
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top .mec-current-week,
|
|
.mec-fluent-wrap.mec-skin-full-calendar-container
|
|
> .mec-totalcal-box
|
|
.mec-totalcal-view
|
|
span.mec-fluent-more-views-icon.active,
|
|
.mec-fluent-wrap.mec-skin-full-calendar-container
|
|
> .mec-totalcal-box
|
|
.mec-totalcal-view
|
|
span.mec-totalcalview-selected,
|
|
.mec-fluent-wrap i.mec-filter-icon.active,
|
|
.mec-fluent-wrap .mec-filter-content i,
|
|
.mec-single-fluent-wrap .mec-events-meta-group-countdown,
|
|
.mec-single-event-bar-seperator {
|
|
background-color: var(--mec-fluent-main-color-rgba-1);
|
|
}
|
|
|
|
/* MAIN BOLD COLOR - SECOND COLOR */
|
|
.mec-fluent-wrap
|
|
.mec-daily-view-events-left-side
|
|
h5.mec-daily-today-title
|
|
span:first-child,
|
|
.mec-single-fluent-wrap .mec-events-meta-group-tags .mec-event-footer a:hover,
|
|
.mec-single-fluent-wrap .mec-event-social li.mec-event-social-icon a:hover,
|
|
.mec-single-fluent-wrap
|
|
.mec-related-event-post
|
|
.mec-date-wrap
|
|
span.mec-event-day-num,
|
|
.mec-single-fluent-wrap .mec-single-event-category a:hover,
|
|
.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,
|
|
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top dt.active,
|
|
.mec-fluent-wrap .mec-calendar-weekly .mec-calendar-d-top .mec-current-week,
|
|
.mec-fluent-wrap
|
|
.mec-calendar.mec-event-calendar-classic
|
|
.mec-calendar-table-head
|
|
dt.active,
|
|
.mec-fluent-wrap .mec-color,
|
|
.mec-fluent-wrap a:hover,
|
|
.mec-wrap .mec-color-hover:hover,
|
|
.mec-fluent-wrap.mec-skin-full-calendar-container
|
|
> .mec-totalcal-box
|
|
.mec-totalcal-view
|
|
span.mec-totalcalview-selected,
|
|
.mec-fluent-wrap .mec-load-more-button,
|
|
.mec-fluent-wrap .mec-load-month i,
|
|
.mec-fluent-wrap .mec-load-year i,
|
|
.mec-fluent-wrap i.mec-filter-icon,
|
|
.mec-fluent-wrap .mec-filter-content i,
|
|
.mec-fluent-wrap .mec-event-sharing-wrap > li:first-of-type i,
|
|
.mec-fluent-wrap
|
|
.mec-available-tickets-details
|
|
span.mec-available-tickets-number {
|
|
color: var(--mec-fluent-bold-color);
|
|
}
|
|
|
|
/* BORDER BOLD COLOR - SECOND COLOR */
|
|
.mec-fluent-wrap.mec-skin-carousel-container
|
|
.mec-owl-theme
|
|
.owl-dots
|
|
.owl-dot.active
|
|
span,
|
|
.mec-single-fluent-wrap .mec-event-social li.mec-event-social-icon a:hover,
|
|
.mec-fluent-wrap .mec-load-month,
|
|
.mec-fluent-wrap .mec-load-year,
|
|
.mec-single-fluent-body
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-book-available-tickets-details
|
|
> .mec-book-available-tickets-details-header,
|
|
.mec-single-fluent-wrap
|
|
.mec-events-meta-group-booking
|
|
.mec-book-available-tickets-details
|
|
> .mec-book-available-tickets-details-header {
|
|
border-color: var(--mec-fluent-bold-color);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-calendar .mec-daily-view-day.mec-has-event:after,
|
|
.mec-fluent-wrap.mec-skin-cover-container
|
|
.mec-event-cover-fluent-type4
|
|
.mec-booking-button,
|
|
.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-type1
|
|
.mec-booking-button,
|
|
.mec-fluent-wrap
|
|
.mec-event-cover-fluent-type2
|
|
.mec-event-sharing-wrap:hover
|
|
> li:first-child,
|
|
.mec-fluent-wrap.mec-skin-cover-container
|
|
.mec-event-cover-fluent-type2
|
|
.mec-date-wrap,
|
|
.mec-fluent-wrap.mec-skin-carousel-container
|
|
.mec-owl-theme
|
|
.owl-dots
|
|
.owl-dot.active
|
|
span,
|
|
.mec-single-fluent-body .lity-content .mec-events-meta-group-booking button,
|
|
.mec-fluent-wrap.mec-single-fluent-wrap .mec-events-meta-group-booking button,
|
|
.mec-single-fluent-wrap
|
|
.mec-events-meta-group-booking
|
|
input[type="radio"]:checked:before {
|
|
background-color: var(--mec-fluent-bold-color);
|
|
}
|
|
|
|
/* BACKGROUND HOVER COLOR */
|
|
.mec-fluent-wrap
|
|
.mec-yearly-view-wrap
|
|
.mec-calendar.mec-yearly-calendar
|
|
.mec-has-event:after,
|
|
.mec-fluent-wrap .mec-load-more-button:hover,
|
|
.mec-fluent-wrap .mec-load-month:hover,
|
|
.mec-fluent-wrap .mec-load-year:hover,
|
|
.mec-fluent-wrap .mec-booking-button:hover,
|
|
.mec-wrap.mec-single-fluent-wrap .button:hover,
|
|
.mec-wrap.mec-single-fluent-wrap
|
|
button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(
|
|
.owl-next
|
|
):not(.mec-googlemap-details button):not(.mec-googlemap-skin button):hover,
|
|
.mec-wrap.mec-single-fluent-wrap input[type="submit"]:hover,
|
|
.mec-wrap.mec-single-fluent-wrap input[type="reset"]:hover,
|
|
.mec-wrap.mec-single-fluent-wrap input[type="button"]:hover {
|
|
background-color: var(--mec-fluent-bg-hover-color);
|
|
}
|
|
|
|
/* BACKGROUND COLOR */
|
|
.mec-fluent-wrap {
|
|
background-color: var(--mec-fluent-bg-color);
|
|
}
|
|
|
|
/* BACKGROUND SECOND BACKGROUND COLOR */
|
|
.mec-fluent-wrap.mec-skin-masonry-container .mec-masonry .mec-date-wrap,
|
|
.mec-single-fluent-wrap .mec-event-social li.mec-event-social-icon a:hover,
|
|
.mec-fluent-wrap .mec-filter-content {
|
|
background-color: var(--mec-fluent-second-bg-color);
|
|
}
|
|
|
|
.mec-fluent-wrap .mec-filter-content:after {
|
|
border-bottom-color: var(--mec-fluent-second-bg-color);
|
|
}
|
|
|
|
/* Dynamic CSS End */
|
|
|
|
/* Saga theme compatibility */
|
|
|
|
@media only screen and (min-width: 1200px) {
|
|
.mec-theme-saga .mec-container,
|
|
body [id*="mec_skin_"].mec-fluent-wrap {
|
|
width: inherit;
|
|
max-width: inherit;
|
|
}
|
|
}
|
|
|
|
.mec-theme-saga .mec-wrap h1,
|
|
.mec-theme-saga .mec-wrap h2,
|
|
.mec-theme-saga .mec-wrap h3,
|
|
.mec-theme-saga .mec-wrap h4,
|
|
.mec-theme-saga .mec-wrap h5,
|
|
.mec-theme-saga .mec-wrap h6 {
|
|
text-align: inherit;
|
|
}
|
|
|
|
.mec-theme-saga .mec-wrap h1:after,
|
|
.mec-theme-saga .mec-wrap h2:after,
|
|
.mec-theme-saga .mec-wrap h3:after,
|
|
.mec-theme-saga .mec-wrap h4:after,
|
|
.mec-theme-saga .mec-wrap h5:after,
|
|
.mec-theme-saga .mec-wrap h6:after,
|
|
.mec-theme-saga .mec-gCalendar h1:after,
|
|
.mec-theme-saga .mec-gCalendar h2:after,
|
|
.mec-theme-saga .mec-gCalendar h3:after,
|
|
.mec-theme-saga .mec-gCalendar h4:after,
|
|
.mec-theme-saga .mec-gCalendar h5:after,
|
|
.mec-theme-saga .mec-gCalendar h6:after {
|
|
display: none;
|
|
}
|
|
|
|
.mec-theme-saga .mec-wrap a img {
|
|
opacity: 1;
|
|
padding: 0;
|
|
border: none;
|
|
-webkit-transition: unset;
|
|
-moz-transition: unset;
|
|
-o-transition: unset;
|
|
transition: unset;
|
|
background: none;
|
|
border-color: unset;
|
|
}
|
|
|
|
.mec-theme-saga .mec-wrap input[type="number"],
|
|
.mec-theme-saga .mec-wrap input[type="date"],
|
|
.mec-theme-saga .mec-wrap input[type="datetime"],
|
|
.mec-theme-saga .mec-wrap input[type="datetime-local"],
|
|
.mec-theme-saga .mec-wrap input[type="email"],
|
|
.mec-theme-saga .mec-wrap input[type="month"],
|
|
.mec-theme-saga .mec-wrap input[type="password"],
|
|
.mec-theme-saga .mec-wrap input[type="search"],
|
|
.mec-theme-saga .mec-wrap input[type="tel"],
|
|
.mec-theme-saga .mec-wrap input[type="text"],
|
|
.mec-theme-saga .mec-wrap input[type="time"],
|
|
.mec-theme-saga .mec-wrap input[type="url"],
|
|
.mec-theme-saga .mec-wrap input[type="week"],
|
|
.mec-theme-saga .mec-wrap textarea,
|
|
.mec-theme-saga .mec-wrap select {
|
|
opacity: 1;
|
|
-webkit-transition: unset;
|
|
-moz-transition: unset;
|
|
-o-transition: unset;
|
|
transition: unset;
|
|
}
|
|
|
|
.mec-theme-saga .mec-wrap ul,
|
|
.mec-theme-saga .mec-wrap ol {
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-theme-saga .mec-wrap dl,
|
|
.mec-theme-saga .mec-wrap dt {
|
|
margin: 0;
|
|
}
|
|
|
|
.mec-theme-saga .mec-single-event {
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.mec-theme-saga .mec-single-event .mec-frontbox-title,
|
|
.mec-theme-saga .mec-single-event .mec-wrap-checkout h4,
|
|
.mec-theme-saga
|
|
.lity-content
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout
|
|
h4,
|
|
.mec-theme-saga
|
|
.mec-single-event
|
|
.mec-events-meta-group-booking
|
|
.mec-wrap-checkout
|
|
h4,
|
|
.mec-theme-saga
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
.mec-wrap-checkout
|
|
h4,
|
|
.mec-theme-saga .lity-content .mec-events-meta-group-booking form > h4,
|
|
.mec-single-event .mec-events-meta-group-booking form > h4,
|
|
.mec-theme-saga
|
|
.mec-events-meta-group-booking
|
|
.mec-booking-shortcode
|
|
form
|
|
> h4 {
|
|
text-align: center;
|
|
}
|
|
|
|
/* Saga theme compatibility End*/
|
|
|
|
/* Fix banner */
|
|
.mec-event-banner-inner .mec-single-event-location > i {
|
|
display: none;
|
|
}
|
|
|
|
/* Single builder content load more */
|
|
|
|
span.load-more-text {
|
|
text-decoration: underline;
|
|
margin-left: 5px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
span.load-more-text:before {
|
|
content: "";
|
|
width: 100px;
|
|
height: 24px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: calc(100% + 5px);
|
|
background-image: linear-gradient(90deg, #0000 0%, #fff 100%);
|
|
z-index: 1;
|
|
}
|
|
|
|
.mec-event-meta img.mec-custom-image-icon {
|
|
width: 20px;
|
|
}
|