/* -------------------------------------------- */
/* CALENDAR */
/* -------------------------------------------- */

.mec-skin-tile-month-navigator-container {
    background: transparent;
    height:auto;
    padding:0
}

.mec-skin-tile-month-navigator-container .mec-next-month, 
.mec-skin-tile-month-navigator-container .mec-previous-month {
    top:50%;
    transform: translateY(-50%);
    background: transparent;
    box-shadow: none;
}

.mec-skin-tile-month-navigator-container:after, .mec-skin-tile-month-navigator-container:before {
    display: none;;
}

.mec-next-month a, .mec-previous-month a {
    display: flex;  
    flex-direction: row;
    align-items: center;
    gap:0.5em;
    color: var(--e-global-color-f264d6b);
}

.mec-next-month:hover a, .mec-previous-month:hover a {
    color: var(--e-global-color-text);
}

 
.mec-skin-tile-month-navigator-container h2 {
    font-family: "Tan Pearl", Sans-serif;
    text-transform: capitalize;
    color: var(--e-global-color-f264d6b);
    font-size:26px;
}

[class*=mec-sl-] {
    font-size:0.5em;
}

.mec-event-tile-view article.mec-tile-item {
    border-radius: 8px;
    overflow: hidden;
    /* aspect-ratio: 4 / 5; */
    /* width: 100%;
    height: auto; */
    background-size: 150%!important;
    max-height: 400px;
}

.mec-tile-event-content .mec-sl-folder {
    display:none;
}

.mec-next-previous-events,
.mec-next-previous-events li {
    width: 100%;
}

.mec-next-previous-events li a {
    text-align:inherit;
}

.mec-previous-event {
    text-align: left!important;
    float: left!important;
}

.mec-next-event {
    text-align: right!important;
    float: right!important;
}

.mec-next-event a,
.mec-previous-event a {
    display:flex!important;
    flex-direction: row;
    align-items:center;
    gap:10px;
}

.mec-next-event a {
    justify-content: flex-end;
}

.mec-previous-event a {
    justify-content: flex-start;
}

.mec-next-event a i,
.mec-previous-event a i {
    padding:0!important;
}

body:not(.mec-cat-guest-spot):not(.elementor-editor-active) .guest-infos {
  display: none;
}

.mec-wrap .col-lg-1, .mec-wrap .col-lg-10, .mec-wrap .col-lg-11, .mec-wrap .col-lg-12, .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-md-1, .mec-wrap .col-md-10, .mec-wrap .col-md-11, .mec-wrap .col-md-12, .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-sm-1, .mec-wrap .col-sm-10, .mec-wrap .col-sm-11, .mec-wrap .col-sm-12, .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-xs-1, .mec-wrap .col-xs-10, .mec-wrap .col-xs-11, .mec-wrap .col-xs-12, .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 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.mec-wrap .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.mec-modal-preloader,.mec-month-navigator-loading {
    background: none!important;
}

.mec-event-tile-view article.mec-tile-item:before {
    background: -webkit-gradient(left top,right top,color-stop(0,rgba(0,0,0,.8)),color-stop(50%,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,.8)));
    background: -webkit-gradient(180deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.8) 100%);
}

.mec-event-tile-view article.mec-tile-item .mec-event-time {
    color: var(--e-global-color-f264d6b);
}

.mec-event-tile-view article.mec-tile-item .event-tile-view-head {
    padding: 0;
    display: flex; 
    flex-direction: column;
    gap: 8px;
    margin-bottom: 0;
}
.mec-event-tile-view article.mec-tile-item .mec-event-time {
    padding-top: 0;
    position: relative;
    top:0;
}
.mec-event-tile-view article.mec-tile-item.tile-multipleday-event .mec-event-time {
    top:0;
}
.mec-event-month {
    font-family: 'Brown Sugar';
    font-weight: 600;
    font-size: 18px;
}
.mec-load-more-button {
    background: transparent;
    border: none;
    color: var(--e-global-color-f264d6b);
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0.3em;
    height: auto;
}
.mec-load-more-button:hover {
    background: transparent;
    color: white;
}
.mec-load-more-button:after {
    content:'\f0d7';
    font-family: "Font Awesome 5 Free";
    display: block; 
}

.mec-empty-month-message {
    min-height:200px;
    display: flex; 
    flex-direction: column; 
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mec-empty-month-message p {
    font-size: 20px;
    color: white;
}

@media (max-width: 760px) {
    .mec-event-tile-view .col-md-3.col-sm-3 {
        width: 50%;
    }
    .mec-event-tile-view article.mec-tile-item {
        max-height: 200px;
    }
    .mec-tile-event-content {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }
    .mec-event-tile-view article.mec-tile-item {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .mec-event-tile-view .col-md-3.col-sm-3 {
        width: 50%;
    }
    .mec-event-tile-view article.mec-tile-item .mec-event-title,
    .mec-event-tile-view article.mec-tile-item .mec-event-title a {
        font-size: 4.5vw!important;
    }
    .mec-tile-event-content {
        bottom: 10px;
        left: 10px;
        right: 10px;
    }
    .mec-event-tile-view article.mec-tile-item {
        padding: 10px;
    }
    .mec-event-tile-view article.mec-tile-item .mec-event-time {
        font-size: 12px;
    }
    .mec-event-tile-view article.mec-tile-item .mec-event-time i {
        margin-top: 2px;
        font-size: 10px;
    }
}