/**
 * Réglages de style qui étaient dans Modern Events Calendar :
 * variables (couleur du site, polices, rayons) et CSS personnalisé.
 */

:root,
::before,
::after {
    --mec-heading-font-family: 'Montserrat';
    --mec-paragraph-font-family: inherit;
    --mec-color-skin: #ab2328;
    --mec-color-skin-rgba-1: rgba(171, 35, 40, .25);
    --mec-color-skin-rgba-2: rgba(171, 35, 40, .5);
    --mec-color-skin-rgba-3: rgba(171, 35, 40, .75);
    --mec-color-skin-rgba-4: rgba(171, 35, 40, .11);
    --mec-primary-border-radius: 12px;
    --mec-secondary-border-radius: 3px;
    --mec-container-normal-width: 1196px;
    --mec-container-large-width: 1690px;
    --mec-fes-main-color: #40d9f1;
    --mec-fes-main-color-rgba-1: rgba(64, 217, 241, 0.12);
    --mec-fes-main-color-rgba-2: rgba(64, 217, 241, 0.23);
    --mec-fes-main-color-rgba-3: rgba(64, 217, 241, 0.03);
    --mec-fes-main-color-rgba-4: rgba(64, 217, 241, 0.3);
    --mec-fes-main-color-rgba-5: rgb(64 217 241 / 7%);
    --mec-fes-main-color-rgba-6: rgba(64, 217, 241, 0.2);
    --mec-fes-main-color-rgba-7: rgba(64, 217, 241, 0.5);
}

/* CSS personnalisé (réglages de MEC) */
.mec-wrap .mec-totalcal-box,
.mec-skin-tile-month-navigator-container {
    background: #eaeaea;
}

.mec-wrap {
    font: 13px/18px sans-serif;
}

.mec-events-meta-group-tags {
    display: none;
}

.mec-credit-url {
    display: none;
}

/*
 * Cartes (vue tuile) : hauteur selon le contenu (400px minimum) et même
 * hauteur pour toutes les cartes d'une rangée. Le contenu n'est plus en
 * position absolue, il pousse la carte en hauteur.
 */
.mec-event-tile-view .row {
    display: flex;
    flex-wrap: wrap;
}

.mec-event-tile-view .row::before,
.mec-event-tile-view .row::after {
    display: none;
}

.mec-event-tile-view .row > [class*="col-"] {
    display: flex;
    float: none;
}

.mec-event-tile-view article.mec-tile-item {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 400px;
    padding-bottom: 25px;
}

.mec-event-tile-view article.mec-tile-item .mec-event-content {
    position: static;
    height: auto;
    margin-top: auto;
}

.mec-event-tile-view article.mec-tile-item .mec-tile-into-content-link {
    z-index: 3;
}

.mec-event-tile-view article.mec-tile-item .mec-tile-event-content {
    position: relative !important;
    bottom: auto;
    left: auto;
    right: auto;
    z-index: 4;
}