.elementor-488 .elementor-element.elementor-element-d1a7b14{--display:flex;}.elementor-488 .elementor-element.elementor-element-08ed131{--display:flex;}/* Start custom CSS *//* =========================================================
   AGENDA FESTIVAL
   CALENDRIER + EVENTS CALENDAR TEMPLATES
========================================================= */


/* =========================================================
   VARIABLES
========================================================= */

:root {

    --agenda-dark: #1d1d1d;

    --agenda-text: #343434;

    --agenda-grey: #6f6f6f;

    --agenda-light: #f5f3ef;

    --agenda-white: #ffffff;

    --agenda-border: #d8d4cd;

    --agenda-accent: #d55a50;

    --agenda-accent-dark: #b94139;

}


/* =========================================================
   INTRODUCTION
========================================================= */

.agenda-introduction {

    width: 100%;

    max-width: 950px;

    margin: 0 auto 70px;

}


.agenda-introduction p {

    color: var(--agenda-text);

    font-size: 20px;

    line-height: 1.6;

    margin: 0 0 25px;

}


.agenda-introduction p:last-child {

    margin-bottom: 0;

}


/* =========================================================
   CALENDRIER
========================================================= */

.agenda-calendar {

    width: 100%;

    max-width: 1100px;

    margin: 0 auto 70px;

    padding: 45px;

    background: var(--agenda-white);

    border: 1px solid var(--agenda-border);

}


/* =========================================================
   HEADER CALENDRIER
========================================================= */

.agenda-calendar-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 40px;

}


.agenda-calendar-header h2 {

    margin: 0;

    color: var(--agenda-dark);

    font-size: 30px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

}


/* =========================================================
   BOUTONS NAVIGATION
========================================================= */

.agenda-calendar-nav {

    width: 48px;

    height: 48px;

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    background: transparent;

    border: 1px solid var(--agenda-dark);

    border-radius: 0;

    color: var(--agenda-dark);

    font-size: 25px;

    line-height: 1;

    cursor: pointer;

    transition: all .25s ease;

}


.agenda-calendar-nav:hover {

    background: var(--agenda-dark);

    color: var(--agenda-white);

}


/* =========================================================
   JOURS SEMAINE
========================================================= */

.agenda-calendar-weekdays {

    display: grid;

    grid-template-columns: repeat(7, 1fr);

    border-bottom: 1px solid var(--agenda-border);

}


.agenda-calendar-weekdays span {

    padding: 15px 5px;

    text-align: center;

    color: var(--agenda-grey);

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

}


/* =========================================================
   GRILLE JOURS
========================================================= */

.agenda-calendar-days {

    display: grid;

    grid-template-columns: repeat(7, 1fr);

}


/* =========================================================
   JOUR
========================================================= */

.agenda-day {

    position: relative;

    min-height: 110px;

    padding: 15px;

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    background: var(--agenda-white);

    border-right: 1px solid var(--agenda-border);

    border-bottom: 1px solid var(--agenda-border);

    color: var(--agenda-text);

    font-size: 16px;

    cursor: pointer;

    transition: all .25s ease;

}


/* Pas de bordure à droite
   sur le dernier jour */

.agenda-day:nth-child(7n) {

    border-right: none;

}


/* =========================================================
   JOUR VIDE
========================================================= */

.agenda-day.empty {

    background: #fafafa;

    cursor: default;

}


/* =========================================================
   SURVOL JOUR
========================================================= */

.agenda-day:not(.empty):hover {

    background: var(--agenda-light);

}


/* =========================================================
   JOUR AUJOURD'HUI
========================================================= */

.agenda-day.today {

    font-weight: 700;

}


.agenda-day.today .agenda-day-number {

    color: var(--agenda-accent);

}


/* =========================================================
   JOUR SÉLECTIONNÉ
========================================================= */

.agenda-day.selected {

    background: var(--agenda-dark);

    color: var(--agenda-white);

}


.agenda-day.selected:hover {

    background: var(--agenda-dark);

}


.agenda-day.selected .agenda-day-number {

    color: var(--agenda-white);

}


/* =========================================================
   JOUR AVEC EVENEMENT
========================================================= */

.agenda-day.has-event {

    font-weight: 700;

}


.agenda-day.has-event::after {

    content: "";

    position: absolute;

    bottom: 15px;

    left: 15px;

    width: 7px;

    height: 7px;

    background: var(--agenda-accent);

    border-radius: 50%;

}


.agenda-day.selected.has-event::after {

    background: var(--agenda-white);

}


/* =========================================================
   NUMERO JOUR
========================================================= */

.agenda-day-number {

    position: relative;

    z-index: 2;

}


/* =========================================================
   BOUTON AUJOURD'HUI
========================================================= */

