/*  MODERN EVENTS CALENDAR  */
.mec-util-hidden {
    display: none;
}
/* LOADER */
.mec-modal-preloader,
.mec-month-navigator-loading {
    background: no-repeat rgba(255,255,255,.7) url('../img/loader.gif') center !important;
    background-size: 40px 40px !important;
}
/* Vue calendrier/vue mensuelle - Skin style classique (= page événements) */
.mec-load-month-link {
    color: var(--contrast) !important;
    font-size: 1.1em !important;
    font-weight: 500 !important;
    letter-spacing: .5px !important;
    text-transform: lowercase !important;
}
.mec-load-month-link:hover,
.mec-load-month-link:focus,
.mec-calendar.mec-event-calendar-classic .mec-calendar-row dt.mec-has-event:not(.mec-selected-day):hover a {
    color: var(--global-color-3) !important;
}
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month,
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month {
    border: 1px solid var(--global-color-7) !important;
}
.mec-calendar .mec-calendar-side .mec-next-month:hover, .mec-calendar .mec-calendar-side .mec-previous-month:hover {
    background-color: var(--global-color-7) !important;
}
.mec-box-calendar.mec-calendar .mec-calendar-header {
    margin-top: 0;
    margin-bottom: 20px;
}
.mec-box-calendar.mec-calendar .mec-calendar-header h2 {
    margin-top: 0 !important;
    letter-spacing: .25px;
}
.mec-calendar .mec-calendar-header h2 {
    text-transform: capitalize !important;
    font-size: 1.2em !important;
    color: var(--contrast) !important;
}
.mec-calendar.mec-event-calendar-classic dt.mec-selected-day:hover,
.mec-calendar.mec-event-calendar-classic .mec-selected-day,
.mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec,
.mec-calendar.mec-event-calendar-classic dl.mec-calendar-table-head,
.mec-calendar .mec-calendar-row dt:hover {
    background: rgba(232, 234, 226, .3) !important;
}
.mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec .mec-event-article:hover {
    background-color: transparent !important;
}
.mec-calendar.mec-event-calendar-classic dl.mec-calendar-table-head .mec-calendar-day-head,
.mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec,
.mec-box-calendar.mec-calendar dt {
    border-color: var(--global-color-7) !important;
}
.mec-calendar .mec-calendar-table-head dt {
    font-size: 1em !important;
    color: var(--contrast) !important;
}
.mec-calendar dt {
    color: var(--contrast) !important;
}
.mec-calendar .mec-table-nullday {
    color: var(--global-color-7) !important;
}
.mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec .mec-table-side-day {
    margin: 0 !important
}
.mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec .mec-table-side-title {
    margin-bottom: 10px !important;
    font-size: 1em;
}
.mec-calendar .mec-event-article {
    padding-bottom: 10px !important;
    padding-top: 15px !important;
}
.mec-calendar .mec-event-article .mec-event-time {
    font-size: 1em !important;
    line-height: 1 !important;
}
.mec-calendar .mec-calendar-row dt.mec-has-event:hover:after {
    background-color: var(--global-color-3) !important;
}
.mec-calendar .mec-event-article .mec-event-title {
    font-size: 1em !important;
    font-weight: initial !important;
    text-transform: none !important;
}
.mec-calendar .mec-event-article .mec-event-detail {
    font-size: 1em !important;
    color: var(--contrast) !important;
}
.mec-calendar.mec-event-calendar-classic .mec-has-event:after {
    top: 26px !important;
}
.mec-calendar .mec-has-event:after {
    width: 12px !important;
    height: 12px !important;
}

/* MEC skin - Liste style standard */
/* Séparateur mois */
.mec-month-divider:first-child {
    margin-top: 0 !important;
}
.mec-month-divider span {
    text-transform: capitalize !important;
    font-size: 1.2em !important;
    color: var(--contrast) !important;
    border-bottom: 2px solid var(--base) !important;
    line-height: 1;
    margin-top: 3px;
}
.mec-month-divider span:before {
    border-bottom: 2px solid var(--global-color-3) !important;
    bottom: -2px !important;
}

/* event color */
.event-color {
    margin-left: 10px !important;
    top: 2px;
    position: relative;
}
.mec-event-list-standard .mec-event-article {
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 50px !important;
}
.mec-event-list-standard .mec-event-article:last-of-type {
    margin-bottom: 20px !important;
}
.mec-event-list-standard .mec-topsec {
    display: flex !important;
    /* align-items: center; */
}

