/*

https://mec.webnus.net/list-view-modern-style/

*/

@font-face{
  font-family:simple-line-icons;
  src:url("Simple-Line-Icons.eot?v=2.3.1");
  src:url("Simple-Line-Icons.eot?v=2.3.1#iefix") format("embedded-opentype"),
  url("Simple-Line-Icons.woff2?v=2.3.1") format("woff2"),
  url("Simple-Line-Icons.woff?v=2.3.1") format("woff"),
  url("Simple-Line-Icons.ttf?v=2.3.1") format("truetype"),
  url("Simple-Line-Icons.svg?v=2.3.1#simple-line-icons") format("svg");
  font-weight:400;font-style:normal
  }

[class*="mec-sl-"] {
  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;
}
.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::before {
  content: "\e081";
}

.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"
}

:root, ::before, ::after {
  --mec-color-skin: #40d9f1;
  }


.events-container {
max-width: 1100px;
margin: 0 auto;
padding:10px;
}

.mec-color {
  color: var(--mec-color-skin);
}
.mec-month-divider::after, .mec-month-divider::before {
  content: "";
  flex: 1;
  height: 4px;
  background: #ebebeb;
}

.mec-util-hidden {
  display: none;
}


.mec-wrap {
  font-weight: 400;
  color: #626262;
  position:relative
}

.mec-wrap h1,
.mec-wrap h2,
.mec-wrap h3,
.mec-wrap h4,
.mec-wrap h5,
.mec-wrap h6{
    color:#171c24;
    font-weight:400;
    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 .mec-clear:after,
.mec-wrap .mec-clear:before{
    content:" ";
    display:table
}
.mec-wrap .mec-clear:after{
    clear:both
}




.mec-month-divider {
  display: flex;
  align-items: center;
text-align: center;
margin: 60px 0 40px 0;
}
.mec-month-divider h5 {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 20px;
}


.mec-wrap a:hover {
    text-decoration: none;
}

.mec-wrap .mec-color-hover:hover {
  color: #d66965 !important;
}




/* 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 .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:400;
    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:var(--mec-secondary-border-radius);
    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,.016);
    transition:all .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-categories-wrapper,.mec-event-list-modern .mec-event-detail,.mec-event-list-modern .mec-price-details,.mec-event-list-modern .mec-shortcode-organizers{
    color:#9a9a9a;
    font-size:15px;
    font-weight:400;
    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;

display: flex;
align-items: center;
flex-wrap: wrap;

}
.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>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 .3s
}
.mec-event-list-modern .mec-event-sharing>li i svg{
    height:15px;
    vertical-align:sub
}
.mec-event-list-modern .mec-event-sharing>li .mec-social-title{
    color:#767676;
    font-size:14px;
    display:inline;
}
.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
}
@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;
        max-width: 100%;
    }
}
@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-loc-place i{
    margin-right:4px;
    display:inline-block
}


/* !modern */

.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 .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("ajax-loader.gif");
    cursor:wait;
    background:0 0;
    border-style:none
}
.mec-load-more-loading:hover{
    background:0 0
}
.mec-modal-preloader,
.mec-month-navigator-loading{
    width:100%;
    height:100%;
    background:no-repeat rgba(255,255,255,.88) url("ajax-loader.gif") center;
    border-style:none;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    z-index:999
}


/* bar */
.mec-single-event-bar > div i {
  font-size: 20px;
  vertical-align: middle;
}

.mec-single-event-bar {
  margin: 20px 0 0;
    margin-top: 20px;
  padding: 15px;
  display: table;
  width: 100%;
  background: #fff;
  border: 1px solid #e6e6e6;
}

.mec-single-event-bar{
    border-radius:var(--mec-primary-border-radius);
    overflow:hidden;
    margin-bottom:30px
}

.mec-single-event-bar > div {
  display: table-cell;
}

@media only screen and (max-width: 960px) {
  .mec-single-event-bar > div {
    display: block;
  }
}


.mec-single-event-date:before,.mec-single-event-time:before{
    color:#40d9f1
}
.mec-event-cost,
.mec-single-event-date,
.mec-single-event-time{
    padding:12px 14px 8px;
    margin-bottom:12px;
    vertical-align:baseline;
    position:relative
}



.mec-single-event-bar > div dd {
  font-size: 14px;
  color: #8d8d8d;
  padding-left: 34px;
  margin-bottom: 0;
    font-size: 19px;
}

.mec-single-event-bar dd {
  margin-left: 0;
}


.mec-single-event-bar > div h3 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 5px;
  display: inline;
  color: #000;
  padding-left: 10px;
}
.mec-single-event-bar abbr {
  cursor: auto;
  border-bottom: 0;
}

.event-color {
  width: 14px;
  display: inline-block;
  vertical-align: inherit;
  height: 14px;
  margin-left: 5px;
  border-radius: 50%;
}

.mec-wrap .mec-labels-normal .mec-label-normal {
  position: relative;
  font-size: 11px;
  font-weight: 400;
  margin-left: 10px;
  line-height: 1.9;
  letter-spacing: 1px;
  color: #fff;
  padding: 2px 7px;
  border-radius: 2px;
  white-space: nowrap;
}
.mec-wrap .mec-labels-normal .mec-label-normal {
  white-space: normal;
  display: inline-block;
  line-height: 14px;
}
.mec-expired-normal-label {
  background-color: #000;
}