.agenda-today-button {

    display: block;

    margin: 35px auto 0;

    padding: 13px 25px;

    background: transparent;

    border: 1px solid var(--agenda-dark);

    border-radius: 0;

    color: var(--agenda-dark);

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

    cursor: pointer;

    transition: all .25s ease;

}


.agenda-today-button:hover {

    background: var(--agenda-dark);

    color: var(--agenda-white);

}


/* =========================================================
   DATE SELECTIONNÉE
========================================================= */

.agenda-selected-date {

    width: 100%;

    max-width: 1100px;

    margin: 0 auto 45px;

    text-align: left;

}


.agenda-selected-date span {

    display: block;

    margin-bottom: 10px;

    color: var(--agenda-accent);

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 2px;

}


.agenda-selected-date h2 {

    margin: 0;

    color: var(--agenda-dark);

    font-size: 32px;

    line-height: 1.2;

}


/* =========================================================
   LISTE EVENTS ADDONS
========================================================= */

#ect-events-list-content {

    width: 100%;

    max-width: 1100px;

    margin: 0 auto;

}


/* =========================================================
   WRAPPER
========================================================= */

#ect-events-list-content #list-wrp {

    width: 100%;

}


/* =========================================================
   CARTE EVENEMENT
========================================================= */

#ect-events-list-content .ect-list-post {

    position: relative;

    width: 100%;

    min-height: auto !important;

    margin: 0 0 35px !important;

    padding: 0 !important;

    display: grid !important;

    grid-template-columns: 150px minmax(0, 1fr);

    background: var(--agenda-white) !important;

    border: 1px solid var(--agenda-border) !important;

    box-shadow: none !important;

    overflow: hidden;

    transition: all .3s ease;

}


/* =========================================================
   SURVOL CARTE
========================================================= */

#ect-events-list-content .ect-list-post:hover {

    transform: translateY(-4px);

    box-shadow: 0 12px 35px rgba(0,0,0,.08) !important;

}


/* =========================================================
   COLONNE GAUCHE
========================================================= */

#ect-events-list-content .ect-list-post-left {

    position: relative;

    width: 100% !important;

    min-height: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

}


/* =========================================================
   IMAGE
========================================================= */

#ect-events-list-content .ect-list-img {

    position: absolute !important;

    inset: 0;

    width: 100% !important;

    height: 100% !important;

    min-height: 100% !important;

    background-position: center center !important;

    background-size: cover !important;

}


/* =========================================================
   VOILE SUR IMAGE
========================================================= */

#ect-events-list-content .ect-list-img::before {

    content: "";

    position: absolute;

    inset: 0;

    background: rgba(0,0,0,.45);

}


/* =========================================================
   DATE
========================================================= */

#ect-events-list-content .ect-list-date {

    position: absolute !important;

    top: 50% !important;

    left: 50% !important;

    z-index: 10;

    width: 105px !important;

    height: 130px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform: translate(-50%, -50%);

    display: flex !important;

    align-items: center;

    justify-content: center;

    background: var(--agenda-dark) !important;

}


/* =========================================================
   CONTENU DATE
========================================================= */

#ect-events-list-content .ect-date-area {

    width: 100%;

    padding: 15px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background: transparent !important;

    color: var(--agenda-white);

    text-align: center;

}


/* =========================================================
   JOUR
========================================================= */

#ect-events-list-content .ev-day {

    display: block;

    margin-bottom: 8px;

    color: var(--agenda-accent) !important;

    font-size: 20px !important;

    font-weight: 700;

    line-height: 1;

}


/* =========================================================
   MOIS
========================================================= */

#ect-events-list-content .ev-mo {

    display: block;

    color: var(--agenda-white) !important;

    font-size: 12px !important;

    font-weight: 700;

    line-height: 1.4;

    text-transform: uppercase;

    letter-spacing: 2px;

}


/* =========================================================
   ANNEE
========================================================= */

#ect-events-list-content .ev-yr {

    display: block;

    margin-top: 8px;

    color: var(--agenda-accent) !important;

    font-size: 12px !important;

    font-weight: 700;

    letter-spacing: 2px;

}


/* =========================================================
   COLONNE DROITE
========================================================= */

#ect-events-list-content .ect-list-post-right {

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    display: block !important;

}


/* =========================================================
   TABLE
========================================================= */

#ect-events-list-content .ect-list-post-right-table {

    width: 100% !important;

    height: 100% !important;

    display: block !important;

}


/* =========================================================
   CONTENU EVENEMENT
========================================================= */

#ect-events-list-content .ect-list-description {

    width: 100% !important;

    min-height: 100% !important;

    padding: 38px 45px !important;

    display: block !important;

    vertical-align: initial !important;

}


/* =========================================================
   TITRE
========================================================= */

#ect-events-list-content .ect-list-title {

    margin: 0 0 20px !important;

    padding: 0 !important;

    color: var(--agenda-dark);

    font-size: 26px !important;

    font-weight: 700;

    line-height: 1.2;

}


