modern-events-calendar-lite/assets/css/frontend.css

/*----------------------------------
	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;
}