/* MEC Liste style standard > date */
.mec-event-list-standard .mec-event-meta-wrap {
    width: 160px !important;
    display: flex !important;
    justify-content: flex-end;
    border: none !important;
    box-shadow: none !important;
    padding: 9px 30px 0 0 !important;
}
.mec-event-list-standard .mec-event-meta span.mec-event-d {
    font-size: 1em !important;
    line-height: 1.4em !important;
    padding-right: 0 !important;
    color: var(--contrast) !important;
    display: flex;
    justify-content: flex-end;
}
@media (min-width: 769px) {
    .mec-event-list-standard .mec-event-meta span.mec-event-d {
        flex-direction: column;
    }
}
.mec-event-list-standard .mec-event-meta span.mec-event-d > span {
    font-size: 1.5em;
    line-height: 1.2em;
    letter-spacing: 0;
    margin-bottom: 4px;
    font-weight: 700;
}
.mec-event-list-standard .mec-time-details {
    text-transform: initial !important;
    font-size: 1em !important;
    font-weight: 500 !important;
    line-height: 1.4em !important;
    color: var(--global-color-3) !important;
    margin-bottom: 0 !important;
    text-align: right !important;
}
/* Content */
.mec-event-list-standard .mec-event-content-wrap:before {
    content: '';
    position: relative;
    top: 17px;
    margin-left: -7px;
    display: block;
    width: 12px;
    height: 12px;
    background-color: var(--global-color-7);
    border-radius: 50%;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
}
.mec-event-list-standard .mec-event-content-wrap {
    width: calc(100% - 160px);
    border-left: 2px solid var(--global-color-7);
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
}
.mec-event-list-standard .mec-has-image .mec-event-content-wrap {
    width: calc(75% - 140px);
}
.mec-event-list-standard .mec-event-content-wrap:hover:before {
    background-color: var(--global-color-3);
}
.mec-event-list-standard .mec-event-content-wrap:hover {
    border-color: 2px solid var(--global-color-3);
}
/* Event image */
.mec-event-list-standard .mec-event-image-wrap {
    display: flex !important;
    width: 25% !important;
    padding: 0 0 0 20px !important;
}
.mec-event-list-standard .mec-event-content {
    padding: 0 0 0 30px !important;
}
.mec-event-list-standard h3.mec-event-title {
    font-weight: 600 !important;
    font-size: 1.2em !important;
    line-height: 1.4em !important;
    margin: 0 !important;
}
.mec-event-list-standard h3.mec-event-title img {
    margin-left: 10px;
    margin-top: -4px;
    top: 3px;
    position: relative;
}
.mec-event-list-standard .mec-date-details {
    margin: 0 !important;
    text-align: right;
}
.mec-event-list-standard .mec-event-description {
    margin-top: 10px;
}
.mec-event-list-standard .mec-event-description p {
    color: var(--contrast) !important;
    font-size: 1em !important;
    font-weight: 500 !important;
    margin-bottom: 10px !important;
}
.mec-event-list-standard .mec-event-description .read-more-container {
    font-weight: 700 !important;
}
.mec-event-list-standard .mec-event-description .button {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    font-size: 1em !important;
    text-transform: initial !important;
    margin: 0 !important;
}
.mec-event-list-standard .mec-venue-details {
    margin-bottom: 0 !important;
    font-weight: 600;
    color: var(--global-color-3);
}
.mec-event-list-standard .mec-event-address {
    display: inline-block;
    margin: 0;
    font-style: normal !important;
}
/* MEC responsive */
@media (max-width: 980px) {
    .mec-event-list-standard .mec-event-meta-wrap {
        width: 140px !important;
        padding-right: 20px !important;
    }
    .mec-event-list-standard .mec-event-content {
        padding-left: 20px !important;
    }
}
@media (max-width: 768px) {
    .mec-event-list-standard .mec-topsec {
        flex-direction: column;
    }
    .mec-event-list-standard .mec-event-meta-wrap {
        width: 100% !important;
        display: flex !important;
        justify-content: flex-start;
        padding: 0 !important;
    }
    .mec-event-list-standard .mec-event-meta-wrap {
        width: 100% !important;
    }
    .mec-event-meta.mec-color-before {
        display: flex;
        align-items: center;
    }
    .mec-event-list-standard .mec-date-details {
        text-align: left;
        margin-right: 10px !important;
    }
    .mec-event-list-standard .mec-event-content-wrap {
        width: 100% !important;
        padding: 0 !important;
        min-height: auto !important;
    }
    body.home .mec-event-list-standard .mec-event-image-wrap {
        display: none !important;
    }
}
@media (min-width: 580px) and (max-width: 768px) {    
    .mec-event-list-standard .mec-topsec.mec-has-image {
        display: grid !important;
        grid-template-rows: auto auto auto;
        grid-template-columns: 75% 25%;
    }
    .mec-event-list-standard .mec-topsec.mec-has-image .mec-event-meta-wrap {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: 3;
    }
    .mec-event-list-standard .mec-topsec.mec-has-image .mec-event-content-wrap {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
    }
    .mec-event-list-standard .mec-topsec.mec-has-image .mec-event-image-wrap {
        width: 100% !important;
        grid-row-start: 2;
        grid-column-start: 2;
        grid-row-end: 3;
        grid-column-end: 3;
        align-items: center;
    }
}
@media (max-width: 579px) {
    .mec-event-list-standard .mec-topsec.mec-has-image .mec-event-image-wrap {
        display: none !important;
    }
}