/* =========================================================
   LIEN TITRE
========================================================= */

#ect-events-list-content .ect-list-title a,
#ect-events-list-content .ect-event-url {

    color: var(--agenda-dark) !important;

    text-decoration: none !important;

    transition: color .25s ease;

}


#ect-events-list-content .ect-list-title a:hover,
#ect-events-list-content .ect-event-url:hover {

    color: var(--agenda-accent) !important;

}


/* =========================================================
   LIEU
========================================================= */

#ect-events-list-content .ect-list-venue {

    margin: 0 0 18px !important;

    padding: 0 !important;

    background: transparent !important;

    color: var(--agenda-grey);

    font-size: 15px;

    line-height: 1.6;

}


/* =========================================================
   DETAILS LIEU
========================================================= */

#ect-events-list-content .ect-venue-details {

    display: inline-block;

}


/* =========================================================
   ICONE LIEU
========================================================= */

#ect-events-list-content .ect-list-venue .ect-icon {

    margin-right: 8px;

}


/* =========================================================
   LIEN GOOGLE MAP
========================================================= */

#ect-events-list-content .ect-google a {

    color: var(--agenda-grey);

    text-decoration: underline;

}


/* =========================================================
   DESCRIPTION
========================================================= */

#ect-events-list-content .ect-event-content {

    margin: 0 !important;

    padding: 0 !important;

    color: var(--agenda-grey);

    font-size: 16px;

    line-height: 1.7;

}


#ect-events-list-content .ect-event-content p {

    margin: 0 0 22px !important;

}


/* =========================================================
   LIEN EN SAVOIR PLUS
========================================================= */

#ect-events-list-content .ect-events-read-more {

    display: inline-flex !important;

    align-items: center;

    margin-top: 5px !important;

    padding: 0 !important;

    background: transparent !important;

    border: none !important;

    color: var(--agenda-dark) !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    text-transform: uppercase;

    letter-spacing: 1px;

    transition: all .25s ease;

}


#ect-events-list-content .ect-events-read-more::after {

    content: " →";

    margin-left: 8px;

    transition: margin .25s ease;

}


#ect-events-list-content .ect-events-read-more:hover {

    color: var(--agenda-accent) !important;

}


#ect-events-list-content .ect-events-read-more:hover::after {

    margin-left: 15px;

}


/* =========================================================
   SUPPRESSION ELEMENTS INUTILES
========================================================= */

#ect-events-list-content .ect-list-post .ect-share-wrapper {

    display: none !important;

}


/* =========================================================
   ETAT FILTRÉ PAR CALENDRIER
========================================================= */

#ect-events-list-content .ect-list-post.agenda-hidden-event {

    display: none !important;

}


/* =========================================================
   MESSAGE AUCUN EVENEMENT
========================================================= */

.agenda-no-event {

    padding: 40px;

    margin-bottom: 35px;

    background: var(--agenda-light);

    border: 1px solid var(--agenda-border);

    color: var(--agenda-grey);

    font-size: 16px;

    text-align: center;

}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 767px) {


    /* INTRO */

    .agenda-introduction {

        margin-bottom: 45px;

    }


    .agenda-introduction p {

        font-size: 17px;

    }


    /* CALENDRIER */

    .agenda-calendar {

        padding: 20px 10px;

        margin-bottom: 50px;

    }


    .agenda-calendar-header {

        margin-bottom: 25px;

    }


    .agenda-calendar-header h2 {

        font-size: 20px;

    }


    .agenda-calendar-nav {

        width: 40px;

        height: 40px;

        font-size: 20px;

    }


    /* JOURS SEMAINE */

    .agenda-calendar-weekdays span {

        padding: 10px 2px;

        font-size: 10px;

    }


    /* JOUR */

    .agenda-day {

        min-height: 52px;

        padding: 8px;

        font-size: 14px;

    }


    .agenda-day.has-event::after {

        bottom: 7px;

        left: 50%;

        width: 5px;

        height: 5px;

        transform: translateX(-50%);

    }


    /* TITRE DATE */

    .agenda-selected-date h2 {

        font-size: 25px;

    }


    /* LISTE */

    #ect-events-list-content .ect-list-post {

        display: block !important;

        margin-bottom: 25px !important;

    }


    /* COLONNE IMAGE */

    #ect-events-list-content .ect-list-post-left {

        height: 190px !important;

        min-height: 190px !important;

    }


    /* DATE */

    #ect-events-list-content .ect-list-date {

        width: 100px !important;

        height: 115px !important;

    }


    /* DESCRIPTION */

    #ect-events-list-content .ect-list-description {

        padding: 28px 25px !important;

    }


    /* TITRE */

    #ect-events-list-content .ect-list-title {

        font-size: 22px !important;

    }


}/* End custom CSS */